@import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap');
:root,[data-theme=light]{--bg:#f3f6f7;--surface:#fff;--surface2:#f8fafb;--text:#172a30;--muted:#617279;--border:rgba(31,64,76,.13);--accent:#087b81;--accent-hover:#066469;--tint:#e8f5f3;--danger:#aa3b3b;--warning:#95611c;--shadow:0 3px 18px rgba(19,53,60,.04);--font:'General Sans','PingFang SC','Microsoft YaHei',sans-serif;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;--text-xs:clamp(.75rem,.72rem + .12vw,.8rem);--text-sm:clamp(.875rem,.85rem + .15vw,.95rem);--text-base:clamp(1rem,.97rem + .15vw,1.06rem);--text-lg:clamp(1.125rem,1.05rem + .2vw,1.25rem);--text-xl:clamp(1.5rem,1.4rem + .3vw,1.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem}
[data-theme=dark]{--bg:#111d22;--surface:#192930;--surface2:#20323a;--text:#e6eeef;--muted:#a5b6bd;--border:rgba(190,221,226,.15);--accent:#71c6c6;--accent-hover:#a0dddd;--tint:#223e42;--danger:#efa5a5;--warning:#e6c38f;--shadow:none}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font);color:var(--text);background:var(--bg);font-size:var(--text-base)}body{overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}p{line-height:1.75}h1,h2,p{margin-top:0}h1{font-size:var(--text-xl);line-height:1.5;margin-bottom:var(--space-2);font-weight:650;letter-spacing:-.025em}h2{font-size:var(--text-lg);line-height:1.5;margin-bottom:var(--space-3);font-weight:600}button{font-size:var(--text-sm)}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}code{font-size:var(--text-xs)}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);height:100dvh}.sidebar{grid-row:1/-1;display:flex;flex-direction:column;padding:var(--space-8) var(--space-5);background:var(--surface);border-right:1px solid var(--border)}.brand{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-12);color:var(--accent)}.brand>span{font-size:var(--text-xl);font-weight:650;line-height:1}.brand-caption{display:block;font-size:var(--text-xs);letter-spacing:.17em;color:var(--muted);margin-top:var(--space-2);font-weight:500}.nav-label,.tiny-label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.045em}.nav-label{margin:0 var(--space-3) var(--space-3)}nav{display:flex;flex-direction:column;gap:var(--space-2)}.nav{height:48px;background:transparent;border:0;border-radius:6px;text-align:left;color:var(--muted);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.nav:hover{background:var(--surface2)}.nav.active{background:var(--tint);color:var(--accent);font-weight:600}.nav-mark{font-family:var(--mono);font-size:var(--text-xs);opacity:.75}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-3) 0}.sidebar-bottom>code{font-size:var(--text-sm);color:var(--text)}.sidebar-note,.sidebar-bottom>a{font-size:var(--text-xs);color:var(--muted)}.sidebar-bottom>a{margin-top:var(--space-4);display:flex;justify-content:space-between}.topbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-10);border-bottom:1px solid var(--border);background:var(--surface)}.breadcrumbs{font-size:var(--text-xs);color:var(--muted)}.breadcrumbs span{margin:0 var(--space-3);opacity:.5}.breadcrumbs strong{font-weight:500;color:var(--text)}.top-actions{display:flex;align-items:center;gap:var(--space-3)}.secure-label{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--space-2)}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}.quiet{border:0;background:transparent;color:var(--muted);padding:var(--space-2) var(--space-3);min-height:44px;white-space:nowrap}.quiet:hover,.text-button:hover{color:var(--accent);background:var(--surface2)}main{grid-column:2;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-10);scroll-behavior:smooth}.hidden{display:none!important}.eyebrow{font-size:var(--text-xs);letter-spacing:.15em;color:var(--muted);font-weight:500;margin-bottom:var(--space-2)}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.gate{max-width:1040px;min-height:calc(100dvh - 172px);margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:var(--space-16);align-items:center}.gate-copy h1{font-size:var(--text-xl);font-weight:650;line-height:1.7;margin:var(--space-5) 0}.lede{color:var(--muted);max-width:31ch;margin-bottom:var(--space-8)}.gate-facts{display:flex;flex-direction:column;gap:var(--space-5)}.gate-facts>div{display:flex;gap:var(--space-4);align-items:flex-start}.gate-facts>div>span{font-family:var(--mono);font-size:var(--text-xs);color:var(--accent);padding-top:var(--space-1)}.gate-facts p{font-size:var(--text-sm);margin-bottom:0;font-weight:500}.gate-facts small{display:block;font-size:var(--text-xs);font-weight:400;color:var(--muted);margin-top:var(--space-1)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-6);box-shadow:var(--shadow);min-width:0}.gate-panel{padding:var(--space-8)}.gate-panel .muted{font-size:var(--text-sm);margin-bottom:var(--space-6)}label{display:block;font-size:var(--text-sm);font-weight:500;margin:var(--space-5) 0 var(--space-2)}input,textarea{width:100%;min-height:46px;border:1px solid var(--border);border-radius:5px;padding:var(--space-3);background:var(--surface);color:var(--text);font-size:var(--text-sm)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.78}input:focus,textarea:focus{border-color:var(--accent)}input[readonly]{background:var(--surface2)}textarea{resize:vertical;line-height:1.7;min-height:168px}.primary,.secondary{min-height:46px;border-radius:5px;padding:var(--space-3) var(--space-5);font-weight:500;transition:background .15s ease;white-space:nowrap}.primary{background:var(--accent);color:var(--surface);border:1px solid var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary:hover:not(:disabled){background:var(--surface2);border-color:var(--accent)}.wide{width:100%;margin-top:var(--space-5)}.feedback{font-size:var(--text-sm);line-height:1.65;margin:var(--space-3) 0 0;overflow-wrap:anywhere;min-height:0}.feedback:empty{display:none}.feedback.error{color:var(--danger)}.feedback.success{color:var(--accent)}.security-footnote{font-size:var(--text-xs);color:var(--muted);line-height:1.8;padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.page-heading p{font-size:var(--text-sm);margin-bottom:0}.status-strip{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:var(--space-6)}.status-strip>div{display:flex;flex-direction:column;gap:var(--space-2)}.status-strip strong{font-size:var(--text-sm);font-weight:600}.updated{margin-left:auto;color:var(--muted);font-size:var(--text-xs)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:var(--space-6);align-items:start}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.panel-head h2{margin-bottom:var(--space-2)}.badge{display:inline-flex;padding:var(--space-1) var(--space-2);border-radius:4px;background:var(--surface2);color:var(--muted);font-size:var(--text-xs);white-space:nowrap;align-items:center;min-height:28px}.badge.connected{background:var(--tint);color:var(--accent)}.steps{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) 0;margin-top:var(--space-3);border-bottom:1px solid var(--border)}.steps span{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.steps .current{color:var(--accent);font-weight:600}.steps i{height:1px;background:var(--border);flex:1;min-width:12px}.input-action{display:flex;gap:var(--space-2);align-items:center}.input-action input{min-width:0;flex:1}.input-note{font-size:var(--text-xs);color:var(--muted);margin:var(--space-2) 0 0}.text-button{background:transparent;color:var(--accent);border:0;min-height:44px;padding:var(--space-2) 0;font-size:var(--text-xs);text-align:left}.advanced{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}summary{font-size:var(--text-xs);color:var(--muted);cursor:pointer;min-height:44px;line-height:44px}.advanced p{font-size:var(--text-xs)}.advanced code{overflow-wrap:anywhere}.advanced button{margin-top:var(--space-3)}.fine-print{font-size:var(--text-xs);color:var(--muted);line-height:1.7;margin:var(--space-6) 0 0}.account-summary{padding:var(--space-4);background:var(--surface2);margin-top:var(--space-4);border-radius:5px}.account-summary strong{display:block;font-size:var(--text-sm);margin:var(--space-2) 0;overflow-wrap:anywhere}.account-summary p{font-size:var(--text-xs);margin-bottom:0}.right-column{display:flex;flex-direction:column;gap:var(--space-6)}.copy-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;background:var(--surface2);overflow:hidden}.copy-field input{border:0;border-radius:0;min-width:0;flex:1;font-size:var(--text-xs)}.copy-field .quiet{background:var(--surface2);border-left:1px solid var(--border);border-radius:0;min-height:46px;font-size:var(--text-xs)}.divider{border-top:1px solid var(--border);margin:var(--space-5) 0}.connection-details{margin:0;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-xs)}.connection-details>div{display:flex;justify-content:space-between;gap:var(--space-3)}dt{color:var(--muted)}dd{margin:0}.quota-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-5) 0}.quota-values>div{display:flex;flex-direction:column;gap:var(--space-2)}.quota-values span{font-size:var(--text-xs);color:var(--muted)}.quota-values strong{font-size:var(--text-xl);font-weight:550;font-variant-numeric:tabular-nums}.usage-panel>p{margin:0;font-size:var(--text-xs)}.model-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-5) 0}.model-tools input{max-width:420px}.table-wrap{overflow-x:auto;overscroll-behavior:contain}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}th{font-size:var(--text-xs);font-weight:500;color:var(--muted);padding:var(--space-4) var(--space-3);background:var(--surface2)}td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}td:nth-child(2){font-family:var(--mono);font-size:var(--text-xs);overflow-wrap:anywhere}td:last-child{font-size:var(--text-xs);white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:var(--space-12) var(--space-4)}.playground-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-6)}.playground-grid .muted{font-size:var(--text-sm)}.response-panel{min-height:480px}.response-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:320px;color:var(--muted);font-size:var(--text-sm)}.response-empty>.mono{font-size:var(--text-lg);color:var(--accent);margin-bottom:var(--space-5)}.response-empty p{margin-bottom:var(--space-2)}.response-empty small{font-size:var(--text-xs)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);font-size:var(--text-sm);line-height:1.85;margin:var(--space-5) 0 0}.page-footer{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);color:var(--muted);padding:var(--space-6) 0}.skip{position:fixed;top:-100px;left:16px;padding:var(--space-3) var(--space-5);background:var(--surface);z-index:100}.skip:focus{top:12px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:1150px){.shell{grid-template-columns:192px minmax(0,1fr)}main{padding:var(--space-6)}.topbar{padding:0 var(--space-6)}.gate{grid-template-columns:1fr 360px;gap:var(--space-8)}.overview-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.input-action{max-width:700px}.status-strip{gap:var(--space-6)}}
@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 64px minmax(0,1fr)}.sidebar{grid-row:1;grid-column:1;padding:var(--space-4);border-right:0;border-bottom:1px solid var(--border);display:block}.brand{margin-bottom:var(--space-4)}.brand-caption{display:none}.brand>span{font-size:var(--text-lg)}.brand svg{width:28px;height:28px}.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:var(--space-2)}.nav{height:44px;flex:1;justify-content:center;padding:var(--space-2);gap:var(--space-2);font-size:var(--text-xs)}.nav-mark{display:none}.topbar{grid-column:1;grid-row:2;padding:0 var(--space-4)}.breadcrumbs{display:none}.top-actions{width:100%;justify-content:space-between;gap:var(--space-1)}.quiet{font-size:var(--text-xs);padding:var(--space-2)}main{grid-column:1;grid-row:3;padding:var(--space-5)}.gate{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-6);min-height:0}.gate-copy h1{margin:var(--space-3) 0}.gate-copy h1 br{display:none}.gate-copy .lede{max-width:none;margin-bottom:var(--space-3);font-size:var(--text-sm)}.gate-facts{display:none}.gate-panel{padding:var(--space-6)}.page-heading{align-items:flex-start}.page-heading>.secondary{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.page-description{max-width:20ch}.status-strip{gap:var(--space-5);padding:var(--space-4);flex-wrap:wrap}.status-strip>div{flex:1}.status-strip strong{font-size:var(--text-xs)}.updated{display:none}.right-column{display:flex}.panel{padding:var(--space-5)}.overview-grid,.playground-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.input-action{flex-direction:column;align-items:stretch}.input-action button{width:100%}.page-footer{flex-direction:column;gap:var(--space-2)}.model-tools{flex-direction:column;align-items:stretch}.model-tools input{max-width:none}.model-tools .badge{align-self:flex-start}.panel-head>.secondary{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.response-panel{min-height:350px}.response-empty{min-height:220px}}
.theme-switching *{transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}