:root{--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg:#f5f6f8;--panel:#fff;--panel-soft:#f7f8fa;--text:#16181d;--muted:#6b7280;--border:#e3e6eb;--accent:#4f46e5;--win:#15803d;--win-bg:#15803d1a;--lose-bar:#cbd5e1;--error:#b91c1c;--error-bg:#b91c1c0f;--tok-0:#3b82f64d;--tok-1:#10b9814d;--tok-2:#f59e0b61;--tok-3:#a855f74d;--tok-4:#f43f5e42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1013;--panel:#16191f;--panel-soft:#1b1f27;--text:#e6e8ec;--muted:#9aa3b2;--border:#272c36;--accent:#818cf8;--win:#4ade80;--win-bg:#4ade801f;--lose-bar:#3a4150;--error:#f87171;--error-bg:#f871711a;--tok-0:#60a5fa59;--tok-1:#34d39952;--tok-2:#fbbf2452;--tok-3:#c084fc57;--tok-4:#fb71854d}}*{box-sizing:border-box}body{font:15px/1.6 var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;gap:20px;max-width:1160px;margin:0 auto;padding:32px 20px 48px;display:flex}.app-header h1{letter-spacing:-.4px;margin:0 0 6px;font-size:26px}.app-header p{color:var(--muted);max-width:78ch;margin:0}.app-header a{color:var(--accent);font-weight:600;text-decoration:none}.app-header a:hover{text-decoration:underline}.global-toolbar{background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:20px;padding:14px 16px;display:grid}.model-control,.mode-control{flex-direction:column;gap:6px;display:flex}.model-control label,.mode-control>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:600}.mode-control{align-items:flex-end}.text-input{flex-direction:column;gap:6px;display:flex}.text-input-top{justify-content:space-between;align-items:baseline;display:flex}.text-input-top label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:600}.link-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.link-button:hover{text-decoration:underline}textarea{resize:vertical;width:100%;min-height:132px;font:15px/1.65 var(--sans);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;outline:none;padding:12px 14px}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.compare{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.compare-hint{color:var(--muted);text-align:center;font-size:14px}.compare-hint-error{color:var(--error);background:var(--error-bg)}.compare-heading{justify-content:space-between;gap:16px;display:flex}.compare-heading h2{letter-spacing:-.2px;margin:0;font-size:17px}.compare-heading p{color:var(--muted);margin:2px 0 0;font-size:13px}.compare-groups{flex-direction:column;display:flex}.compare-group{padding:12px 0}.compare-group:first-child{padding-top:4px}.compare-group:last-child{padding-bottom:2px}.compare-group+.compare-group{border-top:1px solid var(--border)}.compare-group-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.compare-block-label{font-size:14px;font-weight:700}.compare-group-verdict{color:var(--muted);font-size:13px}.compare-group-verdict.is-win{color:var(--win);font-weight:600}.compare-bars{flex-direction:column;gap:8px;display:flex}.compare-row{grid-template-columns:130px 1fr 76px;align-items:center;gap:12px;display:grid}.compare-label{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.compare-track{background:color-mix(in srgb, var(--border) 55%, transparent);border-radius:5px;height:10px;overflow:hidden}.compare-fill{background:var(--lose-bar);border-radius:5px;height:100%;transition:width .25s}.compare-fill-win{background:var(--win)}.compare-count{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.mode-toggle{border:1px solid var(--border);background:var(--panel);border-radius:8px;display:inline-flex;overflow:hidden}.mode-toggle button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:13px}.mode-toggle button.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);font-weight:600}.text-blocks{flex-direction:column;gap:20px;display:flex}.text-block{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 62%, transparent);border-radius:16px;flex-direction:column;gap:16px;padding:18px;display:flex}.text-block-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.text-block-header h2{letter-spacing:-.2px;margin:0;font-size:19px}.text-block-header p{color:var(--muted);margin:1px 0 0;font-size:13px}.remove-block-button{border:1px solid var(--border);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:13px}.remove-block-button:hover{border-color:color-mix(in srgb, var(--error) 45%, var(--border));color:var(--error)}.add-block-button{border:1px dashed color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--panel));min-width:220px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;align-self:center;padding:10px 18px;font-weight:600}.add-block-button:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.panels{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.panel-header{align-items:center;min-height:44px;display:flex}.panel-title{flex-direction:column;gap:2px;display:flex}.panel-name{font-size:15px;font-weight:700}.panel-sub{color:var(--muted);font-size:12.5px}.model-select{width:100%;font:inherit;color:var(--text);background:var(--panel-soft);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:9px 10px;font-size:14px;font-weight:600}.model-select:focus{border-color:var(--accent);outline:none}.panel-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--panel-soft);border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat:first-child .stat-value{color:var(--accent)}.stat-label{color:var(--muted);font-size:12px}.panel-body{min-height:120px}.token-view{background:var(--panel-soft);border:1px solid var(--border);max-height:380px;font-family:var(--mono);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.9;overflow:auto}.token-view-empty{color:var(--muted);font-family:var(--sans)}.token{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin:1px;padding:0 1px;display:inline-block}.token.c0{background:var(--tok-0)}.token.c1{background:var(--tok-1)}.token.c2{background:var(--tok-2)}.token.c3{background:var(--tok-3)}.token.c4{background:var(--tok-4)}.token-partial{outline:1px dashed var(--muted);outline-offset:-1px}.token-more{color:var(--muted);font-family:var(--sans);margin-top:8px;font-size:13px}.panel-message{text-align:center;min-height:120px;color:var(--muted);background:var(--panel-soft);border:1px dashed var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.panel-message p{margin:0}.panel-message-sub{opacity:.85;overflow-wrap:anywhere;max-width:46ch;font-size:12.5px}.panel-error{border-color:color-mix(in srgb, var(--error) 40%, transparent);background:var(--error-bg);color:var(--error)}.panel-error button{font:inherit;color:var(--error);cursor:pointer;background:0 0;border:1px solid;border-radius:8px;margin-top:6px;padding:5px 14px;font-size:13px;font-weight:600}.spinner{border:3px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.app-footer{color:var(--muted);border-top:1px solid var(--border);padding-top:14px;font-size:13px}.app-footer code{font-family:var(--mono);background:var(--panel-soft);border-radius:4px;padding:1px 5px;font-size:12px}@media (width<=860px){.global-toolbar{grid-template-columns:1fr}.mode-control{align-items:flex-start}.panels{grid-template-columns:1fr}.compare-row{grid-template-columns:96px 1fr 64px}.app{padding-top:20px}}@media (width<=560px){.app{padding-inline:12px}.text-block{padding:14px}.compare-group-header{flex-direction:column;align-items:flex-start;gap:2px}.compare-row{grid-template-columns:82px 1fr 54px;gap:8px}}