:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space:15px;--header-height:64px;--workspace-panel-header-height:56px;--lower-header-height:46px;--history-row-height:35px;--history-lower-height:186px;--output-large-body-height:120px;--radius:8px;--page:#f4f7f8;--surface:#fff;--surface-subtle:#f8fafb;--surface-hover:#f0f5f6;--line:#dce5e8;--line-soft:#edf2f3;--text:#172126;--muted:#65747b;--faint:#8b999f;--brand:#087d87;--brand-hover:#066a73;--brand-soft:#e5f4f5;--success:#0d9a71;--danger:#d84e4e;--blue:#237ac6;--orange:#bd6c2b;--shadow:0 1px 2px #14262d0a}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111619;--surface:#181f23;--surface-subtle:#1d262b;--surface-hover:#253138;--line:#304047;--line-soft:#27343a;--text:#e4ecef;--muted:#a5b3b9;--faint:#7e8e95;--brand:#53cbd2;--brand-hover:#72d7dc;--brand-soft:#16373b;--success:#55d3a7;--danger:#ff8585;--blue:#77b7f3;--orange:#e7a165;--shadow:none}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--page);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,select,textarea{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{min-height:100dvh}.topbar{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);padding:0 var(--space);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:relative;overflow:hidden}.topbar-flow{z-index:0;color:color-mix(in srgb, var(--brand) 62%, #07131c);opacity:.66;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000003d 14%,#0000006b 30%,#000 46% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#0000003d 14%,#0000006b 30%,#000 46% 92%,#0000 100%)}.topbar-flow:before{background:radial-gradient(circle at 62% 42%, color-mix(in srgb, var(--brand) 18%, transparent) 0 1px, transparent 2px), radial-gradient(circle at 84% 30%, color-mix(in srgb, var(--blue) 16%, transparent) 0 1px, transparent 2px), linear-gradient(90deg, var(--surface) 0 10%, transparent 30% 77%, var(--surface) 96% 100%), repeating-linear-gradient(115deg, transparent 0 34px, color-mix(in srgb, var(--brand) 10%, transparent) 35px 36px, transparent 37px 70px);content:"";position:absolute;inset:0}.topbar-flow-field:after{background:radial-gradient(ellipse at 70% 50%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 54%), linear-gradient(110deg, transparent 0 44%, #07131c29 45%, transparent 46% 100%);content:"";opacity:.7;position:absolute;inset:-18px 0}.topbar-flow-thread{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand) 36%, transparent), transparent);width:62%;height:1px;opacity:var(--thread-opacity);transform:rotate(var(--thread-rotate));transform-origin:0;animation:header-flow-thread var(--thread-speed) ease-in-out infinite;position:absolute;left:34%}.topbar-flow-thread.thread-a{--thread-opacity:.34;--thread-rotate:-8deg;--thread-speed:18s;top:14px}.topbar-flow-thread.thread-b{--thread-opacity:.22;--thread-rotate:6deg;--thread-speed:22s;top:35px}.topbar-flow-thread.thread-c{--thread-opacity:.28;--thread-rotate:-2deg;--thread-speed:26s;top:55px}.topbar-flow-symbols{position:absolute;inset:0}.topbar-flow-symbol{left:var(--symbol-x);top:var(--symbol-y);border:1px solid color-mix(in srgb, var(--brand) 24%, transparent);background:linear-gradient(105deg, color-mix(in srgb, var(--surface) 62%, transparent), #07131c1a), linear-gradient(90deg, color-mix(in srgb, var(--brand) 18%, transparent), transparent);height:21px;color:inherit;box-shadow:0 0 0 1px #07131c0f inset, 0 0 16px color-mix(in srgb, var(--brand) 18%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--brand) 34%, transparent);transform:translate3d(0, 0, 0) scale(var(--symbol-scale)) rotate(var(--symbol-rotate));white-space:nowrap;will-change:opacity, transform;animation:header-flow-drift var(--symbol-speed) ease-in-out infinite;animation-delay:var(--symbol-delay);border-radius:4px;align-items:center;padding:0 8px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:760;line-height:1;display:inline-flex;position:absolute}.topbar-flow-symbol.layer-1{opacity:.82}.topbar-flow-symbol.layer-2{opacity:.62}.topbar-flow-symbol.layer-3{opacity:.44}.topbar>.brand-area,.topbar>.topbar-actions{z-index:1;position:relative}@keyframes header-flow-drift{0%,to{opacity:.42;transform:translate3d(0, 0, 0) scale(var(--symbol-scale)) rotate(var(--symbol-rotate))}50%{opacity:1;transform:translate3d(var(--symbol-dx), var(--symbol-dy), 0) scale(var(--symbol-scale)) rotate(calc(var(--symbol-rotate) + 2deg))}}@keyframes header-flow-thread{0%,to{opacity:calc(var(--thread-opacity) * .56);transform:translate3d(-8px, 0, 0) rotate(var(--thread-rotate))}50%{opacity:var(--thread-opacity);transform:translate3d(18px, 0, 0) rotate(var(--thread-rotate))}}.brand-area,.brand,.topbar-actions,.panel-title,.panel-toolbar,.toolbar-button,.header-button,.icon-button,.type-picker,.history-badge{align-items:center;display:flex}.brand-area{flex:auto;gap:14px;min-width:0;overflow:hidden}.brand{color:var(--brand);flex:none;gap:10px;font-size:23px;font-weight:760;text-decoration:none}.brand-logo{flex:none;width:34px;height:34px}.brand-logo-shell{fill:#17212b}.brand-logo-sheen,.brand-logo-line,.brand-logo-output{fill:none;stroke-linecap:round}.brand-logo-sheen{stroke:#fff;stroke-width:1px;opacity:.16}.brand-logo-dot-muted{fill:#ffffffc2}.brand-logo-dot-accent{fill:#53cbd2}.brand-logo-dot-warm{fill:#f59e0b}.brand-logo-line{stroke:#ffffff61;stroke-width:3px}.brand-logo-line-short{stroke:#53cbd294}.brand-logo-output{stroke:#53cbd2;stroke-width:3px}[data-theme=dark] .brand-logo-shell{fill:#101a20}.brand span{color:var(--text)}.brand-wordmark{color:var(--text);align-items:baseline;line-height:1;display:inline-flex;position:relative}.brand-ai-suffix{margin-bottom:-.08em;margin-left:1px;padding:0 .09em .08em .07em;line-height:1.16;display:inline-flex;position:relative;transform:translate(0,0)}.brand-ai-suffix-core{background:linear-gradient(105deg,#172126 0%,#1f5f72 18%,#2f8cff 34%,#8668ff 50%,#d35cc7 66%,#f28f4b 82%,#172126 100%) 0 0/260% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.16;animation:6.8s ease-in-out infinite brand-ai-gradient;display:inline-block;position:relative}[data-theme=dark] .brand-ai-suffix-core{background:linear-gradient(105deg,#f3fbff 0%,#95e9ff 24%,#a8adff 48%,#f08bd6 72%,#f3fbff 100%) 0 0/260% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes brand-ai-gradient{0%,to{background-position:0%}50%{background-position:100%}}.brand-copy{border-left:1px solid var(--line);flex-direction:column;flex:auto;gap:2px;min-width:0;max-width:720px;padding-left:14px;display:flex}.brand-copy p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.brand-slogan{color:var(--text);font-size:14px;font-weight:760;line-height:1.18}.brand-description{color:var(--faint);font-size:11px;line-height:1.3}.topbar-actions{flex:none;gap:8px;min-width:0}.header-button,.type-picker,.icon-button,.toolbar-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow);border-radius:7px;justify-content:center;transition:border-color .16s,background .16s,color .16s}.header-button,.settings-select{white-space:nowrap;gap:7px;height:38px;padding:0 12px;font-size:12px;font-weight:650}.x-mark{flex:none;width:16px;height:16px;display:block}.type-picker{height:38px;color:var(--brand);white-space:nowrap;flex:none;padding:0;font-size:12px;font-weight:720;position:relative}.type-picker-trigger{width:100%;min-width:0;height:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:flex}.type-picker-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 52%, transparent);outline-offset:2px}.type-picker-trigger span,.type-picker-trigger svg{pointer-events:none}.type-picker-trigger span{text-overflow:ellipsis;overflow:hidden}.type-picker-menu{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;width:min(640px,100vw - 32px);min-width:min(560px,100vw - 32px);max-height:min(360px,100dvh - 140px);padding:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 14px 32px #182b3429}.type-picker-section{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;display:grid}.type-picker-section+.type-picker-section{border-top:1px solid var(--line-soft);padding-top:10px}.type-picker-section-title{color:var(--faint);letter-spacing:0;grid-column:1/-1;padding:0 4px 2px;font-size:11px;font-weight:760}.type-picker-option{min-height:32px;color:var(--muted);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;display:flex}.type-picker-option:hover,.type-picker-option:focus-visible{background:var(--surface-hover);color:var(--brand);outline:0}.type-picker-option.is-active{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand)}.icon-button{width:36px;height:36px;padding:0}.icon-button svg{flex:none;display:block}.topbar-actions>.icon-button{width:38px;height:38px}.icon-button:hover,.toolbar-button:hover,.header-button:hover,.type-picker:hover{border-color:color-mix(in srgb, var(--brand) 48%, var(--line));color:var(--brand)}.icon-button.is-active,.header-button.is-active,.toolbar-button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.header-button:disabled{cursor:default;opacity:1}.workspace-grid{height:calc(100dvh - var(--header-height));grid-template-columns:minmax(0, var(--left-pane-track,1fr)) var(--space) minmax(0, var(--right-pane-track,1fr));min-height:620px;padding:var(--space);gap:0;display:grid}.workspace-resizer{z-index:2;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:0;min-width:0;min-height:0;position:relative}.workspace-resizer:before{background:var(--line);content:"";opacity:0;border-radius:1px;width:1px;transition:background .14s,opacity .14s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.workspace-resizer:hover:before,.workspace-resizer:focus-visible:before,.workspace-grid.is-resizing .workspace-resizer:before{background:var(--brand);opacity:1}.workspace-resizer-handle{border:1px solid var(--line);background:var(--surface);width:24px;height:52px;color:var(--muted);opacity:0;pointer-events:none;border-radius:7px;place-items:center;transition:border-color .14s,color .14s,opacity .14s,box-shadow .14s,transform .14s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #182b341f}.workspace-resizer-handle svg{stroke-width:2px;width:15px;height:20px}.workspace-resizer:hover .workspace-resizer-handle,.workspace-resizer:focus-visible .workspace-resizer-handle,.workspace-grid.is-resizing .workspace-resizer-handle{border-color:var(--brand);color:var(--brand);transform:translate(-50%,-50%)scale(1.04);box-shadow:0 3px 10px #137d8233}.workspace-grid.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-column{grid-template-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0;transition:grid-template-rows .24s,gap .24s;display:grid}.workspace-column.history-visible{grid-template-rows:minmax(0, 1fr) var(--history-lower-height);gap:var(--space)}.workspace-column.history-focused{grid-template-rows:minmax(0,0fr) minmax(0,1fr);gap:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow);overflow:hidden}.editor-panel{grid-template-rows:var(--workspace-panel-header-height) minmax(0, 1fr);opacity:1;transition:opacity .18s,transform .22s;display:grid;transform:translateY(0)}.editor-panel:has(.type-picker.is-open){z-index:6;overflow:visible}:is(.editor-panel:has(.compact-action-tooltip[data-tooltip]:hover),.editor-panel:has(.compact-action-tooltip[data-tooltip]:focus-visible),.editor-panel:has(.compact-action-tooltip[data-tooltip]:focus-within),.lower-panel:has(.compact-action-tooltip[data-tooltip]:hover),.lower-panel:has(.compact-action-tooltip[data-tooltip]:focus-visible),.lower-panel:has(.compact-action-tooltip[data-tooltip]:focus-within)){z-index:8;overflow:visible}.editor-panel.is-collapsed{opacity:0;pointer-events:none;transform:translateY(-8px)}.panel-header,.lower-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;padding:0 16px;display:flex}.panel-title{white-space:nowrap;flex:0 auto;gap:10px;min-width:0;font-size:15px;font-weight:720}.status-dot{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px;display:block}.status-dot.error{background:var(--danger)}.panel-toolbar{flex:1 1 0;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;position:relative;overflow:visible}.responsive-toolbar-actions{justify-content:flex-end;align-items:center;gap:inherit;flex:1 1 0;min-width:0;display:flex;overflow:hidden}.responsive-toolbar-actions:has(.type-picker.is-open){overflow:visible}.responsive-toolbar-actions:has(.compact-action-tooltip[data-tooltip]){overflow:visible}.responsive-toolbar-item{flex:none;display:flex}.responsive-toolbar-item:has(.type-picker.is-open){z-index:20}.responsive-toolbar-more{flex:none}.icon-button:disabled,.toolbar-button:disabled{cursor:default;opacity:.46}.icon-button:disabled:hover,.toolbar-button:disabled:hover{border-color:var(--line);color:var(--muted)}.responsive-toolbar-menu{z-index:12;border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-width:190px;max-height:min(320px,100dvh - 140px);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 12px 28px #182b3424}.toolbar-menu-item,.toolbar-menu-select{width:100%;min-height:34px;color:var(--muted);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;font-size:12px;font-weight:680;display:flex}.toolbar-menu-item{cursor:pointer;padding:0 9px}.toolbar-menu-item svg,.toolbar-menu-select svg{flex:none}.toolbar-menu-item:hover,.toolbar-menu-item:focus-visible{background:var(--surface-hover);color:var(--brand);outline:0}.toolbar-menu-item.primary{color:var(--brand)}.toolbar-menu-select{justify-content:space-between;padding:4px 9px}.toolbar-menu-select.type-picker-menu-item{padding:0}.toolbar-menu-select-label,.toolbar-menu-select-control{align-items:center;gap:7px;min-width:0;display:flex}.toolbar-menu-select-label{color:var(--brand);flex:none}.toolbar-menu-select-control{color:var(--text);flex:auto;justify-content:flex-end;position:relative}.toolbar-menu-select-control select{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.toolbar-menu-select-control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.type-picker-in-menu{width:100%;height:34px;box-shadow:none}.type-picker-in-menu .type-picker-menu{width:100%;min-width:0;max-height:min(300px,100dvh - 180px);box-shadow:none;margin-top:6px;position:static}.type-picker-in-menu .type-picker-trigger{justify-content:flex-start;padding:0 9px}.type-picker-in-menu .type-picker-trigger span{text-align:left;flex:auto}.toolbar-button{white-space:nowrap;gap:7px;height:34px;padding:0 11px;font-size:11px;font-weight:680}.toolbar-button.is-compact{justify-content:center;gap:0;width:34px;padding:0}.toolbar-button.is-compact span{display:none}.compact-action-tooltip[data-tooltip]{position:relative}.compact-action-tooltip[data-tooltip]:before{z-index:80;clip-path:polygon(50% 100%,0 0,100% 0);content:"";opacity:0;pointer-events:none;background:#393939f5;width:9px;height:9px;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%,-4px)}.compact-action-tooltip[data-tooltip]:after{z-index:80;color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;background:#393939f5;border-radius:6px;max-width:min(240px,80vw);padding:8px 10px;font-size:12px;font-weight:680;line-height:1;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);box-shadow:0 10px 22px #101e242e}.compact-action-tooltip[data-tooltip]:hover:before,.compact-action-tooltip[data-tooltip]:focus-visible:before,.compact-action-tooltip[data-tooltip]:focus-within:before,.compact-action-tooltip[data-tooltip]:hover:after,.compact-action-tooltip[data-tooltip]:focus-visible:after,.compact-action-tooltip[data-tooltip]:focus-within:after{opacity:1;transform:translate(-50%,-8px)}.panel-toolbar .icon-button{width:34px;height:34px}.panel-toolbar .type-picker{height:34px}html[lang=en-US] .panel-header{gap:8px;padding:0 12px}html[lang=en-US] .panel-toolbar{gap:5px}html[lang=en-US] .panel-toolbar .toolbar-button{gap:5px;padding:0 7px;font-size:10px}.input-editor,.code-viewer{background:var(--surface);grid-template-columns:48px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.line-numbers{border-right:1px solid var(--line-soft);color:var(--faint);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;padding:14px 10px 14px 0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:24px;display:flex;overflow:hidden}.input-editor textarea{resize:none;width:100%;height:100%;min-height:0;color:var(--text);overflow-wrap:anywhere;tab-size:2;white-space:pre-wrap;background:0 0;border:0;outline:0;padding:14px 18px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:24px;overflow-x:hidden}.json-output-panel{grid-template-rows:auto minmax(0,1fr);height:100%}.json-output-panel.is-empty{height:var(--workspace-panel-header-height);grid-template-rows:1fr;align-self:start}.json-output-header{min-height:var(--workspace-panel-header-height);background:var(--surface);flex-wrap:wrap;align-items:center;padding-block:10px}.json-output-actions,.code-output-actions{flex:1 1 0;justify-content:flex-end;gap:8px;min-width:0}.json-output-actions .responsive-toolbar-actions,.code-output-actions .responsive-toolbar-actions{overflow:visible}.json-output-actions .output-card-action,.code-output-actions .output-card-action{background:var(--surface);opacity:.72;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;width:auto;min-width:0;height:34px;padding:0 11px;font-size:11px;font-weight:720;display:inline-flex}.json-output-actions .output-card-action.is-compact,.code-output-actions .output-card-action.is-compact{justify-content:center;gap:0;width:34px;padding:0}.output-card-action.is-compact .output-card-action-label,.json-convert-trigger.is-compact>svg:last-child{display:none}.json-escape-toggle{border:1px solid var(--line);background:var(--surface);min-width:0;height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:720;transition:border-color .16s,background .16s,color .16s;display:inline-flex;position:relative}.json-escape-toggle:hover,.json-escape-toggle:focus-within{border-color:color-mix(in srgb, var(--brand) 48%, var(--line));color:var(--brand)}.json-escape-toggle-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.json-escape-toggle-box{border:1px solid color-mix(in srgb, var(--brand) 42%, var(--line));color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.json-escape-toggle.is-checked .json-escape-toggle-box{border-color:var(--brand);background:var(--brand)}.json-escape-toggle-input:focus-visible+.json-escape-toggle-box{outline:2px solid color-mix(in srgb, var(--brand) 52%, transparent);outline-offset:2px}.json-escape-toggle-label{text-overflow:ellipsis;overflow:hidden}.json-escape-toggle.is-compact{justify-content:center;gap:0;width:34px;padding:0}.json-escape-toggle.is-compact .json-escape-toggle-label{display:none}.json-escape-menu-item{padding:0}.json-escape-menu-item .json-escape-toggle{border:0;border-radius:6px;width:100%}.json-convert-menu{--json-convert-menu-gap:6px;display:inline-flex;position:relative}.json-convert-menu:after{width:max(100%,116px);height:var(--json-convert-menu-gap);content:"";pointer-events:auto;display:none;position:absolute;top:100%;right:0}.json-convert-trigger{position:relative}.json-convert-menu-list{top:calc(100% + var(--json-convert-menu-gap));z-index:20;border:1px solid var(--line);background:var(--surface);min-width:116px;box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:8px;gap:4px;padding:6px;transition:opacity .16s,transform .16s;display:grid;position:absolute;right:0;transform:translateY(-4px)}.json-convert-menu:hover:after,.json-convert-menu:focus-within:after,.json-convert-menu.is-open:after{display:block}.json-convert-menu:hover .json-convert-menu-list,.json-convert-menu:focus-within .json-convert-menu-list,.json-convert-menu.is-open .json-convert-menu-list{opacity:1;pointer-events:auto;transform:translateY(0)}.json-convert-option{width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;padding:9px 10px;font-size:12px;font-weight:680;line-height:1;display:flex}.json-convert-option:hover,.json-convert-option:focus-visible{background:var(--brand-soft);color:var(--brand);outline:0}.output-card-action-label{line-height:1}.json-output-editor,.code-output-editor,.qr-output-editor{background:var(--surface);min-height:0;overflow:hidden}.json-output-panel.is-empty .json-output-editor{display:none}.json-output-editor .code-viewer,.json-output-editor .json-code-output,.code-output-editor .code-viewer{height:100%}.qr-output-editor{place-items:center;height:100%;display:grid}.output-card-grid,.text-output-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start;gap:12px;height:100%;min-height:0;display:grid;overflow:auto}.output-card-grid.is-single{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);align-content:stretch}.output-card-frame{min-width:0;position:relative}.output-card-grid.is-single .output-card-frame,.output-card-grid.is-single .output-card-frame>.output-card{height:100%}.output-card-resizer{z-index:3;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:0;height:12px;padding:0;position:absolute;bottom:-12px;left:0;right:0}.output-card-resizer:before{background:var(--line);content:"";opacity:0;border-radius:1px;height:1px;transition:background .14s,opacity .14s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.output-card-resizer:hover:before,.output-card-resizer:focus-visible:before,.output-card-frame.is-resizing .output-card-resizer:before{background:var(--brand);opacity:1}.output-card-frame.is-resizing{z-index:2;-webkit-user-select:none;user-select:none}.output-card,.text-output-card{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, var(--surface-subtle)) 0%, var(--surface-subtle) 100%);border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:7px;min-width:0;min-height:86px;max-height:164px;padding:9px 9px 10px;transition:border-color .16s,background .16s;display:grid;overflow:hidden}.output-card-grid.is-single .output-card,.output-card.is-large{max-height:none}.output-card:hover,.output-card:focus-within,.text-output-card:hover,.text-output-card:focus-within{border-color:color-mix(in srgb, var(--brand) 38%, var(--line));background:var(--surface)}.output-card-header,.text-output-card-header{justify-content:space-between;align-items:flex-start;gap:6px;min-width:0;display:flex}.output-card-heading,.text-output-card-heading{gap:3px;min-width:0;display:grid}.output-card-kind,.text-output-card-kind{color:var(--faint);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:720;line-height:1.2;overflow:hidden}.output-card-title,.text-output-card-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:780;line-height:1.25;overflow:hidden}.output-card-actions{flex:none;align-items:center;gap:5px;display:flex}.responsive-toolbar.json-output-actions,.responsive-toolbar.code-output-actions{flex:1 1 0;min-width:0}.text-output-card-actions{gap:5px}.output-card-sort-actions{opacity:0;pointer-events:none;align-items:center;gap:4px;transition:opacity .16s;display:flex}.output-card:hover .output-card-sort-actions,.output-card:focus-within .output-card-sort-actions{opacity:1;pointer-events:auto}.output-card-action,.text-output-copy{border:1px solid var(--line);width:24px;height:24px;color:var(--brand);opacity:.58;background:0 0;border-radius:8px;flex:none;place-items:center;padding:0;line-height:0;transition:background .16s,border-color .16s,opacity .16s;display:grid}.output-card-action svg,.text-output-copy svg{flex:none;width:14px;height:14px;display:block}.output-card-action:hover,.output-card-action:focus-visible,.text-output-copy:hover,.text-output-copy:focus-visible{border-color:var(--brand);background:var(--brand-soft);opacity:1;outline:0}.output-card-action:disabled,.text-output-copy:disabled{cursor:not-allowed;border-color:var(--line);color:var(--faint);opacity:.35}.output-card-action:disabled:hover,.output-card-action:disabled:focus-visible,.text-output-copy:disabled:hover,.text-output-copy:disabled:focus-visible{border-color:var(--line);color:var(--faint);background:0 0}.output-card-sort-button:disabled{cursor:not-allowed;border-color:var(--line);color:var(--faint);opacity:.32}.output-card-sort-button:disabled:hover,.output-card-sort-button:disabled:focus-visible{border-color:var(--line);color:var(--faint);background:0 0}.output-card-body{min-height:0;overflow:hidden}.output-card.is-large .output-card-body{height:var(--output-large-body-height)}.output-card-body .code-viewer,.output-card-body .json-code-output{height:100%}.output-card.is-large .line-numbers{padding:10px 8px 10px 0;line-height:20px}.output-card-value,.text-output-card-value{min-width:0;max-height:96px;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding-right:2px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:650;line-height:17px;overflow:auto}.output-card.is-small .output-card-value{text-overflow:ellipsis;white-space:nowrap;max-height:17px;overflow:hidden}.output-card.is-large .output-card-value{max-height:var(--output-large-body-height)}.output-card-grid.is-single .output-card-value{overflow-wrap:anywhere;text-overflow:clip;white-space:pre-wrap;max-height:none;overflow:auto}@media (min-width:761px){.output-card-frame.is-manual-height{height:var(--output-card-manual-height)}.output-card-frame.is-manual-height>.output-card{height:100%;max-height:none}.output-card-frame.is-manual-height .output-card-body{height:auto}.output-card-frame.is-manual-height .output-card-value,.output-card-frame.is-manual-height .text-output-card-value{overflow-wrap:anywhere;text-overflow:clip;white-space:pre-wrap;height:100%;max-height:none;overflow:auto}}.code-viewer{height:100%}.code-viewer.is-json-tree{grid-template-columns:minmax(0,1fr)}.code-output,.json-code-output{height:100%;color:var(--text);tab-size:2;margin:0;padding:14px 18px 36px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:24px;overflow:auto}.code-output{overflow-wrap:anywhere;white-space:pre-wrap}.code-viewer.is-json-tree .json-code-output{padding-left:0}.output-card.is-large .code-output,.output-card.is-large .json-code-output{padding:10px 12px;font-size:11px;line-height:20px}.json-code-output{white-space:normal}.json-code-line{grid-template-columns:48px minmax(0,1fr);min-height:24px;display:grid}.json-code-line-number{border-right:1px solid var(--line-soft);color:var(--faint);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:inherit;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:flex-start;padding-right:10px;display:flex}.json-code-line-content{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;padding-left:18px}.output-card.is-large .json-code-line{min-height:20px}.output-card.is-large .json-code-line-content{padding-left:12px}.qr-code-preview{place-items:center;width:100%;min-height:260px;padding:24px;display:grid}.qr-code-preview img{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,280px);padding:12px}.json-fold-toggle{border:2px solid var(--danger);background:var(--surface);width:16px;height:16px;color:var(--danger);cursor:pointer;vertical-align:top;border-radius:5px;place-items:center;margin-right:3px;display:inline-grid;position:relative;transform:translateY(3px)}.json-fold-toggle:before,.json-fold-toggle:after{content:"";background:currentColor;border-radius:999px;width:8px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.json-fold-toggle:before{opacity:0;transform:translate(-50%,-50%)rotate(90deg)}.json-fold-toggle.is-collapsed{border-color:var(--blue);color:var(--blue)}.json-fold-toggle.is-collapsed:before{opacity:1}.json-fold-toggle:hover,.json-fold-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);outline:0}.json-summary{color:var(--muted)}.token-key{color:var(--danger)}.token-string{color:var(--success)}.token-boolean,.token-number{color:var(--blue)}.token-sql-keyword,.token-xml-tag{color:var(--brand);font-weight:720}.token-xml-attr{color:var(--orange);font-weight:650}.token-xml-equals{color:var(--muted)}.token-xml-attr-value{color:var(--success)}.token-xml-text{color:var(--text)}.lower-panel{grid-template-rows:var(--lower-header-height) minmax(0, 1fr);display:grid}.lower-header{min-width:0}.lower-header .toolbar-button{height:30px}.history-actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex;position:relative;overflow:visible}.history-cloud-switch{border:1px solid var(--line);background:var(--surface-subtle);min-height:30px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:720;display:inline-flex}.history-cloud-switch.is-compact{justify-content:center;gap:0;width:30px;padding:0}.history-cloud-switch.is-compact span,.history-cloud-switch.is-compact:after{display:none}.history-cloud-switch:after{background:var(--line);width:22px;height:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--muted) 12%, transparent);content:"";border-radius:999px}.history-cloud-switch.is-on{border-color:color-mix(in srgb, var(--brand) 42%, var(--line));background:var(--brand-soft);color:var(--brand)}.history-cloud-switch.is-on:after{background:var(--brand)}.history-cloud-switch:disabled{cursor:wait;opacity:.68}.history-cloud-switch:hover:not(:disabled),.history-cloud-switch:focus-visible{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));outline:0}.history-list{min-height:0;overflow:auto}.history-row{width:100%;min-height:var(--history-row-height);border:0;border-bottom:1px solid var(--line-soft);color:var(--muted);text-align:left;background:0 0;grid-template-columns:68px minmax(0,1fr) 50px;align-items:center;gap:12px;padding:0 16px;font-size:11px;transition:min-height .18s,padding .18s,background .16s;display:grid}.history-row:hover{background:var(--surface-hover)}.history-badge{background:var(--brand-soft);width:max-content;color:var(--brand);border-radius:999px;padding:3px 8px;font-size:9px;font-weight:750}.history-badge.sql,.history-badge.url,.history-badge.urlparams,.history-badge.jwt,.history-badge.base64{background:color-mix(in srgb, var(--blue) 12%, var(--surface));color:var(--blue)}.history-badge.text,.history-badge.markdown,.history-badge.log,.history-badge.number{background:color-mix(in srgb, var(--orange) 14%, var(--surface));color:var(--orange)}.history-badge.xml,.history-badge.yaml{background:color-mix(in srgb, var(--success) 13%, var(--surface));color:var(--success)}.history-preview{text-overflow:ellipsis;white-space:nowrap;line-height:1.45;overflow:hidden}.workspace-column.history-focused .history-row{grid-template-columns:76px minmax(0,1fr) 58px;align-items:start;min-height:56px;padding:10px 16px}.workspace-column.history-focused .history-preview{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:18px;display:-webkit-box;overflow:hidden}.history-row time{color:var(--faint);text-align:right}.empty-state{height:100%;color:var(--faint);text-align:center;place-items:center;padding:20px;font-size:12px;display:grid}.error-stage{height:100%;color:var(--danger);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px;display:flex}.error-stage span{max-width:560px;color:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7}.toast{z-index:10;border:1px solid var(--line);background:var(--text);color:var(--surface);border-radius:7px;padding:10px 14px;font-size:12px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #14262d2e}.dialog-backdrop{z-index:20;background:#11181c61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(420px,100%);overflow:hidden;box-shadow:0 22px 70px #14262d33}.settings-card,.output-manager-card{width:min(460px,100%)}.feedback-card{width:min(500px,100%)}.login-card{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);width:min(760px,100%);max-height:min(88dvh,720px);display:grid}.usage-card{grid-template-rows:auto minmax(0,1fr);width:min(720px,100%);max-height:min(82vh,760px);display:grid}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 15px;display:flex}.dialog-kicker{color:var(--brand);margin-bottom:5px;font-size:11px;font-weight:750;display:block}.dialog-header h2{margin:0;font-size:19px;line-height:1.25}.auth-side{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;color:var(--text);align-content:space-between;gap:26px;padding:24px;display:grid;position:relative;overflow:hidden}.auth-side:before{z-index:0;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--brand) 14%, transparent) 0 18%, transparent 19%), radial-gradient(circle at 78% 70%, color-mix(in srgb, var(--blue) 12%, transparent), transparent 38%), linear-gradient(120deg, transparent 0 35%, #07131c0f 36%, transparent 44% 100%);opacity:.8;content:"";pointer-events:none;position:absolute;inset:0}.auth-side:after{z-index:0;border:1px solid color-mix(in srgb, var(--brand) 22%, transparent);background:radial-gradient(circle, transparent 0 52%, color-mix(in srgb, var(--brand) 10%, transparent) 53% 54%, transparent 55%);content:"";pointer-events:none;border-radius:999px;width:170px;height:170px;position:absolute;inset:auto -48px -42px auto}.auth-side-flow{z-index:0;color:color-mix(in srgb, var(--brand) 62%, #07131c);opacity:.66;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000003d 12%,#0000006b 28%,#000 44% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#0000003d 12%,#0000006b 28%,#000 44% 88%,#0000 100%)}.auth-side-flow:before{background:radial-gradient(circle at 28% 18%, color-mix(in srgb, var(--brand) 18%, transparent) 0 1px, transparent 2px), radial-gradient(circle at 70% 74%, color-mix(in srgb, var(--blue) 16%, transparent) 0 1px, transparent 2px), linear-gradient(90deg, var(--surface) 0 10%, transparent 30% 77%, var(--surface) 96% 100%), repeating-linear-gradient(115deg, transparent 0 34px, color-mix(in srgb, var(--brand) 10%, transparent) 35px 36px, transparent 37px 70px)}.auth-side-flow.topbar-flow-field:after{background:radial-gradient(ellipse at 70% 50%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 54%), linear-gradient(110deg, transparent 0 44%, #07131c29 45%, transparent 46% 100%);opacity:.7;inset:-18px 0}.auth-side-flow .topbar-flow-thread{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand) 36%, transparent), transparent);width:132%;left:-12%}.auth-side-flow .topbar-flow-thread.thread-a{top:18%}.auth-side-flow .topbar-flow-thread.thread-b{top:48%}.auth-side-flow .topbar-flow-thread.thread-c{top:76%}.auth-side-flow .topbar-flow-symbol{border-color:color-mix(in srgb, var(--brand) 24%, transparent);background:linear-gradient(105deg, color-mix(in srgb, var(--surface) 62%, transparent), #07131c1a), linear-gradient(90deg, color-mix(in srgb, var(--brand) 18%, transparent), transparent);color:inherit;box-shadow:0 0 0 1px #07131c0f inset, 0 0 16px color-mix(in srgb, var(--brand) 18%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--brand) 34%, transparent)}.auth-side-brand,.auth-side-copy,.auth-side-list{z-index:1;position:relative}.auth-side-brand{gap:6px;display:grid}.auth-side-brand>span{color:var(--brand);font-size:11px;font-weight:780}.auth-side-brand strong{color:var(--text);font-size:28px;line-height:1}.auth-side-copy{gap:10px;display:grid}.auth-side-title{max-width:9em;color:var(--text);margin:0;font-size:22px;font-weight:820;line-height:1.16}.auth-side-description{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.auth-side-list{gap:10px;display:grid}.auth-side-item{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.auth-side-icon{border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);background:color-mix(in srgb, var(--brand-soft) 76%, var(--surface));width:28px;height:28px;color:var(--brand);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);border-radius:8px;place-items:center;display:grid}.auth-side-item span:last-child{gap:2px;min-width:0;display:grid}.auth-side-item strong{color:var(--text);font-size:12px}.auth-side-item em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.45}.auth-main{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.auth-main-header{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:22px 22px 16px;display:grid}.auth-main-header h2{color:var(--text);margin:0;font-size:24px;line-height:1.16}.auth-main-header p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.55}.auth-close-button{background:var(--surface-subtle);width:38px;height:38px}.auth-main-body{gap:14px;min-height:0;padding:18px 22px 22px;display:grid}.dialog-body{gap:16px;padding:18px;display:grid}.auth-form{gap:14px;min-height:0;overflow:auto}.auth-panel{gap:14px;min-width:0;display:grid}.auth-section{gap:8px;display:grid}.auth-section h3{color:var(--muted);margin:0;font-size:12px;font-weight:720}.auth-email-fields{gap:13px;display:grid}.usage-body{overflow:auto}.usage-intro{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.feedback-intro{color:var(--muted);margin:-2px 0 0;font-size:13px;line-height:1.7}.usage-section{gap:10px;display:grid}.usage-section h3{color:var(--text);margin:0;font-size:14px}.usage-section-note{color:var(--muted);margin:-2px 0 0;font-size:12px;line-height:1.6}.usage-type-grid,.usage-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-type-card,.usage-output-card{border:1px solid var(--line);background:var(--surface-subtle);border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.usage-type-card strong,.usage-output-card strong{color:var(--text);font-size:13px}.usage-type-card span,.usage-output-card span{color:var(--muted);font-size:12px;line-height:1.55}.usage-output-card code{background:var(--surface);color:var(--brand);white-space:nowrap;border-radius:6px;padding:6px 8px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;overflow:auto}.usage-output-card em{color:var(--faint);font-size:11px;font-style:normal;line-height:1.5}.usage-site-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 82%, var(--page)) 0, var(--page) 320px), var(--page);min-height:100dvh}.usage-site-footer{align-items:center;display:flex}.usage-page-shell{padding:22px}.usage-page-hero,.usage-page-section{width:min(1180px,100%);margin:0 auto}.usage-page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:4px 0 26px;display:grid}.usage-page-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.usage-page-back,.usage-page-language{border:1px solid var(--line);background:var(--surface);min-width:0;height:38px;color:var(--text);border-radius:8px;align-items:center;gap:8px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.usage-page-back{padding:0 12px}.usage-page-back:hover,.usage-page-back:focus-visible{border-color:color-mix(in srgb, var(--brand) 42%, var(--line));color:var(--brand)}.usage-page-language{padding:0 8px 0 12px}.usage-page-language select{border:0;border-left:1px solid var(--line);min-width:122px;height:28px;color:var(--text);background:0 0;outline:none;padding-left:8px}.usage-page-title{gap:7px;max-width:760px;display:grid}.usage-page-title>span{color:var(--muted);font-size:12px;font-weight:780}.usage-page-title h1{color:var(--text);margin:0;font-size:42px;line-height:1.08}.usage-page-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.usage-page-section{gap:12px;padding:18px 0 28px;display:grid}.usage-page-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-bottom:10px;display:flex}.usage-page-section-head h2{margin:0;font-size:18px;line-height:1.2}.usage-page-section-head span{color:var(--muted);font-size:12px;font-weight:720}.usage-page-list{gap:0;display:grid}.usage-page-case{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;min-height:214px;display:grid}.usage-page-case+.usage-page-case{border-top:1px dashed var(--line)}.usage-page-input,.usage-page-output{gap:12px;min-width:0;padding:22px 24px;display:grid}.usage-page-input{align-content:center;padding-left:0}.usage-page-output{border-left:1px solid var(--line-soft);align-content:start;padding-right:0}.usage-page-input>span,.usage-page-output-head span{color:var(--faint);font-size:11px;font-weight:720}.usage-page-input h3{color:var(--text);margin:0;font-size:15px;line-height:1.25}.usage-page-input pre{border:1px solid var(--line);background:var(--surface);max-width:100%;color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:14px 16px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:650;line-height:1.6;overflow:auto}.usage-page-case-summary{color:var(--muted);margin:0;font-size:12px;font-weight:620;line-height:1.5}.usage-page-output-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.usage-page-output-head strong{color:var(--muted);flex:none;font-size:12px;font-weight:760}.usage-page-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.usage-page-result-row{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:minmax(118px,.22fr) minmax(0,1fr);align-items:start;gap:16px;min-width:0;padding:12px 14px;display:grid}.usage-page-result-row span{color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-weight:760;line-height:1.5}.usage-page-result-row pre{max-height:170px;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:650;line-height:1.55;overflow:auto}.usage-site-footer{border-top:1px solid var(--line);width:min(1180px,100% - 44px);color:var(--muted);justify-content:space-between;gap:18px;margin:0 auto;padding:22px 0 28px}.usage-site-footer div{gap:4px;min-width:0;display:grid}.usage-site-footer strong{color:var(--text);font-size:14px}.usage-site-footer span,.usage-site-footer p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.field{gap:7px;display:grid}.field span,.setting-group legend{color:var(--muted);font-size:12px;font-weight:680}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-subtle);height:40px;color:var(--text);font:inherit;border-radius:7px;outline:0;padding:0 12px}.field select{appearance:none}.field textarea{resize:vertical;min-height:112px;padding:10px 12px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);background:var(--surface)}.dialog-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-action,.secondary-action,.danger-action,.theme-options button{border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.primary-action{border-color:var(--brand);background:var(--brand);color:#fff}.secondary-action,.theme-options button{background:var(--surface);color:var(--muted)}.danger-action{border-color:color-mix(in srgb, var(--danger) 45%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled,.provider-actions button:disabled,.verification-field button:disabled{cursor:not-allowed;opacity:.55}.auth-modes,.provider-actions{gap:8px;display:grid}.auth-modes{border:1px solid var(--line);background:var(--surface-subtle);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;box-shadow:inset 0 1px #ffffff70}.auth-modes button,.provider-actions button,.verification-field button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);border-radius:7px;font-size:12px;font-weight:700}.auth-modes button{background:0 0;border-color:#0000}.auth-modes button:focus-visible,.provider-actions button:focus-visible,.verification-field button:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 42%, transparent);outline-offset:1px}.auth-modes button.active{border-color:var(--line-soft);background:var(--surface);color:var(--brand);box-shadow:0 6px 18px #14262d14}.provider-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-actions button{justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.provider-icon{flex:none;width:16px;height:16px}.provider-button.apple,.provider-button.github{color:var(--text)}.provider-actions button:hover,.verification-field button:hover{border-color:color-mix(in srgb, var(--brand) 48%, var(--line));color:var(--brand)}.auth-divider{color:var(--faint);text-align:center;align-items:center;gap:10px;font-size:11px;font-weight:680;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line-soft);content:"";flex:1;height:1px}.verification-field{grid-template-columns:minmax(0,1fr) 132px;gap:8px;display:grid}.verification-field button{justify-content:center;align-items:center;gap:5px;display:flex}.auth-status{border:1px solid color-mix(in srgb, var(--brand) 30%, var(--line));background:var(--brand-soft);min-height:36px;color:var(--brand);border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;line-height:1.5;display:flex}.auth-status.error{border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.auth-actions{padding-top:2px}.auth-actions .primary-action,.auth-actions .secondary-action{min-width:104px}.account-summary{border:1px solid var(--line);background:var(--surface-subtle);border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.account-avatar{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.account-summary>span:last-child{gap:4px;min-width:0;display:grid}.account-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.account-summary em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.identity-bindings{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:14px;display:grid}.identity-bindings-header{gap:3px;display:grid}.identity-bindings-header strong{color:var(--text);font-size:13px}.identity-bindings-header span{color:var(--muted);font-size:11px;line-height:1.5}.identity-binding-list{gap:8px;display:grid}.identity-binding{border:1px solid var(--line-soft);background:var(--surface-subtle);border-radius:7px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.identity-binding.bound{border-color:color-mix(in srgb, var(--brand) 28%, var(--line))}.identity-provider-mark{border:1px solid var(--line);background:var(--surface);border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.identity-provider-mark.github{color:var(--text)}.identity-binding-copy{gap:3px;min-width:0;display:grid}.identity-binding-copy strong,.identity-binding-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity-binding-copy strong{color:var(--text);font-size:13px}.identity-binding-copy em{color:var(--muted);font-size:11px;font-style:normal}.identity-action{min-width:112px;min-height:34px;padding:0 10px}.setting-group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.setting-group legend{margin-bottom:2px;padding:0}.choice-row{border:1px solid var(--line);background:var(--surface-subtle);border-radius:8px;grid-template-columns:18px 72px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:0 12px;display:grid}.choice-row input{accent-color:var(--brand)}.choice-row span{font-size:13px;font-weight:720}.choice-row em{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.feedback-include-row{border:1px solid var(--line);background:var(--surface-subtle);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px 10px;min-height:54px;padding:10px 12px;display:grid}.feedback-include-row input{accent-color:var(--brand);grid-row:span 2}.feedback-include-row span{color:var(--text);font-size:13px;font-weight:720}.feedback-include-row em{color:var(--faint);font-size:11px;font-style:normal;line-height:1.5}.output-manager-body{gap:12px}.output-manager-description,.output-manager-hint{color:var(--faint);margin:0;font-size:12px;line-height:1.55}.output-manager-list{gap:8px;min-width:0;display:grid}.output-option-row{border:1px solid var(--line);background:var(--surface-subtle);min-height:42px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:12px;padding:0 12px;transition:border-color .16s,background .16s,color .16s;display:grid}.output-option-row span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720;line-height:1.3;overflow:hidden}.output-option-row i{background:color-mix(in srgb, var(--line) 80%, var(--surface));border-radius:999px;width:38px;height:22px;transition:background .16s;display:block;position:relative}.output-option-row i:after{background:var(--surface);content:"";border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a2e}.output-option-row.is-on{border-color:color-mix(in srgb, var(--brand) 38%, var(--line));background:color-mix(in srgb, var(--brand-soft) 54%, var(--surface))}.output-option-row.is-on i{background:var(--brand)}.output-option-row.is-on i:after{transform:translate(16px)}.output-option-row:hover:not(:disabled),.output-option-row:focus-visible{border-color:var(--brand);background:var(--surface);outline:0}.output-option-row:disabled{cursor:not-allowed;opacity:.62}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.theme-options button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.settings-select{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:0 11px;display:grid}.settings-select select{appearance:none;cursor:pointer;background:0 0;border:0;outline:0;width:100%}.settings-select svg{pointer-events:none}@media (max-width:1120px){.header-button{display:none}}@media (max-width:760px){:root{--space:12px;--header-height:62px;--history-lower-height:116px}.topbar{align-items:center;gap:var(--space);padding:0 12px;display:flex}.topbar-flow{display:none}.brand-area{gap:10px;display:flex}.brand{font-size:18px}.brand-logo{width:28px;height:28px}.brand-copy{display:none}.topbar-actions .header-button,.topbar-actions>.icon-button{display:flex}.topbar-actions .header-button{gap:0;width:36px;padding:0;font-size:0}.topbar-actions .share-x-button .x-mark{width:15px;height:15px}.topbar-actions .share-x-button>span:last-child{display:none}.usage-card{max-height:calc(100dvh - 28px)}.usage-page-shell{padding:14px}.usage-page-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;padding-bottom:18px}.usage-page-hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.usage-page-back,.usage-page-language{justify-content:center;width:100%}.usage-page-language>span{display:none}.usage-page-language select{flex:auto}.usage-page-title h1{font-size:34px}.usage-page-title p{font-size:13px}.usage-page-case{grid-template-columns:minmax(0,1fr);min-height:0}.usage-page-input{padding:16px 0}.usage-page-output{border-left:0;border-top:1px solid var(--line-soft);padding:16px 0}.usage-page-output-head{flex-direction:column;align-items:flex-start}.usage-page-result-row{grid-template-columns:minmax(0,1fr);gap:4px}.usage-site-footer{flex-direction:column;align-items:flex-start;width:calc(100% - 28px);padding:18px 0 22px}.dialog-backdrop{padding:14px}.login-card{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 28px);overflow:auto}.auth-side{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--brand) 22%, var(--line));align-content:start;gap:10px;padding:14px 16px}.auth-side-brand{grid-template-columns:minmax(0,1fr);gap:4px}.auth-side-brand strong{font-size:24px}.auth-side-title{max-width:none;font-size:18px}.auth-side-description{font-size:11px;display:none}.auth-side-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.auth-side-item{grid-template-columns:24px minmax(0,1fr);gap:6px}.auth-side-icon{width:24px;height:24px}.auth-side-item strong{font-size:11px;line-height:1.2}.auth-side-item em{display:none}.auth-main{min-height:auto}.auth-main-header{padding:14px 16px 12px}.auth-main-header h2{font-size:21px}.auth-main-body{padding:12px 14px 14px}.auth-form{gap:12px}.verification-field{grid-template-columns:minmax(0,1fr) 118px}.verification-field button{min-height:40px}.auth-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.auth-actions .primary-action,.auth-actions .secondary-action{width:100%;min-width:0}.usage-type-grid,.usage-output-grid,.output-card-grid,.text-output-grid{grid-template-columns:minmax(0,1fr)}.output-card-resizer{display:none}.workspace-grid{height:auto;min-height:calc(100dvh - var(--header-height));gap:var(--space);padding:var(--space);grid-template-columns:minmax(0,1fr)}.workspace-resizer{display:none}.workspace-column{grid-template-rows:minmax(520px,1fr)}.workspace-column.history-visible{grid-template-rows:560px var(--history-lower-height)}.workspace-column.history-focused{grid-template-rows:minmax(0,0fr) minmax(520px,1fr)}.panel-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:8px 12px}.editor-panel{grid-template-rows:94px minmax(0,1fr)}.panel-toolbar{width:100%;overflow:visible}.input-column .panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;position:relative}.input-column .editor-panel{grid-template-rows:var(--workspace-panel-header-height) minmax(0, 1fr)}.input-column .panel-toolbar{flex:0 auto;justify-content:flex-end;width:auto;position:static}.input-column .type-picker:not(.type-picker-in-menu){position:static}.input-column .type-picker:not(.type-picker-in-menu) .type-picker-menu{width:auto;min-width:0;top:calc(100% - 1px);left:12px;right:12px;overflow-x:hidden}}@media (prefers-reduced-motion:reduce){.brand-ai-suffix-core,.topbar-flow-symbol,.topbar-flow-thread{animation:none}}