@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e7edf1;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0c111d;--surface:#111927;--surface-2:#172131;--surface-3:#1c2938;--line:#29384a;--line-soft:#89a4b529;--text:#e7edf1;--muted:#8fa1b0;--subtle:#607483;--mint:#9be0d1;--mint-strong:#5ab9aa;--amber:#e9bb77;--coral:#e88375;--blue:#9bc2ef;--shadow:0 16px 44px #0003;background:#0c111d;font-family:DM Sans,system-ui,sans-serif}:root[data-theme=light]{color:#1a2932;--bg:#f4f0e9;--surface:#fffdf8;--surface-2:#f3f0e9;--surface-3:#e8eee9;--line:#d7d8d1;--line-soft:#1b303b1f;--text:#1a2932;--muted:#5d6e76;--subtle:#829097;--mint:#2e7e74;--mint-strong:#276c63;--amber:#a9682d;--coral:#bd5e53;--blue:#356c9b;--shadow:0 16px 44px #29312a1c;background:#f4f0e9}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button{color:inherit}.app-shell{background:radial-gradient(circle at 8% -10%, #68ada11f, transparent 32rem), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line-soft);z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup img{border-radius:10px;width:38px;height:38px}.brand-lockup h1,h2,h3,p{margin:0}.brand-lockup h1{letter-spacing:-.02em;font:600 19px Space Grotesk,sans-serif}.eyebrow{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;font:500 10px DM Mono,monospace;display:block}.topbar-actions,.header-actions,.run-actions,.callout-meta,.metric-row{align-items:center;gap:8px;display:flex}.version-chip,.save-status{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:5px 8px;font:500 10px DM Mono,monospace}.github-link{color:var(--text);padding-left:8px;font-size:13px;text-decoration:none}.icon-button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 9px}.icon-button:hover{border-color:var(--line);color:var(--text);background:var(--surface)}.demo-banner{min-height:36px;color:var(--amber);background:#e9bb7712;border-bottom:1px solid #e9bb7738;align-items:center;gap:8px;padding:8px 30px;font-size:12px;display:flex}.demo-banner button{color:var(--text);background:0 0;border:0;margin-left:5px;padding:0;text-decoration:underline}.status-dot,.credential-status i,.run-status i{background:var(--amber);border-radius:50%;width:7px;height:7px;display:inline-block}.workspace{grid-template-columns:minmax(290px,345px) minmax(0,1fr);gap:22px;width:min(1700px,100%);margin:0 auto;padding:26px 30px 22px;display:grid}.config-column,.comparison-area{min-width:0}.config-column{border-right:1px solid var(--line-soft);flex-direction:column;gap:16px;padding-right:22px;display:flex}.panel-heading,.section-label,.editor-label,.result-card-header,.card-footer,.inspector-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{letter-spacing:-.03em;margin-top:2px;font:600 22px Space Grotesk,sans-serif}.field-label,.mini-label{color:var(--muted);letter-spacing:.02em;flex-direction:column;gap:6px;font-size:11px;display:flex}.mini-label{color:var(--subtle);font-family:DM Mono,monospace;font-size:10px}input,textarea,select{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 10px;font-size:12px;transition:border-color .16s,background .16s}input:hover,textarea:hover,select:hover{border-color:var(--subtle)}input:focus,textarea:focus,select:focus{border-color:var(--mint-strong);outline:none}textarea{resize:vertical;line-height:1.45}select{appearance:auto}.code-field textarea,.json-viewer,code{font-family:DM Mono,monospace}.code-field textarea{font-size:10px;line-height:1.55}.preset-note,.muted,.prompt-preview,.privacy-note p,.tool-preview span:last-child,.image-preview span,.comparison-header p,.callout-card p{color:var(--muted);font-size:11px;line-height:1.5}.editor-block{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.editor-label{color:var(--text);font:500 11px DM Mono,monospace}.editor-label .muted{font-size:10px}.prompt-preview{border-top:1px solid var(--line-soft);gap:4px;padding-top:9px;display:grid}.prompt-preview span{color:var(--mint);text-transform:uppercase;letter-spacing:.08em;font:500 9px DM Mono,monospace}.prompt-preview strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.control-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.toggle-control{color:var(--muted);align-items:flex-start;gap:7px;min-width:0;display:flex}.toggle-control span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.toggle-control strong{white-space:nowrap;font-size:10px;font-weight:600}.toggle-control small{color:var(--subtle);white-space:nowrap;font-size:9px}.switch{border:1px solid var(--line);background:var(--surface-3);border-radius:99px;flex:none;width:25px;height:15px;padding:2px}.switch span{background:var(--muted);border-radius:50%;width:9px;height:9px;transition:transform .16s,background .16s;display:block}.switch.on{border-color:var(--mint-strong);background:#5ab9aa4d}.switch.on span{background:var(--mint);transform:translate(10px)}.tool-preview{background:#9bc2ef12;border:1px solid #9bc2ef40;border-radius:8px;gap:5px;padding:10px;display:grid}.tool-kicker,.diff-label{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font:500 9px DM Mono,monospace}.tool-preview strong{font:500 11px DM Mono,monospace}.tool-preview code{color:var(--muted);white-space:pre-wrap;font-size:9px}.image-preview{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.image-preview img{aspect-ratio:16/8;object-fit:cover;width:100%;display:block}.image-preview span{padding:7px 9px;font-family:DM Mono,monospace;font-size:9px;display:block}.targets-section{flex-direction:column;gap:7px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:2px;font:500 10px DM Mono,monospace}.target-selector{border:1px solid var(--line-soft);background:#ffffff04;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:border-color .16s,background .16s;display:flex}.target-selector.checked{background:#9be0d10d;border-color:#9be0d157}.check-button{border:1px solid var(--subtle);color:#102229;background:0 0;border-radius:5px;flex:none;width:18px;height:18px;padding:0;font-size:12px;line-height:1}.target-selector.checked .check-button{border-color:var(--mint-strong);background:var(--mint)}.target-selector-main{flex:1;gap:6px;min-width:0;display:grid}.target-selector-main>div{justify-content:space-between;align-items:center;gap:4px;display:flex}.target-selector-main strong{font-size:11px}.target-selector-main select{background:var(--surface-2);padding:5px 7px;font-size:10px}.credential-status{color:var(--subtle);align-items:center;gap:4px;font:9px DM Mono,monospace;display:inline-flex}.credential-status i{background:var(--mint-strong);width:5px;height:5px}.execution-footer{border-top:1px solid var(--line-soft);grid-template-columns:1.5fr 1fr;gap:10px;padding-top:13px;display:grid}.execution-footer .toggle-control{padding-top:7px}.run-actions{align-items:stretch}.run-button,.secondary-button,.text-button{border:1px solid var(--line);border-radius:7px;padding:9px 11px;font-size:12px;font-weight:600}.run-button{color:#112126;background:var(--mint);border-color:var(--mint);flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.run-button:hover{background:#b8eee3}.run-button:disabled{opacity:.5;cursor:not-allowed}.run-button.compact{justify-content:center}.secondary-button{background:var(--surface);color:var(--text)}.secondary-button:hover{border-color:var(--mint-strong);background:var(--surface-2)}kbd{color:var(--subtle);border:1px solid #8091a047;border-radius:4px;padding:2px 4px;font:9px DM Mono,monospace}.run-button kbd{color:#26534d;border-color:#1121263d}.privacy-note{background:#9be0d10a;border:1px solid #9be0d12e;border-radius:9px;gap:9px;padding:10px;display:flex}.privacy-note>span{color:var(--mint);font-size:18px}.privacy-note strong{font-size:10px}.privacy-note p{margin-top:3px;font-size:10px}.comparison-area{flex-direction:column;gap:18px;display:flex}.comparison-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.comparison-header h2{letter-spacing:-.045em;margin:5px 0 6px;font:600 clamp(24px,3vw,36px) Space Grotesk,sans-serif}.comparison-header p{font-size:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.toast{color:var(--mint);background:#9be0d114;border:1px solid #9be0d145;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}.toast-error{color:var(--coral);background:#e8837514;border-color:#e8837559}.toast button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:17px}.comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.result-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;flex-direction:column;min-width:0;min-height:360px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;overflow:hidden}.result-card:hover,.result-card.selected{border-color:#9be0d18c;box-shadow:0 10px 35px #0000001f}.result-card.selected{transform:translateY(-2px)}.result-card-header{border-bottom:1px solid var(--line-soft);padding:12px}.result-card-header>div{align-items:center;gap:8px;min-width:0;display:flex}.provider-avatar{border:1px solid var(--line);width:28px;height:28px;color:var(--mint);background:var(--surface-2);border-radius:8px;place-items:center;font:600 13px Space Grotesk,sans-serif;display:grid}.result-card-header h3{font-size:12px;font-weight:600}.model-label{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;max-width:135px;margin-top:2px;font:9px DM Mono,monospace;display:block;overflow:hidden}.run-status{color:var(--subtle);text-transform:uppercase;align-items:center;gap:5px;font:9px DM Mono,monospace;display:inline-flex}.run-status.streaming{color:var(--amber)}.run-status.streaming i{background:var(--amber);box-shadow:0 0 0 3px #e9bb771f}.run-status.completed{color:var(--mint)}.run-status.completed i{background:var(--mint-strong)}.run-status.error{color:var(--coral)}.response-body{color:var(--text);flex:1;padding:14px 13px;font-size:12px;line-height:1.6;overflow:hidden}.response-body p{white-space:pre-wrap;-webkit-line-clamp:9;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.empty-response{gap:9px;padding-top:9px;display:grid}.pulse-line{background:var(--surface-3);border-radius:4px;width:92%;height:8px;animation:1.3s ease-in-out infinite pulse;display:block}.pulse-line.short{width:60%;animation-delay:.18s}.reasoning-strip,.tool-call-strip{border-top:1px solid var(--line-soft);color:var(--muted);padding:9px 13px;font-size:10px}.reasoning-strip span,.tool-call-strip span{color:var(--blue);letter-spacing:.08em;margin-bottom:4px;font:500 8px DM Mono,monospace;display:block}.tool-call-strip strong{color:var(--amber);font:500 10px DM Mono,monospace}.tool-call-strip code{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.metric-row{border-top:1px solid var(--line-soft);gap:0}.metric{border-right:1px solid var(--line-soft);flex-direction:column;flex:1;gap:4px;min-width:0;padding:9px 7px;display:flex}.metric:last-child{border-right:0}.metric span{color:var(--subtle);white-space:nowrap;font:9px DM Mono,monospace}.metric strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font:500 11px DM Mono,monospace;overflow:hidden}.card-footer{color:var(--subtle);padding:8px 12px;font:9px DM Mono,monospace}.analysis-panel{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-height:340px;overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;padding:0 8px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 8px;font:10px DM Mono,monospace}.tabs button:hover,.tabs button.active{color:var(--text);border-bottom-color:var(--mint)}.inspector-content,.inspector-summary{padding:18px}.inspector-summary{grid-template-columns:1fr minmax(300px,1fr);align-items:center;gap:22px;min-height:270px;display:grid}.inspector-copy h3,.inspector-title h3{letter-spacing:-.03em;margin:5px 0 7px;font:600 20px Space Grotesk,sans-serif}.inspector-copy p,.inspector-title p{color:var(--muted);max-width:620px;font-size:12px;line-height:1.55}.summary-stats,.large-metric-grid{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.summary-stats .metric,.large-metric-grid .metric{background:var(--surface-2);border-bottom:1px solid var(--line-soft);min-height:64px;padding:12px}.summary-stats .metric:nth-child(odd),.large-metric-grid .metric:nth-child(odd){border-right:1px solid var(--line-soft)}.summary-stats .metric:nth-last-child(-n+2),.large-metric-grid .metric:nth-last-child(-n+2){border-bottom:0}.inspector-title{align-items:flex-start;margin-bottom:16px}.inspector-title p{text-align:right;max-width:410px}.large-metric-grid{grid-template-columns:repeat(4,1fr)}.large-metric-grid .metric{min-height:86px}.compat-table-wrap{overflow:auto}.compat-table{border-collapse:collapse;width:100%;min-width:710px;font-size:10px}.compat-table th{color:var(--subtle);text-align:left;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);padding:9px;font:500 9px DM Mono,monospace}.compat-table td{color:var(--muted);vertical-align:top;border-bottom:1px solid var(--line-soft);padding:10px 9px}.compat-table td:first-child{color:var(--text);min-width:140px}.compat-table td:first-child strong,.compat-table td:first-child small{display:block}.compat-table td:first-child small{color:var(--subtle);margin-top:3px;font:9px DM Mono,monospace}.level,.feature-chip{border:1px solid var(--line);border-radius:999px;margin:0 4px 4px 0;padding:4px 6px;font:9px DM Mono,monospace;display:inline-block}.level-native{color:var(--mint);border-color:#9be0d15c}.level-adapted,.level-partial{color:var(--amber);border-color:#e9bb7759}.level-unsupported{color:var(--coral);border-color:#e8837566}.feature-chip{color:var(--muted);padding:3px 5px}.json-viewer{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);color:#c7e3dc;background:#0a0f18;border-radius:8px;min-height:230px;max-height:430px;margin:0;padding:14px;font-size:10px;line-height:1.6;overflow:auto}:root[data-theme=light] .json-viewer{background:#18232a}.timeline{gap:0;max-height:270px;display:grid;overflow:auto}.timeline-item{border-bottom:1px solid var(--line-soft);grid-template-columns:55px 15px 1fr;align-items:start;gap:8px;padding:9px 0;display:grid}.timeline-time{color:var(--subtle);font:9px DM Mono,monospace}.timeline-dot{border:2px solid var(--mint-strong);border-radius:50%;width:8px;height:8px;margin-top:2px}.timeline-item strong{color:var(--text);font:500 11px DM Mono,monospace;display:block}.timeline-item code{color:var(--muted);white-space:pre-wrap;word-break:break-word;margin-top:3px;font-size:9px;display:block}.empty-state{color:var(--subtle);text-align:center;padding:30px 0;font:11px DM Mono,monospace}.diff-grid,.security-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.diff-grid>div,.security-item{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:14px}.diff-grid strong{margin-top:8px;font:600 16px Space Grotesk,sans-serif;display:block}.diff-grid p{color:var(--muted);margin-top:5px;font-size:11px}.export-buttons{flex-wrap:wrap;gap:9px;display:flex}.text-button{color:var(--mint);background:0 0;border:0;padding:6px 0;font-size:11px}.text-button:hover{color:var(--text)}.security-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.security-item{gap:9px;display:flex}.security-item>span{color:var(--mint)}.security-item strong{font-size:11px}.security-item p{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.lower-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.callout-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:150px;padding:18px}.callout-card h3{letter-spacing:-.03em;margin:7px 0;font:600 18px Space Grotesk,sans-serif}.callout-card p{max-width:500px}.accent-card{background:#9be0d10d;border-color:#9be0d13d}.callout-meta{color:var(--subtle);flex-wrap:wrap;margin-top:18px;font:9px DM Mono,monospace}.callout-meta span{border:1px solid var(--line);border-radius:999px;padding:5px 7px}.site-footer{width:min(1700px,100%);color:var(--subtle);justify-content:space-between;gap:16px;margin:0 auto;padding:0 30px 24px;font:9px DM Mono,monospace;display:flex}.modal-backdrop{z-index:10;background:#04090eb8;place-items:start center;padding-top:15vh;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--line);background:var(--surface);width:min(470px,100% - 30px);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.command-input{border-bottom:1px solid var(--line);color:var(--mint);align-items:center;gap:9px;padding:13px;display:flex}.command-input input{background:0 0;border:0;padding:0}.command-input input:focus{outline:0}.command-palette>button{border:0;border-bottom:1px solid var(--line-soft);text-align:left;background:0 0;justify-content:space-between;width:100%;padding:12px 13px;font-size:12px;display:flex}.command-palette>button:hover{background:var(--surface-2)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1250px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.large-metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:940px){.workspace{grid-template-columns:1fr}.config-column{border-right:0;border-bottom:1px solid var(--line-soft);padding:0 0 22px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.topbar{align-items:flex-start;height:auto;min-height:68px;padding:12px 16px}.topbar-actions{gap:3px}.version-chip,.github-link{display:none}.demo-banner{flex-wrap:wrap;align-items:flex-start;padding:8px 16px}.workspace{padding:20px 16px 18px}.comparison-header{display:block}.header-actions{justify-content:flex-start;margin-top:14px}.comparison-grid{grid-template-columns:1fr}.result-card{min-height:300px}.inspector-summary,.diff-grid,.security-grid,.lower-grid{grid-template-columns:1fr}.inspector-title{display:block}.inspector-title p{text-align:left;margin-top:8px}.site-footer{padding:0 16px 20px;display:block}.site-footer span{margin-top:7px;display:block}}