@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2?dpl=dpl_HnZmLaVun9TPr2GMX58bWukXMWrZ)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#dfe3df;--muted:#96a19a;--line:#dae4dd17;--paper:#0d2118;--white:#21382c;--accent:#b79b4d;--green:#88c99d;--cream:#d8dad5;--muted-on-dark:#96a19a}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,textarea,select,input{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.appShell{grid-template-rows:calc(50dvh - 109px) 190px auto;gap:14px;min-height:100dvh;padding:0 4vw 56px;display:grid;overflow:hidden}header{text-align:center;justify-content:center;justify-self:center;align-items:flex-end;width:min(1200px,92%);padding:24px 0;display:flex;position:relative}h1{color:var(--cream);letter-spacing:-.05em;margin:0;font-size:clamp(34px,3.2vw,48px);font-weight:400;line-height:1}.headerButton{height:36px;color:var(--cream);cursor:pointer;background:#88c99d1f;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:24px;right:0}.headerButton:hover{background:#88c99d33}.homeHeaderNav{align-items:center;gap:20px;display:flex;position:absolute;top:24px;right:0}.homeHeaderNav .headerButton{position:static}.authOverlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000805bd;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.authModal{background:var(--white);text-align:left;border:0;border-radius:8px;width:min(420px,100%);padding:32px;position:relative;box-shadow:0 24px 80px #00080580}.authModal h2{color:var(--cream);letter-spacing:-.04em;text-align:center;margin:0 0 24px;font-size:28px;font-weight:600;line-height:1.05}.authForm{gap:8px;display:grid}.authForm p{color:var(--ink);margin:0;font-size:17px;font-weight:600;line-height:1.5}.authForm p strong{color:var(--ink);font-weight:600}.authForm input{background:var(--paper);width:100%;height:48px;color:var(--ink);border:1px solid #88c99d2e;border-radius:6px;outline:0;margin-bottom:6px;padding:0 14px;font-size:14px}.authForm input:focus{border-color:#d8dad58c}.authForm input::placeholder{color:#708879}.authForm .otpInput{text-align:center;letter-spacing:.25em;font-family:var(--font-geist-mono)}.authForm button{height:44px;color:var(--cream);cursor:pointer;background:#88c99d24;border:0;border-radius:8px;font-size:14px;font-weight:700}.authForm button:hover:not(:disabled){background:#88c99d38}.authForm button:disabled{opacity:.5;cursor:not-allowed}.authError{color:#ef8f83;text-align:center;margin:14px 0 0;font-size:12px}.dashboardShell{overscroll-behavior:none;height:100dvh;padding:24px 4vw;overflow-y:auto}.dashboardHeader{text-align:left;justify-content:space-between;align-items:center;width:min(900px,100%);margin:0 auto;padding:0}.dashboardHeader .headerButton{position:static}.dashboardNav{align-items:center;gap:20px;display:flex}.dashboardLink{color:var(--cream);font-size:14px;font-weight:700}.dashboardHeader>.dashboardLink{font-size:15px}.dashboardNav .dashboardLink{color:#d8dad5b8}.dashboardLink span{vertical-align:-1px;width:10px;height:10px;color:var(--muted);margin-left:4px;display:inline-block;position:relative}.dashboardLink span:before{content:"";transform-origin:0;background:currentColor;width:12px;height:2px;position:absolute;bottom:0;left:1px;transform:rotate(-45deg)}.dashboardLink span:after{content:"";border-top:2px solid;border-right:2px solid;width:5px;height:5px;position:absolute;top:0;right:0}.dashboardLink:hover,.dashboardLink:hover span{color:var(--green)}.dashboardContent{width:min(900px,100%);margin:80px auto 0}.dashboardContent h1{font-size:32px}.dashboardMetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(900px,100%);margin-top:32px;display:grid}.dashboardMetricsTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardMetrics article{background:var(--white);border-radius:6px;grid-template-rows:1fr auto;gap:14px;min-height:160px;padding:24px;display:grid}.dashboardMetrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.dashboardMetrics strong{color:var(--cream);letter-spacing:-.05em;align-self:center;font-size:clamp(42px,4vw,56px);font-weight:400;line-height:1}.dashboardMetrics .topModels div{align-self:center;gap:8px;min-width:0;display:grid}.dashboardMetrics .topModels code{color:var(--cream);font:12px var(--font-geist-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboardMetrics .topModels code:nth-child(3){opacity:.65}.accountGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:min(900px,100%);margin-top:32px;display:grid}.accountGrid .apiKeyCard{width:100%;min-height:100px;margin-top:0}.creditsCard{background:var(--white);border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:100px;padding:24px;display:flex}.creditsCard h2{color:var(--cream);margin:0 0 6px;font-size:18px}.creditsCard p{align-items:baseline;gap:7px;margin:0;display:flex}.creditsCard strong{color:var(--cream);letter-spacing:-.04em;font-size:32px;font-weight:400}.apiKeyCard{background:var(--white);border-radius:6px;gap:20px;width:min(900px,100%);margin-top:32px;padding:24px;display:grid}.apiKeyCardRevealed{gap:10px}.apiKeyCardOnboarding{gap:0;padding-bottom:16px}.apiKeyCardOnboarding .apiKeyMeta{margin-bottom:14px}.apiKeyCardCreate{grid-template-columns:minmax(0,1fr) auto;align-items:center}.apiKeyCard.apiKeyCardCreate h2{margin:0;line-height:36px}.apiKeyCardCreate .apiKeyAction{justify-self:end}.apiKeyCardCreate .apiKeyError{grid-column:1/-1}.apiKeyCardPrototype{place-items:center;min-height:100px}.apiKeyCard h2{color:var(--cream);margin:0 0 6px;font-size:18px}.apiKeyCard p{color:var(--muted);margin:0;font-size:13px}.apiKeyMeta{justify-content:space-between;align-items:center;gap:16px;display:flex}.apiKeyDetails h2{margin-bottom:12px}.apiKeyDetails p{line-height:1.1}.apiKeyPlaceholder{background:radial-gradient(circle at 7px 7px,#d8dad5a6 0 6px,#0000 6.5px) 0 0/15px 14px repeat-x;width:204px;height:14px;margin-bottom:8px;-webkit-mask-image:linear-gradient(90deg,#000 35%,#0000 88%);mask-image:linear-gradient(90deg,#000 35%,#0000 88%)}.apiKeyAction,.apiKeyReveal button{width:fit-content;height:36px;color:var(--cream);cursor:pointer;background:#88c99d1f;border:1px solid #0000;border-radius:8px;padding:0 14px;font-size:14px;font-weight:700}.apiKeyAction:hover:not(:disabled),.apiKeyReveal button:hover{background:#88c99d33}.apiKeyAction:disabled{opacity:.5;cursor:not-allowed}.apiKeyRevealNotice{color:var(--cream);font-size:14px}.apiKeyRevealRow{align-items:center;gap:8px;min-width:0;display:flex}.apiKeyReveal{background:var(--paper);border-radius:6px;flex:1;align-items:center;min-width:0;display:flex}.apiKeyReveal code{min-width:0;color:var(--cream);font:12px var(--font-geist-mono);white-space:nowrap;flex:1;padding:10px;overflow-x:auto}.apiKeyReveal .apiKeyCopy{color:var(--muted);background:0 0;border:0;flex:none;align-items:center;gap:7px;margin-right:4px;padding:0 8px;font-size:13px;display:flex}.apiKeyReveal .apiKeyCopy:hover{color:var(--cream);background:0 0}.apiKeyCopy svg{width:15px;fill:var(--paper);stroke:currentColor;stroke-width:1.5px}.apiKeyConfirmation{gap:10px;display:grid}.apiKeyConfirmation div{gap:8px;display:flex}.apiKeyCancel{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:12px;font-weight:700}.apiKeyCancel:hover:not(:disabled){color:var(--cream)}.apiKeyCancel:disabled{opacity:.5;cursor:not-allowed}.apiKeyRotateText{height:36px;color:var(--muted);cursor:pointer;background:#88c99d17;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.apiKeyRotateText:hover{color:var(--cream);background:#88c99d1f}.apiKeyRotateText svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;margin-left:-2px}.apiKeyCard .apiKeyError{color:#ef8f83}.dashboardSectionTitle{margin-top:48px}.dashboardStepDimmed{opacity:.3;filter:saturate(.5);pointer-events:none}.quickstartCard{background:var(--white);border-radius:6px;width:min(900px,100%);margin-top:20px;padding:24px}.quickstartTabs{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.quickstartTabs button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:14px;font-weight:700}.quickstartTabs button[aria-selected=true]{color:var(--cream);background:#304b3b}.quickstartTabs button:hover:not([aria-selected=true]){color:var(--cream);background:#273f32}.quickstartCode{position:relative}.quickstartCopy{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 8px;font-size:13px;font-weight:700;display:flex;position:absolute;top:9px;right:9px}.quickstartCopy:hover{color:var(--cream)}.quickstartCopy svg{width:18px;fill:var(--paper);stroke:currentColor;stroke-width:1.5px}.quickstartCard pre{background:var(--paper);color:var(--muted);font:13px/1.7 var(--font-geist-mono);border-radius:6px;margin:0;padding:18px 88px 18px 18px;overflow-x:auto}.quickstartCommand{color:var(--cream)}.quickstartFlag{color:var(--green)}.quickstartValue{color:#b9c3bc}.quickstartKey{color:#cfb766}.promptArea{grid-template-rows:minmax(0,1fr) 24px;justify-self:center;gap:7px;width:min(740px,74%);min-height:0;display:grid}.examplePicker{justify-content:center;display:flex;overflow:hidden}.exampleRail{align-items:center;gap:6px;display:flex}.examplePicker button{height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:12px;font-weight:600}.examplePicker button:hover:not(:disabled),.examplePicker button.active{color:var(--cream)}.examplePicker button:disabled{opacity:1}.promptPanel{border:1px solid var(--line);background:var(--white);border-radius:10px;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #00080524}.promptPanel.empty{border-color:#88c99d38;box-shadow:0 8px 24px #00080524,inset 0 0 0 1px #88c99d14}.promptPanel:focus-within{border-color:#88c99d5c}.promptPanel:before,.promptPanel:after{z-index:2;content:"";pointer-events:none;opacity:0;height:28px;transition:opacity .15s;position:absolute;left:0;right:0}.promptPanel:before{background:linear-gradient(#21382cfa,#21382c00);top:0}.promptPanel:after{background:linear-gradient(#21382c00,#21382cfa);bottom:0}.promptPanel.fadeTop:before,.promptPanel.fadeBottom:after{opacity:1}textarea{overscroll-behavior:contain;resize:none;width:100%;height:100%;min-height:0;color:var(--ink);font:13px/1.55 var(--font-geist-mono);background:0 0;border:0;outline:0;padding:14px 15px 52px;overflow:auto}textarea::placeholder{color:#708879}.resultMetrics span,.outputHeader span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.runButton{z-index:3;border:1px solid var(--line);min-width:65px;height:31px;color:var(--muted);cursor:pointer;background:#273f32;border-radius:999px;padding:0 12px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}.runButton:hover:not(:disabled){color:var(--cream);background:#304b3b}.promptPanel.filled .runButton{color:var(--cream);background:#304b3b;border-color:#dae4dd29}.runButton:disabled{opacity:.55;cursor:not-allowed}.promptPanel.filled .runButton:disabled{opacity:1}.runSpinner{border:1.5px solid #d8dad54d;border-top-color:currentColor;border-radius:50%;width:13px;height:13px;margin:auto;animation:.7s linear infinite buttonSpin;display:block}@keyframes buttonSpin{to{transform:rotate(360deg)}}.results{min-height:0;margin-top:24px;scroll-margin-top:12px;transition:opacity .25s,filter .25s;position:relative}.results.empty{opacity:.38;filter:saturate(.65)}.results.primed{opacity:.56;filter:saturate(.8)}.results.loading{opacity:1;filter:none}.results:not(.ready) .resultMetrics,.results:not(.ready) .resultsCta{visibility:hidden;pointer-events:none}.resultMetrics{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#21382cf7;border-radius:999px;place-items:center;width:max-content;max-width:calc(100vw - 32px);min-height:78px;padding:10px 26px;display:grid;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00080538}.resultMetrics div{text-align:center}.resultMetrics strong{color:var(--green);letter-spacing:-.04em;font-size:25px;line-height:1;display:block}.resultMetrics .accuracy{color:var(--muted);text-transform:none;letter-spacing:0;justify-content:center;align-items:center;gap:5px;margin:4px 0 0;font-size:12px;font-weight:600;display:flex}.resultMetrics .accuracy em{font-style:normal;display:none}.resultMetrics .accuracy i{border:1px solid var(--muted);width:14px;height:14px;color:var(--muted);background:0 0;border-radius:50%;flex:0 0 14px;justify-content:center;align-items:center;font:600 8px/1 Arial,sans-serif;display:flex}.resultsCta{z-index:10;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)}.resultsCta:hover{color:var(--cream)}.resultsCta b{display:none}.resultsDock{display:contents}.mobileResultsCta{display:none}.outputs{border:1px solid var(--line);background:var(--white);border-radius:10px;grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 8px 24px #00080524}.outputs article{grid-template-rows:42px minmax(0,1fr) 46px;min-width:0;min-height:0;display:grid}.outputs article:first-child{border-right:1px solid var(--line)}.outputHeader{justify-content:space-between;align-items:center;gap:20px;padding:7px 14px;display:flex}.outputHeader span{margin-bottom:3px;font-size:10px}.outputHeader>span{margin:0}.outputHeader strong{color:var(--cream);font-size:13px;font-weight:500;display:block}.modelPicker{color:var(--cream);margin-left:auto;position:relative}.modelPicker:after{content:"";pointer-events:none;border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;position:absolute;top:50%;right:1px;transform:translateY(-70%)rotate(45deg)}.modelSelect{field-sizing:content;appearance:none;min-width:0;color:var(--cream);text-align:right;text-align-last:right;background:0 0;border:0;outline:0;padding:0 15px 0 0;font-size:13px;font-weight:500}.modelSelect:disabled{opacity:.55;cursor:default}.optimized .outputHeader>span{color:var(--cream)}.outputText{color:#c8cec9;min-height:0;font:13px/1.58 var(--font-geist-mono);white-space:pre-wrap;padding:15px 16px;overflow:auto}.outputText p{margin:0 0 10px}.outputText.streaming:after{vertical-align:-.15em;background:var(--green);content:"";width:5px;height:1em;margin-left:2px;animation:.8s step-end infinite streamCursor;display:inline-block}@keyframes streamCursor{50%{opacity:0}}.outputCost{background:#1a3024;justify-content:space-between;align-items:center;padding:0 15px;display:flex}.outputs article:first-child .outputCost,.outputs article:last-child .outputCost{justify-content:center;gap:14px}.outputCost span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.outputCost strong{color:var(--muted);font-size:15px;line-height:1}.outputCost strong.costHigh{color:#ef8f83}.outputCost strong.costLow{color:var(--green)}.outputHeader>span,.outputCost span{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;line-height:1}.mobileCosts{display:none}@media (min-width:641px){.results{align-self:start;height:clamp(450px,38svh,480px)}.resultMetrics .accuracy i{color:#0000;position:relative}.resultMetrics .accuracy i:after{color:var(--muted);content:"✓";font:600 8px/1 Arial,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-60%,-40%)}.outputs article:first-child .outputCost{padding-right:clamp(80px,10vw,160px)}.outputs article:last-child .outputCost{padding-left:clamp(80px,10vw,160px)}}@media (max-height:720px) and (min-width:801px){h1{font-size:46px}.outputText{padding:12px 15px;font-size:12px}}@media (max-width:800px){.appShell{grid-template-rows:calc(50dvh - 139px) 250px auto;padding-bottom:56px}header{width:100%}.promptArea{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"panel""examples";gap:10px;width:100%}.promptPanel{grid-area:panel}.examplePicker{overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:examples;justify-self:center;width:100%;display:block;overflow-x:auto}.examplePicker::-webkit-scrollbar{display:none}.exampleRail{justify-content:center;align-items:center;width:max-content;min-width:100%;padding-inline:1px}.exampleRail button{flex:none}.results{min-height:0}}@media (max-width:640px){.dashboardMetrics,.accountGrid,.apiKeyCardCreate{grid-template-columns:1fr}.apiKeyCardCreate .apiKeyAction{justify-self:start}.appShell{grid-template-rows:max(270px,50dvh - 139px) 210px auto;height:auto;min-height:100dvh;padding-bottom:16px;overflow:visible}header{padding-top:16px}.headerButton,.homeHeaderNav{top:16px}h1{font-size:clamp(32px,10vw,42px)}.results{background:#091a12;margin-inline:-4vw;box-shadow:0 100vh 0 100vh #091a12}.results.loading,.results.ready{max-height:calc(100dvh - 24px);padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,auto) auto;display:grid}.results.loading:after,.results.ready:after{z-index:1;top:0;bottom:calc(-16px - env(safe-area-inset-bottom));background:var(--paper);content:"";pointer-events:none;width:1px;position:absolute;left:50%}.results.empty .resultsDock,.results.primed .resultsDock{display:none}.outputs{height:auto;box-shadow:none;background:#091a12;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.outputs article{grid-template-rows:58px minmax(0,1fr);height:196px}.results.loading .outputs,.results.ready .outputs{height:min(50dvh, calc(100dvh - 164px - env(safe-area-inset-bottom)))}.results.loading .outputs article,.results.ready .outputs article{height:100%}.outputs article:first-child{border-right:1px solid var(--paper)}.outputHeader{text-align:center;grid-template-rows:14px 18px;grid-template-columns:minmax(0,1fr);place-content:start stretch;justify-items:center;gap:0;padding:16px 10px 0;display:grid}.outputHeader>span,.outputHeader strong,.modelPicker{text-align:center;place-self:center;max-width:100%}.outputHeader strong,.modelPicker{justify-content:center;align-items:center;min-height:18px;display:flex}.outputHeader>span,.outputHeader strong{width:100%}.modelPicker{width:max-content;margin:0 auto}.outputHeader strong{line-height:1.15}.modelSelect{text-align:center;text-align-last:center;max-width:100%}.outputText{padding:12px 10px}.outputs article .outputCost{display:none}.mobileCosts{background:#091a12;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;height:64px;padding:10px 0 9px;display:grid;position:relative}.mobileCosts>div{flex-direction:column;align-items:center;gap:6px;display:flex}.mobileCosts strong{color:var(--muted);font-size:18px;line-height:1}.mobileCosts strong.costHigh{color:#ef8f83}.mobileCosts strong.costLow{color:var(--green)}.mobileCosts span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:700;line-height:1}.results:not(.ready) .resultsDock{visibility:hidden}.resultsDock{z-index:20;left:50%;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#21382cf7;border-radius:999px;justify-content:center;align-items:center;width:calc(100% - 24px);max-width:440px;min-height:56px;margin:0;padding:0 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00080538}.resultsDock:before,.resultsDock>.resultMetrics,.resultsDock>.resultsCta{display:none}.mobileResultsCta{width:100%;height:54px;color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:0;font-size:clamp(15px,4.2vw,17px);font-weight:700;display:flex}.mobileResultsCta strong,.mobileResultsCta span,.mobileResultsCta b{color:var(--cream)}.mobileResultsCta b{align-items:center;gap:7px;display:inline-flex}.mobileResultsCta i{font-style:normal}}
