:root{--font:"Sora", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#e8ece7;--bg-accent:#1b6b4a1a;--bg-mist:#3c50460f;--card:#f7faf6;--card-2:#eef3ed;--border:#d5ddd3;--border-strong:#b7c3b4;--hairline:#dfe6dc;--text:#121a16;--muted:#5c6b61;--faint:#879489;--chip:#e4ebe3;--shadow:0 1px 2px #121a160a, 0 8px 24px #121a160d;--brand:#1b6b4a;--brand-strong:#14553a;--brand-fg:#f2fbf6;--radius:14px;--radius-sm:10px}:root[data-theme=dark]{--bg:#0c110e;--bg-accent:#6fc49a1f;--bg-mist:#94a39a0d;--card:#141b16;--card-2:#1a231d;--border:#273129;--border-strong:#3a463c;--hairline:#1e2720;--text:#e8f0ea;--muted:#9aab9f;--faint:#6f7f74;--chip:#1c261f;--shadow:0 1px 2px #00000059, 0 10px 28px #0000004d;--brand:#6fc49a;--brand-strong:#8ad6ae;--brand-fg:#07130c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;background:radial-gradient(ellipse 85% 50% at 12% -8%, var(--bg-accent), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, var(--bg-mist), transparent 50%), var(--bg);background-attachment:fixed}button,input,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.wrap{max-width:720px;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 64px max(20px, env(safe-area-inset-left));margin:0 auto;animation:.35s ease-out fadeIn}.header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:20px;display:flex}.headerRight{align-items:center;gap:8px;display:inline-flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brandLogo{background:linear-gradient(145deg, var(--brand), var(--brand-strong));width:42px;height:42px;color:var(--brand-fg);box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.title{letter-spacing:-.04em;margin:0;font-size:22px;font-weight:700;line-height:1.15}.subtitle{color:var(--muted);letter-spacing:-.01em;margin:4px 0 0;font-size:13px;font-weight:400}.iconBtn{background:var(--card);width:40px;height:40px;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;place-items:center;transition:color .15s,border-color .15s,transform .12s,background .15s,box-shadow .15s;display:grid}.iconBtn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--card-2);box-shadow:var(--shadow)}.iconBtn:active:not(:disabled){transform:scale(.94)}.themeSeg{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.themeSeg button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;transition:color .15s,background .15s,transform .12s;display:grid}.themeSeg button:hover{color:var(--text)}.themeSeg button:active{transform:scale(.92)}.themeSeg button[aria-pressed=true]{background:var(--text);color:var(--card)}.controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;animation:.45s ease-out 50ms both rise;display:flex}.modeSeg{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.modeSeg button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:500;transition:color .15s,background .15s}.modeSeg button:hover{color:var(--text)}.modeSeg button[aria-pressed=true]{background:var(--text);color:var(--card)}.countField{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.countField input{border:1px solid var(--border);background:var(--card);width:56px;height:36px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;font-size:14px;font-weight:600}.countField input:focus{outline:2px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:1px;border-color:var(--brand)}.hint{color:var(--faint);flex:180px;margin:0;font-size:12.5px}.editor{flex-direction:column;gap:8px;animation:.5s ease-out .1s both rise;display:flex}.editor.flash .paneOut{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 55%, transparent)}.fieldLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:600}.resultHead{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.pane{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;min-height:160px;color:var(--text);font-family:var(--mono);box-shadow:var(--shadow);padding:14px 16px;font-size:13.5px;line-height:1.55;transition:border-color .15s,box-shadow .2s}.pane:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent), var(--shadow);outline:none}.paneOut{background:var(--card-2);min-height:140px;color:var(--text)}.pane::placeholder{color:var(--faint)}.copyBtn{background:var(--brand);color:var(--brand-fg);cursor:pointer;border:none;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform .12s,background .15s,opacity .15s}.copyBtn:hover:not(:disabled){background:var(--brand-strong)}.copyBtn:active:not(:disabled){transform:scale(.96)}.copyBtn:disabled{opacity:.45;cursor:default}.meta{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;display:flex}.status{color:var(--brand);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.title{font-size:19px}.subtitle{font-size:12px}.pane{min-height:140px;font-size:13px}}