.billing-pagination{align-items:center;gap:1rem;display:flex}.billing-page .page-title button svg{width:1.2rem;height:1.2rem}.billing-table-scroll{overflow-x:auto}.billing-table{border-collapse:collapse;text-align:left;width:100%}.billing-table th,.billing-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem}.billing-table small{overflow-wrap:anywhere;max-width:26rem;margin-top:.3rem;display:block}.billing-tokens{white-space:nowrap}.billing-tokens svg{vertical-align:middle;width:.85rem;height:.85rem}.billing-failed{color:var(--error-text)}.billing-pagination{margin-top:1rem}.billing-grid-link{text-overflow:ellipsis;white-space:nowrap;max-width:18rem;display:block;overflow:hidden}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}.tippy-box[data-theme~=grid-parameters]{box-shadow:0 6px 24px var(--shadow);border:1px solid #000;border-radius:8px;font-size:16px;line-height:1.5}.tippy-box[data-theme~=grid-parameters] .tippy-content{padding:0}.grid-parameters{width:min(900px,100vw - 24px);max-height:min(75vh,100dvh - 120px);color:inherit;border:0;margin:0;padding:24px;overflow:auto}.parameter-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.parameter-heading h2{margin:0;font-size:20px}.grid-parameters dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px 32px;margin:24px 0 0;display:grid}.grid-parameters dl>div{min-width:0}.grid-parameters dt{color:#bbb}.grid-parameters dd{overflow-wrap:anywhere;margin:6px 0 0}.grid-parameters a,.grid-parameters .text-button,.grid-parameters .model-copy,.grid-parameters .model-link{color:inherit}.parameter-references{flex-wrap:wrap;gap:12px;display:flex}.parameter-references a{align-items:center;gap:8px;max-width:100%;display:inline-flex}.parameter-references img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.grid-workspace,.grid-table-view{flex:1;min-width:0;min-height:0;display:flex}.grid-workspace{contain:layout;position:relative}.grid-table-view[data-expanded=true]{visibility:hidden}.cell.cell-expanded{visibility:visible;z-index:6;zoom:calc(1 / var(--grid-zoom,1));position:fixed;inset:0}.expanded-markdown{z-index:3;background:var(--cell);border:0;padding:0;position:absolute;inset:0}.axis-reference-previews{vertical-align:middle;flex-wrap:wrap;gap:4px;margin-inline-start:6px;display:inline-flex}.axis-reference-previews button{flex-shrink:0;padding:0}.axis-reference-previews img{object-fit:contain;width:24px;height:24px;display:block}th[scope=row] .axis-reference-previews{flex-direction:column;align-items:center;margin:6px 0 0;display:flex}.website-preview{grid-template:minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:0;display:grid}.website-preview>*{grid-area:1/1}.website-preview-status{background:var(--paper);color:var(--muted);pointer-events:none;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px}.website-preview-status .spinner{width:14px;height:14px}@font-face{font-family:Slopgrid Mono;src:url(/fonts/DejaVuSansMono.woff2)format("woff2");font-display:block}.cell .markdown-preview{scrollbar-gutter:stable;overflow-wrap:anywhere;width:100%;min-width:0;height:100%;min-height:0;color:var(--text);padding:24px;font:16px/1.6 system-ui;overflow:hidden auto}.markdown-document>:first-child{margin-top:0}.markdown-document h1{font-size:1.8em}.markdown-document h2{font-size:1.5em}.markdown-document h3{font-size:1.25em}.markdown-document :is(h4,h5,h6){font-size:1em}.markdown-document :is(h1,h2,h3,h4,h5,h6){line-height:1.3}.markdown-document p{margin:1em 0}.markdown-document a{color:var(--accent)}.markdown-document pre{white-space:pre;overflow-wrap:normal;background:var(--panel);width:max-content;min-width:100%;padding:12px}.markdown-document pre>code{font-family:Slopgrid Mono,monospace;line-height:normal}.markdown-document pre:has(>code){font-family:Slopgrid Mono,monospace;line-height:normal}.markdown-document .markdown-raw{background:0 0;margin:0;padding:28px 0 0;font-family:Slopgrid Mono,monospace}.markdown-document .markdown-wrapped{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;min-width:0;font:14px/1.6 Slopgrid Mono,monospace}.markdown-document code{background:var(--panel)}.markdown-document blockquote{border-left:3px solid var(--line);margin-left:0;padding-left:16px}.markdown-document :is(hr,th,td){border-color:var(--line)}.markdown-document img{max-width:100%}.markdown-actions{z-index:1;border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:2px;padding:2px;display:flex;position:absolute;top:8px;right:8px}.markdown-actions>button{background:0 0;border-color:#0000;width:36px;height:36px;padding:8px}.markdown-actions .lucide{width:18px;height:18px}.cell:has(.markdown-actions) .markdown-document>:first-child:not(pre):not(table):not(.chat-conversation){margin-right:74px}.cell:has(.markdown-actions>:nth-child(3)) .markdown-document>:first-child:not(pre):not(table):not(.chat-conversation){margin-right:112px}.cell .conversation-preview{padding-top:64px}.chat-conversation{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.chat-bubble{box-sizing:border-box;background:var(--lightningcss-light,#f1ece3)var(--lightningcss-dark,#282623);border:1px solid var(--lightningcss-light,#e2dcd1)var(--lightningcss-dark,#45423e);border-radius:18px 18px 18px 4px;align-self:flex-start;min-width:0;max-width:88%;padding:12px 16px}.chat-bubble[data-role=user]{background:var(--lightningcss-light,#e6eff8)var(--lightningcss-dark,#293749);border-color:var(--lightningcss-light,#cddded)var(--lightningcss-dark,#384e68);border-radius:18px 18px 4px;align-self:flex-end}.chat-bubble[data-role=system]{color:var(--lightningcss-light,#89554e)var(--lightningcss-dark,#d7a59e);background:var(--lightningcss-light,#f8eeec)var(--lightningcss-dark,#382a29);border-color:var(--lightningcss-light,#ead4d1)var(--lightningcss-dark,#624441);border-radius:12px;align-self:center;font-size:.875em}.chat-bubble>:first-child{margin-top:0}.chat-bubble>:last-child{margin-bottom:0}.chat-bubble pre{width:auto;min-width:0;overflow-x:auto}:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--background);--text:#39352e;--grid-title:#39352e;--logo-color:#82755e;--background:#eeeae2;--line:#d1cabd;--paper:#f7f4ee;--accent:#67583f;--on-accent:#fffaf1;--focus:#826c45;--icon:#93846a;--muted:#837967;--tile:#f3efe7;--selected-border:#776446;--selected:#e4dbca;--panel:#f1ece3;--error-border:#a45a3e;--error-text:#8b462f;--error-background:#ede1d5;--progress-track:#dcd5c9;--progress-error:#bd493f;--grid-header:#e9e3d7;--cell:#faf8f2;--backdrop:#28201666;--shadow:#21180d33;--brand-filter:none;--logo-filter:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#e8e5df;--grid-title:#fff;--logo-color:#c3b08d;--background:#191817;--line:#45423e;--paper:#242321;--accent:#b5a181;--on-accent:#211d17;--focus:#c5b18e;--icon:#b5aa97;--muted:#b0aba2;--tile:#262523;--selected-border:#b5a181;--selected:#38332a;--panel:#282623;--error-border:#cb8c73;--error-text:#e0aa93;--error-background:#372923;--progress-track:#45413a;--progress-error:#e07468;--grid-header:#2d2b28;--cell:#22211f;--backdrop:#0009;--shadow:#0006;--brand-filter:invert(1);--logo-filter:brightness(1.5)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}button,.button{border:1px solid var(--line);background:var(--paper);color:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button:enabled:hover,.button:where(:not([aria-disabled=true])):hover{background:color-mix(in srgb, var(--paper) 88%, var(--text));border-color:color-mix(in srgb, var(--line) 65%, var(--muted))}button:enabled:active,.button:where(:not([aria-disabled=true])):active{background:color-mix(in srgb, var(--paper) 80%, var(--text))}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.primary:enabled:hover,.button.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text));border-color:#0000}.primary:enabled:active,.button.primary:active{background:color-mix(in srgb, var(--accent) 76%, var(--text))}html[data-theme-transition=polygon]::view-transition-group(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html[data-theme-transition=polygon]::view-transition-old(root){z-index:-1;animation:none}html[data-theme-transition=polygon]::view-transition-new(root){mix-blend-mode:normal;animation:.7s cubic-bezier(.16,1,.3,1) both theme-reveal-light}html[data-theme-transition=polygon][data-theme=dark]::view-transition-new(root){animation-name:theme-reveal-dark}@keyframes theme-reveal-dark{0%{clip-path:polygon(50% -71%,-50% 71%,-50% 71%,50% -71%)}to{clip-path:polygon(50% -71%,-50% 71%,50% 171%,171% 50%)}}@keyframes theme-reveal-light{0%{clip-path:polygon(171% 50%,50% 171%,50% 171%,171% 50%)}to{clip-path:polygon(171% 50%,50% 171%,-50% 71%,50% -71%)}}.secondary,.text-button{background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;padding:0 5vw;display:flex}.wordmark{letter-spacing:-1.4px;align-items:center;gap:11px;font-size:27px;font-weight:650;text-decoration:none;display:flex}.logo-grid{filter:var(--logo-filter)}.wordmark-grid{color:var(--logo-color)}.logo-grid{width:30px;height:30px}nav{align-items:center;gap:28px;font-size:16px;display:flex}nav a{text-decoration:none}nav a[aria-current=page]{text-underline-offset:6px;text-decoration:underline}main{max-width:950px;margin:auto;padding:56px 28px 100px}.site-footer{color:var(--muted);text-align:center;padding:24px 20px;font-size:12px}h1,.grid-list-title{letter-spacing:-2px;margin:0 0 35px;font-size:48px;font-weight:500;line-height:1.12}h2{letter-spacing:-.3px;margin:0;font-size:19px;font-weight:500}.page-heading{margin-bottom:46px}section{border-top:1px solid var(--line);padding:28px 0}.section-heading{align-items:center;gap:15px;margin-bottom:24px;display:flex}.number{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.formats{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;display:grid}.format{background:var(--paper);letter-spacing:-.4px;text-align:center;flex-direction:column;justify-content:flex-start;gap:18px;min-height:152px;padding:24px 16px;font-size:20px;font-weight:500;display:flex}.chat-editor{--chat-role-width:90px;--chat-column-gap:8px;grid-template-columns:var(--chat-role-width) minmax(0, 1fr);column-gap:var(--chat-column-gap);padding-top:12px;display:grid}.chat-message{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;margin-bottom:12px;display:grid;position:relative}.chat-message-controls{align-items:flex-start;gap:4px;display:flex}.chat-remove{height:calc(1.6rem + 24px)}.chat-message-input{min-width:0;position:relative}.chat-message-input textarea{field-sizing:content;resize:none;overflow-wrap:anywhere;min-height:0;padding-right:34px;display:block;overflow:hidden}.chat-remove{opacity:0;pointer-events:none;position:absolute;top:0;right:3px}.chat-message-input:hover .chat-remove,.chat-remove:focus-visible{opacity:1;pointer-events:auto}.chat-confirm-delete,.chat-confirm-delete:enabled:hover,.chat-confirm-delete:enabled:active{color:#fff;background:#a92f36;border-color:#a92f36;min-width:100px;height:calc(1.6rem + 24px);padding:8px 20px;font-size:16px;position:absolute;top:0;right:40px}.chat-remove,.chat-drag{color:var(--muted);opacity:.5;padding:5px}.chat-drag{touch-action:none;cursor:grab;flex-shrink:0;width:24px;padding:0}.chat-drag,.model-badge.chat-role{height:28px}.chat-drag .lucide{width:14px;height:22px}.chat-insert,.chat-append{height:12px;padding:0 0 0 calc(var(--chat-role-width) + var(--chat-column-gap) / 2 - 6px);opacity:0;justify-content:flex-start}.chat-insert .lucide,.chat-append .lucide{width:12px;height:12px}.chat-insert{grid-column:1/-1;position:absolute;top:-12px;left:0;right:0}.chat-append{grid-column:1/-1;margin-top:-12px;position:relative}:is(.chat-insert,.chat-append):hover,:is(.chat-insert,.chat-append):focus-visible,.chat-append:only-child{opacity:1}@media (hover:none),(pointer:coarse){.chat-insert,.chat-append{opacity:1}.chat-message-input:focus-within .chat-remove{opacity:1;pointer-events:auto}}.chat-message[data-dragging=true]{opacity:.6}[data-chat-insertion=true]{opacity:1}[data-chat-insertion=true]:after{content:"";border-top:2px solid var(--selected-border);pointer-events:none;position:absolute;top:5px;left:0;right:0}[data-chat-insertion=true] .lucide{visibility:hidden}.model-badge.chat-role,.chat-role:enabled:hover,.chat-role:enabled:active{background:color-mix(in srgb, var(--role-color) 12%, var(--paper));border-color:color-mix(in srgb, var(--role-color) 45%, var(--paper));color:color-mix(in srgb, var(--role-color) 75%, var(--text));flex:1;padding-inline:8px;font-weight:400}.chat-role-system{--role-color:#b64249}.chat-role-user{--role-color:#3678c6}.chat-role-unfilled{--role-color:#8a55b5}.chat-unfilled-text{padding:6px 24px 6px 0;display:block}.model-badge.chat-role-assistant{--role-color:var(--muted);font-size:11px;line-height:18.2px}.format-symbol{stroke-width:1.5px;width:44px;height:44px;color:var(--logo-color)}.format:enabled:hover{border-color:var(--selected-border);background:color-mix(in srgb, var(--paper) 70%, var(--selected))}.format.selected,.format.selected:hover{border-color:var(--selected-border);background:var(--selected);box-shadow:inset 0 0 0 1px var(--selected-border)}.axes,.fixed-options{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px;display:grid}.axes{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}.image-options{flex-wrap:wrap;gap:24px;margin-bottom:22px;display:flex}.image-options>div{flex:220px;min-width:0}.image-options>.image-quality-option{flex-basis:100%}.axis,.fixed-options>div{min-width:0}.axis-swap{color:var(--logo-color);align-self:start;margin-top:24px;padding:12px}.axis-swap .lucide{width:20px;height:20px}label{flex-direction:column;gap:9px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}select,textarea,input:not([type=checkbox]):not([type=radio]){border:1px solid var(--line);width:100%;color:inherit;background:var(--paper);border-radius:4px;padding:11px 12px}textarea{resize:vertical;line-height:1.6}.generation-limits{grid-template-columns:minmax(0,180px);align-items:end;gap:16px;margin-bottom:16px;display:grid}.generation-limits .budget-field{margin-bottom:0}.budget-field{width:180px;max-width:100%}.budget-input{position:relative}.budget-input .lucide{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.budget-input input[type=number]{padding-left:37px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:10px;font-size:12px}.value-list{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:9px 12px}.value-list:not(.model-list){flex-wrap:wrap;column-gap:18px;display:flex}.value-list:not(.model-list)>.checkbox{white-space:nowrap}.checkbox{flex-direction:row;align-items:center;gap:9px;margin:0;padding:7px 0;font-weight:400;display:flex}.checkbox input{accent-color:var(--accent)}.hint{color:var(--muted);margin:10px 0 20px;font-size:12px;font-weight:400;line-height:1.6}.model-alias-warning{color:var(--text)}.connection{border:1px solid var(--line);background:var(--panel);border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:fit-content;max-width:100%;margin-bottom:24px;padding:14px 16px;display:flex}.connection-key-form{flex-basis:100%;gap:10px;display:grid}.connection-key-form input{min-width:0}.connection .connection-actions{flex-wrap:wrap;max-width:100%}.connection-identity{align-items:center;gap:12px;min-width:0;display:flex}.connection-state{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:13px;display:flex}.connection-state .spinner{width:14px;height:14px}.connection-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.connection-actions a:not(.button){font-size:14px}.connection-change{color:var(--muted)}.connection-change[aria-disabled=true]{opacity:.5;cursor:default}.connection strong{font-size:14px;font-weight:550}.generate{justify-content:space-between;width:100%;padding:13px 16px}.generate-hint .generate:disabled{pointer-events:none}.error{border-left:3px solid var(--error-border);color:var(--error-text);background:var(--error-background);padding:12px 14px;font-size:14px;line-height:1.5}.history span{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.history small{color:var(--muted)}.app-shell.grid-layout{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.grid-layout>header{grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;height:auto;min-height:64px;padding:8px 12px;display:grid;position:relative}.grid-header-slot,.grid-title{min-width:0}.grid-page{flex-direction:column;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:flex}.grid-page>.error,.grid-page>.connection,.grid-page>p{flex-shrink:0;margin:12px 20px}.grid-header-slot,.grid-heading{display:contents}.grid-layout .wordmark{grid-area:1/1}.grid-layout>header>.navigation-controls{grid-area:1/4;justify-self:end}.grid-controls{flex-shrink:0;grid-area:1/3;align-items:center;gap:6px;display:flex}.grid-title{grid-area:1/2;align-items:center;gap:8px;display:flex}.grid-heading .actions{gap:4px}.grid-heading .actions button{gap:8px}.grid-heading .actions .lucide{width:18px;height:18px}.grid-title h1{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;font-size:17px;font-weight:500;line-height:1.4;overflow:hidden}.grid-title-line{align-items:center;gap:8px;min-width:0;display:flex}.grid-name,.editable-title{white-space:normal;overflow-wrap:anywhere;max-width:75%;color:var(--grid-title);flex-shrink:0;font-size:17px;font-weight:500;line-height:1.4}button.editable-title{text-align:left;align-items:center;gap:6px;margin-left:-4px;padding:3px 4px;display:inline-flex}button.editable-title>.lucide{flex-shrink:0;width:16px;height:16px}.editable-title-input{width:40%;padding:3px 6px;font-size:17px;line-height:1.4}.grid-title-dot{color:var(--muted)}.grid-prompt-text{color:var(--logo-color)}.prompt-copy{color:var(--logo-color);flex:none;padding:6px}.prompt-copy .lucide{width:16px;height:16px}.parameters-info .lucide{width:14px;height:14px}[data-tippy-root]{position:absolute;top:0;left:0}.tippy-box{color:#fff;background:#000}.tippy-arrow{color:#000}.tippy-box[data-theme~=grid-prompt]{box-shadow:0 6px 24px var(--shadow);border:1px solid #000;border-radius:8px;font-size:15px;line-height:1.5}.tippy-box[data-theme~=grid-prompt] .tippy-content{white-space:pre-wrap;overflow-wrap:anywhere;max-height:70vh;padding:12px 16px;overflow-y:auto}.grid-progress{height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.grid-progress progress{appearance:none;opacity:0;border:0;border-radius:0;width:100%;height:100%;display:block}.progress-segments{pointer-events:none;display:flex;position:absolute;inset:0}.progress-segment{background:var(--progress-track);flex:1}.progress-segment[data-status=complete]{background:var(--accent)}.progress-segment[data-status=error]{background:var(--progress-error)}.progress-spark{background:var(--accent);width:32px;height:100%;box-shadow:0 0 8px var(--accent);animation:2.2s linear infinite progress-travel,.8s ease-in-out infinite progress-pulse;position:absolute;top:0}@keyframes progress-travel{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}@keyframes progress-pulse{0%,to{opacity:.4;filter:brightness(1.2)}50%{opacity:1;filter:brightness(1.8)}}.inference-toggle{border-color:#0000;flex-shrink:0;width:36px;height:36px;padding:8px}.inference-toggle .lucide-square{color:var(--progress-error)}.inference-toggle .lucide{width:18px;height:18px}@media (prefers-reduced-motion:reduce){button,.button{transition:none}.progress-spark{display:none}}.actions{flex-shrink:0;gap:10px;display:flex}.grid-scroll{background:var(--paper);isolation:isolate;border:0;border-radius:0;flex:1;width:100%;min-width:0;min-height:0;overflow:auto}.output-grid{border-spacing:0;table-layout:auto;width:100%;min-width:calc(var(--grid-columns) * 340px)}.output-grid th:not(.cell-expanded *){background:var(--grid-header);text-align:left;overflow-wrap:anywhere;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;font-size:15px;font-weight:500}.output-grid thead tr:not(.cell-expanded *){height:1px}.output-grid thead th:not(.cell-expanded *){z-index:3;min-width:340px;padding-block:8px;position:sticky;top:0}.output-grid tbody th:not(.cell-expanded *){z-index:2;vertical-align:middle;text-align:center;width:1px;min-width:0;padding-inline:8px;position:sticky;left:0}.row-label{writing-mode:vertical-rl;text-align:center;max-height:330px;display:inline-block;transform:rotate(180deg)}.output-grid thead .corner:not(.cell-expanded *){z-index:4;width:1px;min-width:0;padding-inline:8px;left:0}.output-grid td:not(.cell-expanded *){border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;min-width:340px;height:var(--grid-row-height,390px);padding:0;position:relative}.cell{background:var(--cell);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;position:absolute;inset:0}.cell-view{grid-area:1/1;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}.cell-view[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.cell iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;width:100%;min-width:0;height:100%;min-height:0;display:block}.cell .markdown-preview{background:var(--cell);color-scheme:inherit}.cell-footer{border-top:1px solid var(--line);height:52px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.cell-footer small{font-size:12px}.cell-actions{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.cell-actions :is(button,a){width:32px;height:32px;color:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.cell-actions :is(button:enabled,a):hover{background:var(--panel);color:var(--text)}.cell-actions .lucide{width:16px;height:16px}.cell-usage{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:10px;font-family:ui-monospace,monospace;line-height:1.4;display:flex}.cell-footer a{text-decoration:none}.pending{min-height:0;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;font-size:15px;display:flex}.cell-error{color:var(--error-text);padding:22px;font-size:15px;line-height:1.6}.spinner{width:22px;height:22px;color:var(--icon);transform-box:fill-box;transform-origin:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal::backdrop{background:var(--backdrop)}.modal{width:100%;max-width:min(490px,100vw - 48px);max-height:calc(100vh - 48px);color:inherit;background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 80px var(--shadow);border-radius:8px;padding:32px;overflow:auto}.modal h2{font-size:23px}.modal p{color:var(--muted);font-size:14px;line-height:1.6}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}@media (width<=700px){header{padding:0 20px}main{padding:36px 20px 70px}h1,.grid-list-title{font-size:38px}.formats{grid-template-columns:repeat(2,1fr)}.format{min-height:140px;padding:20px 12px;font-size:18px}.axes,.fixed-options{grid-template-columns:1fr;gap:10px}.axis-swap{justify-self:center;margin-top:0}.axis-swap .lucide{transform:rotate(90deg)}.connection{flex-wrap:wrap;gap:12px;padding:12px}.actions{flex-wrap:wrap}.output-grid tbody th:not(.cell-expanded *){padding-block:12px}.modal{padding:24px}}.image-preview{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.image-preview .generated-image{width:auto;max-width:100cqw;height:auto;max-height:100cqh;color-scheme:inherit;display:block}:is(.cell-expanded,.expanded-markdown) .generated-image{object-fit:contain;object-position:center;width:100cqw;height:100cqh}.model-list{height:264px;overflow:auto}.model-price{color:var(--muted);text-align:right;white-space:nowrap;flex-shrink:0;margin-inline-start:auto;padding-inline-start:8px;font-size:12px}.openrouter-icon{filter:var(--brand-filter);flex-shrink:0;width:24px;height:auto}.lucide{flex-shrink:0}nav{align-items:center}.model-search{margin-bottom:12px;position:relative}.model-search>.lucide{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.model-search input[type=search]{padding-left:37px;padding-right:42px}.model-search input[type=search]::-webkit-search-cancel-button{appearance:none}.model-search-clear{width:30px;height:30px;color:var(--muted);background:0 0;border:0;padding:6px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.model-search-clear .lucide{width:16px;height:16px}.cell-footer a{align-items:center;gap:4px;display:inline-flex}@media (width<=700px){header{flex-wrap:wrap;gap:16px;height:auto;min-height:72px;padding-top:16px;padding-bottom:16px}}.preview-status{justify-content:flex-start}.preview-status .spinner{width:14px;height:14px}@media (width<=700px){.grid-layout>header{gap:8px;padding:8px 10px}.grid-layout .logo-grid{width:24px;height:24px}}@media (width<=479px){.grid-title{grid-area:2/1/auto/-1}}.settings-page h2{margin-bottom:20px}.theme-control{max-width:320px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}header{z-index:5;position:relative}.navigation-controls{align-items:center;display:flex;position:relative}.cell:has(.cell-footer){grid-template-rows:minmax(0,1fr) 52px}.model-name{align-items:center;gap:7px;min-width:0;max-width:100%;display:inline-flex}.model-copy{min-width:0;font:inherit;max-width:100%;text-align:inherit;background:0 0;border:0;gap:7px;padding:5px 0}.model-copy>span{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;min-width:0;overflow:hidden}.model-copy .lucide,.model-link .lucide{width:13px;height:13px;color:var(--muted)}.row-label .lucide{rotate:90deg}.model-copy:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navigation-menu-toggle,.desktop-theme-toggle{width:44px;height:44px;padding:10px;display:inline-flex}.navigation-menu-toggle .lucide,.desktop-theme-toggle .lucide{width:22px;height:22px}.desktop-theme-toggle{flex-shrink:0;display:none}.navigation-controls>nav{background:var(--paper);border:1px solid var(--line);width:min(300px,100vw - 32px);box-shadow:0 12px 35px var(--shadow);z-index:10;border-radius:6px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;display:none;position:absolute;top:calc(100% + 4px);right:0}.navigation-controls>nav[data-open=true]{display:flex}.navigation-controls>nav>a:not(.button){padding:14px 12px}.navigation-controls[data-touch=false]{gap:16px}.navigation-controls[data-touch=false] .navigation-menu-toggle{display:none}.navigation-controls[data-touch=false] .desktop-theme-toggle{display:inline-flex}.navigation-controls[data-touch=false]>nav{width:auto;box-shadow:none;background:0 0;border:0;flex-direction:row;align-items:center;gap:16px;padding:0;display:flex;position:static}.navigation-controls[data-touch=false]>nav>a:not(.button){padding:0}@media (width<=700px){nav{font-size:13px}.grid-layout>header>.navigation-controls[data-touch=false]{grid-area:2/1/auto/-1}}@media (width<=479px){.grid-layout>header:has(.navigation-controls[data-touch=false]) .grid-title{grid-row:3}}.budget-warnings{overflow-wrap:anywhere;font-size:12px}.budget-warnings [data-tooltip]{cursor:help}.compatibility-table-scroll{max-width:100%;margin:16px 0;overflow-x:auto}.compatibility-table{border-collapse:collapse;font-size:12px}.compatibility-table caption{text-align:left;margin-bottom:8px;font-weight:500}.compatibility-table th,.compatibility-table td{border-bottom:1px solid var(--line);padding:6px 10px}.compatibility-table th{text-align:left;font-weight:500}.compatibility-table thead th{white-space:nowrap}.compatibility-table tbody th{overflow-wrap:anywhere;max-width:220px}.compatibility-table td{text-align:center}.compatibility-table .lucide,.budget-warnings .lucide{width:14px;height:14px;color:var(--accent);vertical-align:middle}.compatibility-table .compatibility-warning,.budget-warnings .compatibility-warning{color:#6f5000;fill:#facc15}.error{white-space:pre-line}.connection-status{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:20;border:1px solid var(--line);background:var(--paper);max-width:calc(100vw - 24px);color:var(--muted);box-shadow:0 2px 8px var(--shadow);pointer-events:none;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex;position:fixed}.connection-status .spinner{width:14px;height:14px}.cell-provider-error{max-width:100%;color:var(--error-text);overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px}.cell-error{overflow-wrap:anywhere;white-space:pre-wrap}.selected-models{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.model-badge{border:1px solid var(--selected-border);background:var(--selected);border-radius:5px;align-items:center;gap:6px;max-width:100%;padding:4px 6px 4px 10px;font-size:13px;display:inline-flex;position:relative}.model-badge>span{overflow-wrap:anywhere;min-width:0}.model-badge-drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.model-badge-drag:active{cursor:grabbing}.model-badge[data-insertion]:before{content:"";background:var(--selected-border);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:0;bottom:0}.model-badge[data-insertion=before]:before{left:-6px}.model-badge[data-insertion=after]:before{right:-6px}.model-badge button{background:0 0;border:0;flex-shrink:0;width:22px;height:22px;padding:4px}.model-badge .lucide{width:14px;height:14px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-title h1{margin:0}.output-grid[data-resized]{table-layout:fixed;min-width:0}.output-grid[data-resized] th:not(.cell-expanded *),.output-grid[data-resized] td:not(.cell-expanded *){min-width:0;overflow:hidden}.output-grid[data-resized] td:not(.cell-expanded *){height:auto}.output-grid[data-resized] .row-label{max-height:calc(var(--row-height) - 32px);overflow:hidden}.grid-resize-handle{z-index:5;touch-action:none;position:absolute}.resize-columns{cursor:col-resize;width:8px;top:0;bottom:0;left:0}.resize-rows{cursor:row-resize;height:8px;top:0;left:0;right:0}.grid-resize-handle:hover,.grid-resize-handle:focus-visible{background:var(--accent)}.output-grid[data-resizing]{-webkit-user-select:none;user-select:none}.output-grid[data-resizing] iframe{pointer-events:none}.grid-scroll[data-panning]{cursor:grabbing;-webkit-user-select:none;user-select:none}.grid-scroll[data-panning] iframe{pointer-events:none}.model-link{flex-shrink:0;align-items:center;padding:5px 0;display:inline-flex}.model-link:hover{color:var(--text)}.cell-tokens,.token-count{align-items:center;gap:4px;display:inline-flex}.cell-tokens .lucide{width:12px;height:12px}.cell-tokens .lucide-arrow-up{margin-right:4px}.grid-scroll[data-touch=true]{touch-action:pan-x pan-y}.grid-byline{flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.grid-cost,.grid-spent{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:13px}.live-cost{background:linear-gradient(110deg, var(--muted) 35%, var(--text) 50%, var(--muted) 65%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite cost-wave}@keyframes cost-wave{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.live-cost{color:var(--muted);background:0 0;animation:none}}.publish-choices{border:0;margin:20px 0 0;padding:0}.publish-choice{flex-direction:row;align-items:center;gap:10px;margin:12px 0;display:flex}.publish-choice input{width:auto;margin:0}.publish-slug-error{flex-basis:100%;display:grid}.publish-slug-error p{color:var(--error-text);grid-area:1/1;margin:0;font-size:12px;line-height:1.4}.publish-slug-error [aria-hidden=true]{visibility:hidden}.publish-slug-input{cursor:text;border:1px solid var(--line);background:var(--paper);border-radius:4px;flex-direction:row;flex:1;align-items:center;gap:0;min-width:0;margin:0;font-size:13px;font-weight:400;line-height:1.4;display:flex}.publish-slug-input>span{color:var(--muted);flex:none;padding-left:8px}.publish-slug-input input[type=text]{min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:0 8px 0 0}.publish-slug-input:focus-within{outline:2px solid var(--focus);outline-offset:3px}.publish-choice-row{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.publish-choice-row>.publish-choice{flex:none;margin:0}.publish-choice-row:last-child{margin-bottom:0}.publish-modal .modal-actions{margin-top:8px}@media (width<=480px){.publish-choice-row>.publish-slug-input{flex-basis:100%}}.public-grids{margin-top:40px}.grid-list-subtitle{font-size:.75em;font-weight:400}.home-page>section[aria-labelledby]{border:0}.owned-grids{margin-top:40px}.grid-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.content-layout>main{width:100%}.content-layout>main>section:first-of-type{padding-top:0}.content-layout>header,.content-layout>main>section,.history>.history-row:last-child{border:0}.history .grid-format-icon{flex:none;align-items:center;display:inline-flex;overflow:visible}.grid-format-icon svg{width:20px;height:20px}.history .history-prompt{flex:1;min-width:0;max-width:none}.history .history-title{white-space:normal;overflow-wrap:anywhere;overflow:visible}.history small{flex-shrink:0}.identity-link,.account-control,.grid-author{align-items:center;gap:.4rem;display:inline-flex}.identity-link{text-decoration:none}.github-icon{flex:none;width:16px;height:16px}.account-control{flex-wrap:wrap;gap:.75rem}.button.account-signin{color:#fff;white-space:nowrap;background:#24292f;border:1px solid #57606a;border-radius:8px;gap:8px;min-height:40px;padding:9px 14px;font-size:14px;font-weight:600;line-height:20px}.button.account-signin:hover{background:#32383f;border-color:#8c959f}:root[data-theme=dark] .button.account-signin{border-color:#8c959f}.github-signin-logo{flex:none;width:20px;height:auto}.grid-author{color:var(--muted);white-space:nowrap;font-size:13px}.grid-title-text{flex:1;min-width:0}.history-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:15px 0;display:flex}.history-grid-link{flex:1;align-items:center;gap:20px;min-width:0;text-decoration:none;display:flex}.history .grid-author,.history .identity-link span{max-width:none;overflow:visible}.history-row small{white-space:nowrap}@media (width<=700px){.history-row{flex-wrap:wrap;gap:8px 16px}.history-grid-link{flex-basis:100%}}.custom-image-size{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.custom-image-size label{min-width:0}.custom-image-size input{width:100%}.custom-size-entry{align-items:flex-end;gap:8px;display:flex}.reference-groups{gap:12px;display:grid}.reference-group{border:1px solid var(--line);border-radius:4px;padding:12px}.reference-heading,.reference-image{align-items:center;gap:8px;display:flex}.reference-heading{justify-content:space-between;margin-bottom:8px}.reference-title-line{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.reference-heading .editable-title-input{flex:1;min-width:0}.reference-images{gap:8px;margin-bottom:10px;display:grid}.reference-image img{object-fit:contain;width:48px;height:48px}.reference-image span{overflow-wrap:anywhere;flex:1;min-width:0}.reference-upload{width:fit-content;margin:0;position:relative;overflow:hidden}.reference-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.reference-upload:focus-within{outline:2px solid var(--accent)}