.ou-tool-page{padding:20px 0 44px}.ou-tool-page .ou-wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto}@media(min-width:720px){.ou-tool-page .ou-wrap{width:min(var(--max),calc(100% - 48px))}}@media(min-width:1200px){.ou-tool-page .ou-wrap{width:min(var(--max),calc(100% - 64px))}}.ou-mt{margin-top:12px}.ou-mt2{margin-top:14px}.ou-card{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.ou-label{display:block;margin:10px 0 6px;font-size:1.1rem;font-weight:650;color:var(--text);opacity:.9}.ou-input{width:100%;border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface-2);color:var(--text);font-size:1.2rem}.ou-input:focus{outline:3px solid rgba(37,99,235,.18);border-color:#2563eb59}.ou-input::placeholder{color:#0b122073}.ou-textarea{width:100%;min-height:320px;resize:vertical;border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface-2);color:var(--text);font-size:1.2rem}.ou-textarea:focus{outline:3px solid rgba(37,99,235,.18);border-color:#2563eb59}.ou-textarea--out{min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.05rem;line-height:1.5}.ou-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ou-btn{appearance:none;border:1px solid rgba(37,99,235,.25);background:linear-gradient(180deg,var(--brand),var(--brand-2));color:#fff;font-weight:650;padding:12px 14px;border-radius:14px;cursor:pointer;transition:transform .08s ease,filter .18s ease;user-select:none;font-size:1.3rem;position:relative}.ou-btn:hover{filter:brightness(1.02)}.ou-btn:active{transform:translateY(1px)}.ou-btn:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.ou-btn--ghost{border:1px solid var(--border);background:var(--surface-2);color:var(--text);box-shadow:none}.ou-btn--ghost:hover{filter:brightness(1.01)}.ou-btn--small{padding:9px 10px;border-radius:12px;font-size:1.05rem}.ou-check{display:inline-flex;gap:10px;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.ou-check input{width:18px;height:18px;accent-color:var(--brand)}.ou-stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:8px 0 14px}@media(min-width:720px){.ou-stats{grid-template-columns:repeat(4,1fr)}}.ou-stat{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:12px}.ou-stat__label{font-size:.95rem;font-weight:750;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.ou-stat__value{margin-top:6px;font-size:1.6rem;font-weight:800;color:var(--text)}.ou-stat__hint{margin-top:2px;font-size:.95rem;color:#0b12208c}.ou-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.ou-tab{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 12px;border-radius:999px;cursor:pointer;font-weight:700;font-size:1.05rem;transition:transform .08s ease,filter .18s ease}.ou-tab:hover{filter:brightness(1.02)}.ou-tab:active{transform:translateY(1px)}.ou-tab:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.ou-tab.is-active{border:1px solid rgba(37,99,235,.25);background:linear-gradient(180deg,var(--brand),var(--brand-2));color:#fff}.ou-panel{display:none}.ou-panel.is-active{display:block}.ou-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 10px}.ou-panel__title{font-weight:750;color:var(--text);opacity:.9}.ou-btn.is-copied{animation:ou-copied-pulse .55s ease-out 0s 1;box-shadow:0 0 0 5px #2563eb38,0 12px 30px #0b12201f}.ou-btn.is-copied:after{content:"✓";position:absolute;left:50%;top:50%;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;color:#2563eb;border:1px solid rgba(37,99,235,.22);box-shadow:0 10px 22px #0b12201f;font-weight:900;transform:translate(-50%,-50%) scale(.85);animation:ou-copied-check-center .55s ease-out 0s 1;pointer-events:none}@keyframes ou-copied-check-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}to{opacity:1;transform:translate(-50%,-50%) scale(.85)}}@keyframes ou-copied-pulse{0%{transform:translateY(0) scale(1);filter:brightness(1)}35%{transform:translateY(-1px) scale(1.02);filter:brightness(1.08)}to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes ou-copied-check{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(.85)}}.ou-btn.is-warn{box-shadow:0 0 0 5px #eab30838;filter:brightness(1.04)}.ou-btn.is-empty{animation:ou-shake .18s ease-in-out 0s 3;box-shadow:0 0 0 5px #ef44442e}@keyframes ou-shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}@media(max-width:520px){.ou-btn{width:100%}.ou-btn--small{width:auto}.ou-check{width:100%;justify-content:flex-start}}