:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090a0f;--panel:#11141b;--panel-soft:#181d26;--line:#232a36;--text:#e2e8f0;--muted:#94a3b8;--accent:#3b82f6;--accent-strong:#60a5fa;--danger:#f87171;--shadow:0 8px 32px #0006;--radius-xl:32px;--radius-lg:16px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--panel:#fff;--panel-soft:#f1f5f9;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#2563eb;--accent-strong:#1d4ed8;--danger:#ef4444;--shadow:0 8px 32px #0f172a0a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);min-width:320px;min-height:100vh;color:var(--text);letter-spacing:-.01em;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='90%25' cy='-10%25' r='40%25' fill='%233b82f6' fill-opacity='0.05'/%3E%3Ccircle cx='10%25' cy='110%25' r='30%25' fill='%233b82f6' fill-opacity='0.05'/%3E%3C/svg%3E");background-size:cover;background-attachment:fixed;margin:0;font-family:Inter,Avenir Next,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400}html[data-theme=light] body{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='90%25' cy='-10%25' r='40%25' fill='%232563eb' fill-opacity='0.03'/%3E%3Ccircle cx='10%25' cy='110%25' r='30%25' fill='%232563eb' fill-opacity='0.03'/%3E%3C/svg%3E")}button,textarea,input{font:inherit}button{cursor:pointer}textarea{resize:vertical}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:24px}.topbar{border:1px solid var(--line);background:var(--panel);width:min(1200px,100%);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:12px 24px;display:flex}.brand-mark{letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.125rem;font-weight:600;display:inline-flex}.brand-mark-dot{background:var(--accent);border-radius:999px;width:10px;height:10px}.topbar-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.segment-group{border:1px solid var(--line);background:var(--panel-soft);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.segment-button,.nav-link,.auth-button,.primary-button,.secondary-button{border:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.segment-button{min-height:32px;color:var(--muted);background:0 0;border-radius:999px;padding:0 16px;font-size:.875rem;font-weight:500}.segment-button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.segment-button:hover:not(.active),.nav-link:hover,.secondary-button:hover{background:var(--line);color:var(--text)}.nav-link,.auth-button,.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 24px;font-size:.9375rem;font-weight:500;display:inline-flex}.nav-link{border:1px solid var(--line);color:var(--muted);background:0 0}.nav-link.active{background:var(--accent);color:#fff;border-color:var(--accent)}.auth-button,.primary-button{background:var(--accent);color:#fff;border:1px solid var(--accent)}.auth-button:hover,.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.auth-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{color:var(--text);border:1px solid var(--line);background:0 0}.secondary-button:hover{border-color:var(--muted);background:0 0}.shell-body,.session-hint{width:min(1200px,100%);margin:0 auto}.session-hint{color:var(--muted);margin-top:16px;font-size:.875rem}.page-content{padding-top:48px}.home-workspace,.history-panel{gap:32px;display:grid}.headline-block{gap:16px;display:grid}.helper-text,.label-text,.inline-hint,.provider-note,.loading-copy,.support-text{color:var(--muted);font-size:.875rem}.helper-text,.label-text{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.headline-block h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:500;line-height:1.1}.lead-text{max-width:48ch;color:var(--muted);margin:0;font-size:1.125rem;font-weight:400;line-height:1.6}.summary-strip,.score-pills,.validation-state{flex-wrap:wrap;gap:12px;display:flex}.summary-strip span,.metric-pill,.validation-state span,.validation-state strong{border:1px solid var(--line);background:var(--panel-soft);min-height:36px;color:var(--text);border-radius:999px;align-items:center;padding:0 16px;font-size:.875rem;font-weight:500;display:inline-flex}.workspace-grid,.history-columns{gap:24px;display:grid}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:start}.editor-card,.result-panel,.result-block,.summary-card,.history-card,.empty-state{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.editor-card,.result-panel,.history-card,.empty-state{border-radius:var(--radius-xl);padding:32px}.editor-card textarea{width:100%;min-height:400px;color:var(--text);background:0 0;border:0;outline:none;padding:0;font-size:1.0625rem;line-height:1.6}.editor-card textarea::placeholder,.result-copy,.empty-state p,.history-snippet,.compact-list{color:var(--muted)}.editor-meta,.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.result-panel,.result-stack,.summary-grid,.history-list,.validation-form{gap:24px;display:grid}.result-block{border-radius:var(--radius-lg);padding:24px}.result-hero{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-hero h2,.history-card h2,.empty-state h2{letter-spacing:-.02em;margin:8px 0 0;font-size:1.5rem;font-weight:500}.compact-list{gap:12px;margin:0;padding-left:20px;font-size:.9375rem;line-height:1.6;display:grid}.optimized-box{white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.6}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{border-radius:var(--radius-lg);padding:24px}.summary-card strong{letter-spacing:-.02em;margin-top:12px;font-size:2rem;font-weight:500;display:block}.summary-card span{color:var(--muted);font-size:.875rem}.history-list{gap:24px}.history-card{gap:24px;display:grid}.history-card-compact{border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 24px;display:grid}.history-row-main{flex:auto;gap:10px;min-width:0;display:grid}.history-row-strip{gap:8px}.history-row-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;line-height:1.5;overflow:hidden}.history-row-meta{flex:none;justify-items:end;gap:10px;display:grid}.history-row-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.history-snippet{white-space:pre-wrap;max-height:120px;margin:0;font-size:.9375rem;line-height:1.6;overflow-y:auto}.history-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.validation-form{border-top:1px solid var(--line);margin-top:8px;padding-top:24px}.validation-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.validation-inline .label-text{flex:auto;margin:0}.validation-flex{flex:0 auto;align-items:center;gap:12px;display:flex}.history-row-editor{justify-content:flex-end}.validation-flex input{border:1px solid var(--line);background:var(--bg);width:84px;min-height:36px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-size:.875rem;font-weight:400;transition:border-color .2s}.validation-flex input:focus{border-color:var(--accent)}.compact-button{min-height:36px;padding:0 16px;font-size:.875rem}.validation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.validation-grid label{gap:8px;display:grid}.validation-grid span{color:var(--text);font-size:.875rem;font-weight:500}.validation-grid input{border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--text);border-radius:8px;outline:none;padding:0 16px;font-size:.9375rem;font-weight:400;transition:border-color .2s}.validation-grid input:focus{border-color:var(--accent)}.empty-state{text-align:center;justify-content:center;gap:16px;padding:64px 24px;display:grid}.empty-state h2,.empty-state p{margin:0}.error-banner{color:var(--danger);background:#e07a761a;border:1px solid #e07a7633;border-radius:12px;margin:0;padding:16px 24px;font-size:.9375rem}.loading-copy{margin:0}.global-footer{border-top:1px solid var(--line);width:min(1200px,100%);margin:96px auto 0;padding:48px 0 24px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;display:grid}.footer-col h3{color:var(--text);letter-spacing:.02em;margin:0 0 16px;font-size:.9375rem;font-weight:600}.footer-col p,.footer-col a{color:var(--muted);margin:0;font-size:.875rem;line-height:1.6;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:64px;padding-top:24px;font-size:.8125rem}@media (max-width:980px){.workspace-grid,.history-columns,.summary-grid{grid-template-columns:1fr}.history-card-compact{grid-template-columns:1fr;align-items:stretch;gap:16px}.history-row-meta{justify-items:start}.history-row-stats,.history-row-editor{justify-content:flex-start}.topbar{border-radius:24px;flex-direction:column;align-items:flex-start;padding:16px}.topbar-controls{justify-content:flex-start;width:100%}}@media (max-width:640px){.app-shell{padding:16px}.page-content{padding-top:32px}.editor-card,.result-panel,.history-card,.empty-state,.summary-card{border-radius:24px;padding:24px}.headline-block h1{max-width:none;font-size:clamp(2rem,10vw,3rem)}.validation-grid{grid-template-columns:1fr}.result-hero,.editor-meta,.row-between{flex-direction:column;align-items:stretch;gap:16px}}