:root{--bg: #0f1117;--bg-panel: #171a23;--bg-bar: #1d212c;--border: #2a2f3c;--text: #e6e9ef;--text-dim: #9aa3b2;--accent: #4f8cff;--accent-press: #3a6fd6;--ok: #2ea36b;--radius: 10px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #f4f6fa;--bg-panel: #ffffff;--bg-bar: #eef1f6;--border: #d8dde6;--text: #1b1f29;--text-dim: #5a6577;--accent: #2f6bd8;--accent-press: #245bbd}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}.app{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,36px);display:flex;flex-direction:column;gap:18px;min-height:100vh}.app__header{position:relative;text-align:center}.app__title{margin:0 0 6px;font-size:clamp(1.6rem,3.5vw,2.3rem);letter-spacing:-.02em}.app__subtitle{margin:0 auto;max-width:560px;color:var(--text-dim);font-size:.95rem}.app__share{position:absolute;top:4px;right:0}@media(max-width:760px){.app__share{position:static;margin-top:10px}}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.options__item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.options__item input{grid-row:1 / 3;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.options__label{font-size:.9rem;font-weight:600}.options__hint{grid-column:2;font-size:.74rem;color:var(--text-dim)}.options__item--disabled{opacity:.45;cursor:not-allowed}.options__item--disabled input{cursor:not-allowed}.modes{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.modes__legend{padding:0 6px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.modes__item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;flex:1 1 240px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,background .12s ease}.modes__item:hover{border-color:var(--accent)}.modes__item--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.modes__item input{grid-row:1 / 3;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.modes__label{font-size:.9rem;font-weight:600}.modes__hint{grid-column:2;font-size:.74rem;color:var(--text-dim)}.panes{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}@media(max-width:760px){.panes{grid-template-columns:1fr}}.pane{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:320px}.pane__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:8px 12px;background:var(--bg-bar);border-bottom:1px solid var(--border)}.pane__title{font-size:.82rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.pane__actions{display:flex;gap:8px}.pane__text{flex:1;width:100%;border:0;outline:none;resize:none;padding:14px;font-family:var(--mono);font-size:.9rem;line-height:1.55;background:transparent;color:var(--text);-moz-tab-size:2;tab-size:2}.pane__text--out{color:var(--text)}.pane__text::placeholder{color:var(--text-dim);opacity:.7}.btn{font:inherit;font-size:.82rem;font-weight:600;border-radius:7px;border:1px solid transparent;padding:5px 12px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-press)}.btn--copied{background:var(--ok)}.btn--copied:hover:not(:disabled){background:var(--ok)}.stats{margin:-6px 0 0;text-align:center;color:var(--text-dim);font-size:.8rem}.stats__sep{margin:0 8px;opacity:.5}.faq{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.faq__title{margin:0 0 8px;font-size:.82rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.faq__item{border-top:1px solid var(--border)}.faq__item summary{padding:10px 2px;font-size:.92rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.faq__item summary:hover{color:var(--accent)}.faq__item p{margin:0 0 14px;padding:0 2px;color:var(--text-dim);font-size:.88rem}.faq__item code{font-family:var(--mono);font-size:.82em;background:var(--bg-bar);border:1px solid var(--border);border-radius:4px;padding:1px 4px;white-space:nowrap}.app__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;color:var(--text-dim);font-size:.8rem}.app__footer-sep{opacity:.5}.btn:focus-visible,.pane__text:focus-visible,.faq__item summary:focus-visible,.options__item input:focus-visible,.modes__item input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}