:root{--bg:#fff;--fg:#000;--muted:#666;--line:#000;--pane:#fff;--mono:"Courier New", Courier, "Nimbus Mono L", monospace;--token-0:#ffd6a5;--token-1:#caffbf;--token-2:#9bf6ff;--token-3:#bdb2ff;--token-4:#ffc6ff;--token-5:#fdffb6;--token-6:#a0c4ff;--token-7:#ffadad}*{box-sizing:border-box}body{min-height:100vh;color:var(--fg);font-family:var(--mono);background:var(--bg);margin:0;line-height:1.45}.page{max-width:720px;margin:0 auto;padding:2rem 1rem 3rem}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.header-main{flex:1;min-width:0}.eyebrow{color:var(--muted);margin:0 0 .35rem;font-size:.75rem}.header h1{letter-spacing:.02em;text-transform:lowercase;margin:0 0 .75rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:700}.lede{max-width:52ch;color:var(--muted);margin:0;font-size:.85rem}.cost-badge{text-align:right;flex-shrink:0;line-height:1.1}.cost-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.7rem;display:block}.cost-value{font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,3rem);font-weight:700;display:block}.workspace{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.pane-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.35rem;display:flex}.pane-header label,.pane-label{letter-spacing:.04em;color:var(--muted);margin:0;font-size:.75rem}.pane-metrics{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.65rem 1rem;font-size:.8rem;display:flex}.metric-label,.char-count{color:var(--muted)}.char-count.at-limit{color:var(--fg);font-weight:700}.input-hint{color:var(--muted);margin:.35rem 0 0;font-size:.75rem}body.is-busy .token-view,body.is-busy .token-highlights{opacity:.55}.token-editor{border:1px solid var(--line);background:var(--pane);min-height:8rem;position:relative}.token-highlights,.token-input{width:100%;min-height:8rem;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;border:none;margin:0;padding:.75rem .85rem;font-size:.85rem;line-height:1.6}.token-highlights{pointer-events:none;color:var(--fg);scrollbar-width:none;position:absolute;inset:0;overflow:auto}.token-highlights::-webkit-scrollbar{display:none}.token-input{z-index:1;resize:vertical;color:#0000;caret-color:var(--fg);background:0 0;display:block;position:relative;overflow:auto}.token-input::placeholder{color:var(--muted)}.token-input::selection{color:#0000;background:#000}.token-view{border:1px solid var(--line);background:var(--pane);min-height:8rem;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;padding:.75rem .85rem;font-size:.85rem;line-height:1.6;overflow:auto}.token{border-radius:0;padding:.05em 0}.token-0{background:var(--token-0)}.token-1{background:var(--token-1)}.token-2{background:var(--token-2)}.token-3{background:var(--token-3)}.token-4{background:var(--token-4)}.token-5{background:var(--token-5)}.token-6{background:var(--token-6)}.token-7{background:var(--token-7)}.copy-btn{font:inherit;border:1px solid var(--fg);background:var(--fg);color:var(--bg);cursor:pointer;padding:.15rem .45rem;font-size:.75rem}.copy-btn:hover,.copy-btn.copied{background:var(--bg);color:var(--fg)}.controls-accordion{border-top:1px solid var(--line);padding-top:.75rem}.controls-accordion>summary{cursor:pointer;letter-spacing:.04em;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.85rem;list-style:none}.controls-accordion>summary::-webkit-details-marker{display:none}.controls-accordion>summary:before{content:"[+] ";color:var(--fg)}.controls-accordion[open]>summary:before{content:"[-] "}.controls-accordion>summary:hover{color:var(--fg)}.controls{gap:.9rem;margin-top:.9rem;display:grid}.strategy-groups{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;display:grid}@media (width<=560px){.header{flex-direction:column}.cost-badge{text-align:left;align-self:flex-start}.strategy-groups{grid-template-columns:1fr}}.strategy-group{border:none;min-width:0;margin:0;padding:0}.strategy-group legend{letter-spacing:.04em;color:var(--muted);margin-bottom:.4rem;padding:0;font-size:.7rem}.strategy-toggles{flex-wrap:wrap;gap:.65rem 1rem;display:flex}.strategy-toggles label{cursor:pointer;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.strategy-toggles input{accent-color:#000}.control-row{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;display:flex}.control-row label,.slider-label{color:var(--muted);min-width:7.5rem;font-size:.8rem}.slider-label{justify-content:space-between;gap:.75rem;width:100%;max-width:28rem;display:flex}#aggressiveness-value{color:var(--fg);font-variant-numeric:tabular-nums}#aggressiveness{accent-color:#000;width:100%;max-width:28rem}#encoding{font:inherit;border:1px solid var(--line);background:var(--pane);color:var(--fg);border-radius:0;padding:.3rem .4rem;font-size:.85rem}