@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMonoVF.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}:root{--ink:#000;--paper:#fff;--blue:#00e;--visited:#551a8b;--muted:#5d5d5d;--line:#000;--soft-line:#d6d6d6;--danger:#b42318;--surface:#fff;--hover:#f1f4ff;--disabled:#f4f4f4;--placeholder:#777;--selection:#b7d5ff;--selection-ink:#000;--drop-surface:#ffffffeb;--media-grid-a:#f1f1f1;--media-grid-b:#ddd;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);letter-spacing:-.012em;-webkit-font-smoothing:auto;margin:0;font-size:18px;font-weight:520;line-height:1.5}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:var(--blue);text-underline-offset:.13em;text-decoration:underline;text-decoration-thickness:.075em}a:visited{color:var(--visited)}button{appearance:none;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{color:var(--muted);cursor:wait}::selection{background:var(--selection);color:var(--selection-ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--paper);width:100%;height:100dvh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-rows:56px minmax(0,1fr);display:grid;overflow:hidden}.app-shell.is-dark,:root[data-theme=dark] .app-shell{--ink:#f2f2f2;--paper:#101010;--blue:#8ab4ff;--visited:#d2a8ff;--muted:#b6b6b6;--line:#686868;--soft-line:#3d3d3d;--danger:#ff8178;--surface:#101010;--hover:#1b2942;--disabled:#242424;--placeholder:#9b9b9b;--selection:#315f97;--selection-ink:#fff;--drop-surface:#101010f0;--media-grid-a:#181818;--media-grid-b:#242424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.utility-bar{border-bottom:1px solid var(--line);white-space:nowrap;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 16px;display:grid}.brand{width:max-content;color:var(--ink);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.brand strong{letter-spacing:-.03em;font-size:18px;font-weight:760}.brand:visited{color:var(--ink)}.brand img{object-fit:contain;width:auto;height:28px;display:block}.keyboard-help{color:var(--muted);gap:18px;font-size:14px;font-weight:620;display:flex}kbd{border:1px solid var(--line);font-family:var(--mono);padding:1px 5px;font-size:12px;font-weight:720}.theme-toggle{font-family:var(--mono);text-transform:uppercase;justify-self:end;align-items:center;gap:7px;font-size:14px;font-weight:720;display:inline-flex}.theme-toggle>span{font-size:22px;line-height:1}.workbench{grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);min-height:0;display:grid;overflow:hidden}.input-pane,.results-pane{grid-template-rows:54px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.input-pane{border-right:1px solid var(--line)}.results-pane{grid-template-rows:54px minmax(0,1fr)}.pane-bar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 14px;font-size:15px;font-weight:620;display:flex}.pane-name{align-items:baseline;gap:9px;min-width:0;display:flex}.pane-name>strong{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:720}.pane-name>span,.pane-name nav{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:580;overflow:hidden}.pane-bar>nav{flex:none;gap:14px;display:flex}.input-box{min-width:0;min-height:0;display:block}.input-box textarea{resize:none;background:var(--surface);width:100%;height:100%;min-height:0;color:var(--ink);caret-color:var(--blue);font-family:var(--mono);font-variant-ligatures:none;tab-size:2;border:0;outline:0;padding:18px 20px;font-size:clamp(19px,.45vw + 14px,22px);font-weight:540;line-height:1.55;display:block}.input-box textarea::placeholder{color:var(--placeholder);opacity:1}.input-pane:focus-within .pane-bar:first-child{box-shadow:inset 3px 0 0 var(--blue)}.input-pane.is-dragging{outline:3px solid var(--blue);outline-offset:-3px}.drop-mask{z-index:3;background:var(--drop-surface);color:var(--blue);font-family:var(--mono);pointer-events:none;place-items:center;font-size:24px;font-weight:700;display:grid;position:absolute;inset:54px 0 38px}.input-status{border-top:1px solid var(--line);min-height:38px;color:var(--muted);font-family:var(--mono);white-space:nowrap;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.input-status-main{align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.input-status-main>strong{color:var(--blue);text-overflow:ellipsis;font-size:12px;font-weight:680;overflow:hidden}.diagnostics{gap:14px;display:flex}.error,.warning{color:var(--danger)}.empty-output{min-height:0;color:var(--muted);place-content:center;justify-items:start;gap:9px;padding:24px;font-size:18px;font-weight:560;display:grid}.empty-output strong{color:var(--ink);font-size:24px;font-weight:760}.empty-output nav{margin-top:5px}.results-body{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.results-body.has-result-switcher{grid-template-columns:clamp(208px,24%,260px) minmax(0,1fr)}.result-switcher{border-right:1px solid var(--line);background:var(--surface);scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden auto}.result-switcher>button{border-bottom:1px solid var(--soft-line);min-height:67px;color:var(--ink);text-align:left;grid-template-columns:29px minmax(0,1fr) auto;grid-template-areas:"index label shortcut";align-items:center;gap:2px 10px;padding:9px 11px;text-decoration:none;display:grid;position:relative}.result-switcher>button:hover,.result-switcher>button:focus-visible{background:var(--hover)}.result-switcher>button[aria-current=true]{background:var(--hover);box-shadow:inset 4px 0 0 var(--blue)}.result-switcher-index{color:var(--muted);font-family:var(--mono);grid-area:index;align-self:start;padding-top:3px;font-size:13px;font-weight:700}.result-switcher-label{flex-direction:column;grid-area:label;gap:1px;min-width:0;display:flex}.result-switcher-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-switcher-label strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:760;line-height:1.25;display:-webkit-box;overflow:hidden}.result-switcher-label small{color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:620;line-height:1.3}.result-switcher kbd{border-color:var(--soft-line);color:var(--muted);grid-area:shortcut;place-self:start end;padding:0 4px;font-size:10px}.output-grid{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(100%,1fr);grid-auto-flow:column;min-width:0;min-height:0;display:grid;overflow:auto hidden}.output-grid::-webkit-scrollbar{display:none}.output-pane{border-bottom:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:100% 520px;scroll-snap-align:start;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.output-pane:focus-within{outline:3px solid var(--blue);outline-offset:-3px}.output-pane>header{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:11px 14px;display:flex}.output-title{align-items:baseline;gap:11px;min-width:0;display:flex}.output-title>span{font-family:var(--mono);flex:none;font-size:13px;font-weight:620}.output-title>div{align-items:baseline;gap:10px;min-width:0;display:flex}.output-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:740;overflow:hidden}.output-title small,.score{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:13px;font-weight:600}.score{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:18px;font-weight:760}.result-meta{color:var(--muted);font-family:var(--mono);white-space:nowrap;align-items:center;gap:12px;font-size:13px;font-weight:620;display:flex}.result-meta .warning{border:1px solid var(--danger);color:var(--danger);text-transform:uppercase;padding:3px 7px;font-weight:700}.output-actions{border-bottom:1px solid var(--line);background:var(--surface);flex:none;grid-template-columns:repeat(auto-fill,minmax(min(165px,100%),1fr));min-width:0;display:grid;overflow:clip}.output-actions>button,.output-actions>a{border-right:1px solid var(--line);border-bottom:1px solid var(--soft-line);min-height:56px;color:var(--blue);align-items:center;gap:10px;padding:8px 15px;font-size:16px;font-weight:740;line-height:1.25;text-decoration:none;display:inline-flex}.output-actions>button>span:not(.action-icon),.output-actions>a>span:not(.action-icon){overflow-wrap:anywhere;min-width:0}.output-actions>a:visited{color:var(--blue)}.output-actions>button:hover,.output-actions>a:hover,.output-actions>button:focus-visible,.output-actions>a:focus-visible{background:var(--hover)}.output-actions>button:disabled{background:var(--disabled)}.action-icon{color:var(--ink);font-family:var(--mono);font-size:24px;font-weight:650;line-height:1}.output-actions kbd{background:var(--surface);min-width:23px;color:var(--ink);text-align:center;margin-left:auto;padding:2px 5px}.chain-context{border-bottom:1px solid var(--line);white-space:nowrap;flex:none;align-items:center;gap:22px;min-height:52px;padding:8px 14px;font-size:15px;font-weight:580;display:flex;overflow-x:auto}.chain-context>span{align-items:baseline;gap:7px;display:flex}.chain-context small{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:650}.chain-context strong{font-family:var(--mono);font-size:14px;font-weight:650}.chain-context.is-error{color:var(--danger)}.output-pane>.value-box{flex:auto;grid-template-rows:30px minmax(0,1fr);min-width:0;min-height:0;display:grid}.output-pane>.value-box>span{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:8px 14px 0;font-size:12px;font-weight:650}.output-pane textarea{resize:none;background:var(--surface);width:100%;height:100%;min-height:0;color:var(--ink);font-family:var(--mono);font-variant-ligatures:none;tab-size:2;border:0;outline:0;padding:9px 14px 14px;font-size:clamp(18px,.35vw + 14px,21px);font-weight:540;line-height:1.5;display:block}.output-preview{background:var(--surface);min-height:0;color:var(--ink);outline:0;padding:9px 14px 14px;font-size:clamp(16px,.3vw + 13px,18px);line-height:1.55;overflow-y:auto}.output-preview:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.output-preview h1,.output-preview h2,.output-preview h3,.output-preview h4{margin:.9em 0 .35em;line-height:1.25}.output-preview h1{font-size:1.5em}.output-preview h2{font-size:1.3em}.output-preview h3{font-size:1.15em}.output-preview h4{font-size:1.05em}.output-preview p,.output-preview ul,.output-preview ol,.output-preview blockquote,.output-preview pre{margin:.45em 0}.output-preview>:first-child{margin-top:0}.output-preview ul,.output-preview ol{padding-left:1.4em}.output-preview blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:.8em}.output-preview pre,.output-preview code{font-family:var(--mono);font-size:.9em}.output-preview pre{border:1px solid var(--line);padding:.6em .8em;overflow-x:auto}.output-preview a{color:var(--blue);text-decoration:underline}.output-preview hr{border:0;border-top:1px solid var(--line);margin:.8em 0}.media-pane{min-height:0}.photo-editor{background:var(--surface);outline:0;flex:auto;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid;overflow:hidden;container-type:inline-size}.photo-editor:focus-visible{box-shadow:inset 0 0 0 4px var(--blue)}.photo-editor-tools{border-bottom:1px solid var(--line);background:var(--surface);min-width:0;min-height:58px;font-family:var(--mono);grid-template-columns:repeat(7,minmax(52px,1fr)) auto minmax(148px,1.25fr);display:grid}.photo-editor-actions{border-bottom:1px solid var(--soft-line);background:var(--surface);min-width:0;min-height:56px;font-family:var(--mono);grid-template-columns:repeat(7,minmax(68px,1fr));display:grid}.photo-editor-tools>button,.photo-editor-actions>button{border-right:1px solid var(--line);min-width:0;min-height:58px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:clamp(4px,.7cqw,9px);padding:7px clamp(5px,.8cqw,12px);font-size:clamp(12px,1.45cqw,15px);font-weight:760;text-decoration:none;display:inline-flex}.photo-editor-actions{min-height:56px}.photo-editor-actions>button{min-height:56px;color:var(--blue)}.photo-editor-tools>button>span,.photo-editor-actions>button>span{flex:none;font-size:clamp(19px,2.25cqw,24px);line-height:1}.photo-editor-tools>button:hover,.photo-editor-tools>button:focus-visible,.photo-editor-actions>button:hover,.photo-editor-actions>button:focus-visible{background:var(--hover)}.photo-editor-tools>button.is-active{background:var(--ink);color:var(--paper)}.photo-editor-tools>button.is-active kbd{background:var(--ink);color:var(--paper);border-color:currentColor}.photo-editor-tools>button:disabled,.photo-editor-actions>button:disabled{background:var(--disabled);color:var(--muted)}.photo-editor-tools kbd,.photo-editor-actions kbd{background:var(--surface);min-width:23px;color:var(--ink);text-align:center;font-size:11px}.photo-editor-color,.photo-editor-size,.photo-editor-text{border-right:1px solid var(--line);min-width:0;min-height:58px;color:var(--muted);text-transform:uppercase;white-space:nowrap;align-items:center;gap:9px;padding:7px clamp(7px,1cqw,13px);font-size:12px;font-weight:760;display:inline-flex}.photo-editor-color input{border:1px solid var(--line);background:var(--surface);border-radius:0;width:38px;height:38px;padding:2px}.photo-editor-size input{width:min(126px,10cqw);min-width:70px;accent-color:var(--blue)}.photo-editor-size output{min-width:24px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.photo-editor-text input{border:1px solid var(--line);background:var(--surface);width:min(260px,38vw);min-height:38px;color:var(--ink);font:650 16px/1.2 var(--sans);text-transform:none;border-radius:0;outline:0;padding:5px 9px}.photo-editor-text input:focus{box-shadow:inset 0 0 0 2px var(--blue)}.photo-editor-text{border-top:1px solid var(--soft-line);grid-column:1/-1;min-height:48px}.photo-editor-text input{width:100%}.photo-editor-file{display:none}.photo-editor-stage{background-color:var(--media-grid-a);background-image:linear-gradient(45deg, var(--media-grid-b) 25%, transparent 25%), linear-gradient(-45deg, var(--media-grid-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--media-grid-b) 75%), linear-gradient(-45deg, transparent 75%, var(--media-grid-b) 75%);overscroll-behavior:contain;touch-action:none;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:stretch stretch;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.photo-editor-canvas-wrap{position:absolute;inset:0}.photo-editor-stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.photo-editor-canvas-wrap canvas.is-select{cursor:default}.photo-editor-canvas-wrap canvas:not(.is-select){cursor:crosshair}.photo-editor-object-actions,.photo-editor-view-actions{z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:48px;display:grid;position:absolute;top:12px;box-shadow:0 4px 18px #00000024}.photo-editor-object-actions{grid-template-columns:repeat(6,48px);left:12px}.photo-editor-view-actions{grid-template-columns:48px minmax(64px,auto) 48px;right:12px}.photo-editor-object-actions>button,.photo-editor-view-actions>button{border-right:1px solid var(--line);min-width:0;min-height:48px;color:var(--ink);font-family:var(--mono);padding:0 10px;font-size:20px;font-weight:780}.photo-editor-object-actions>button:last-child,.photo-editor-view-actions>button:last-child{border-right:0}.photo-editor-object-actions>button:hover,.photo-editor-object-actions>button:focus-visible,.photo-editor-view-actions>button:hover,.photo-editor-view-actions>button:focus-visible{background:var(--hover)}.photo-editor-view-actions>button:nth-child(2){font-size:13px}.photo-editor-layers{z-index:4;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);width:clamp(168px,23cqw,224px);min-width:0;max-height:min(236px,100% - 84px);font-family:var(--mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-rows:42px minmax(0,1fr);display:grid;position:absolute;top:72px;right:12px;overflow:hidden;box-shadow:0 4px 18px #00000024}.photo-editor-layers>strong{border-bottom:1px solid var(--line);min-height:42px;color:var(--muted);text-transform:uppercase;place-items:center;padding:0 12px;font-size:12px;font-weight:780;display:grid}.photo-editor-layer-list{overscroll-behavior-y:contain;scrollbar-width:thin;scroll-snap-type:y proximity;flex-direction:column;min-width:0;min-height:0;max-height:192px;display:flex;overflow:hidden auto}.photo-editor-layer-row{border-bottom:1px solid var(--soft-line);min-width:0;min-height:48px;color:var(--ink);scroll-snap-align:start;flex:0 0 48px;grid-template-columns:30px minmax(0,1fr) 40px;align-items:center;display:grid}.photo-editor-layer-row:hover,.photo-editor-layer-row:focus-within{background:var(--hover)}.photo-editor-layer-row.is-selected{box-shadow:inset 4px 0 0 var(--blue);background:color-mix(in srgb, var(--blue) 10%, var(--surface))}.photo-editor-layer-row.is-dragging{opacity:.48}.photo-editor-layer-grip{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;align-self:stretch;place-items:center;font-size:18px;display:grid}.photo-editor-layer-grip:active{cursor:grabbing}.photo-editor-layer-select{min-width:0;color:var(--ink);text-align:left;grid-template-columns:24px 20px minmax(0,1fr);align-self:stretch;align-items:center;gap:5px;padding:5px 6px;text-decoration:none;display:grid}.photo-editor-layer-select>span{text-align:center;font-size:19px}.photo-editor-layer-select>b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.photo-editor-layer-select>em{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:720;overflow:hidden}.photo-editor-layer-delete{border-left:1px solid var(--soft-line);min-width:40px;color:var(--danger);align-self:stretch;font-size:23px;font-weight:780;line-height:1;text-decoration:none}.photo-editor-layer-delete:hover,.photo-editor-layer-delete:focus-visible{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.photo-editor-status{border-top:1px solid var(--line);min-width:0;min-height:42px;font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;padding:7px 14px;font-size:13px;font-weight:720;display:flex}.photo-editor-status strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-editor-status span{color:var(--muted);flex:none}@container (width<=780px){.photo-editor-tools>button strong,.photo-editor-tools>button kbd,.photo-editor-actions>button kbd{display:none}.photo-editor-tools{grid-template-columns:repeat(7,minmax(42px,1fr)) 62px minmax(112px,1.2fr)}.photo-editor-actions>button{flex-direction:column;gap:2px;padding:4px;font-size:11px}.photo-editor-color>span,.photo-editor-size>span,.photo-editor-size output{display:none}.photo-editor-size input{width:100%;min-width:64px}.photo-editor-object-actions{grid-template-columns:repeat(6,42px)}.photo-editor-object-actions>button,.photo-editor-view-actions>button{min-height:44px}}@container (width<=580px){.photo-editor-actions>button strong{display:none}.photo-editor-object-actions{grid-template-columns:repeat(3,42px);top:8px;left:8px}.photo-editor-view-actions{top:8px;right:8px}.photo-editor-layers{width:92px;max-height:min(236px,100% - 72px);top:62px;right:8px}.photo-editor-layer-select>em{display:none}.photo-editor-layer-row{grid-template-columns:26px minmax(0,1fr) 34px}.photo-editor-layer-select{grid-template-columns:1fr auto;padding-inline:3px}.photo-editor-layer-delete{min-width:34px}}.media-options{border-bottom:1px solid var(--soft-line);min-height:54px;font-family:var(--mono);white-space:nowrap;flex:none;align-items:center;gap:24px;padding:7px 14px;font-size:13px;font-weight:650;display:flex;overflow-x:auto}.media-options>label{align-items:center;gap:9px;display:inline-flex}.media-options>label>span,.media-options>span{color:var(--muted);text-transform:uppercase}.media-options input[type=range]{width:150px;accent-color:var(--blue)}.media-options select{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);font:inherit;border-radius:0;padding:3px 26px 3px 8px}.media-analysis{border-bottom:1px solid var(--line);background:var(--surface);flex:0 34%;grid-template-columns:1fr auto auto;min-height:130px;display:grid;overflow:hidden}.media-analysis>span,.media-analysis>button{border-bottom:1px solid var(--soft-line);font-family:var(--mono);padding:7px 12px;font-size:13px;font-weight:720}.media-analysis>button{border-left:1px solid var(--soft-line)}.media-analysis>textarea{resize:none;background:var(--surface);width:100%;min-height:0;color:var(--ink);font-family:var(--mono);border:0;outline:0;grid-column:1/-1;padding:10px 12px;font-size:17px;font-weight:620;line-height:1.5}.media-analysis>textarea:focus{box-shadow:inset 0 0 0 3px var(--blue)}.media-stage{background-color:var(--media-grid-a);background-image:linear-gradient(45deg, var(--media-grid-b) 25%, transparent 25%), linear-gradient(-45deg, var(--media-grid-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--media-grid-b) 75%), linear-gradient(-45deg, transparent 75%, var(--media-grid-b) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;outline:0;flex:auto;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.media-stage:focus-visible{box-shadow:inset 0 0 0 4px var(--blue)}.media-stage.is-image{cursor:grab;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}.media-stage.is-dragging{cursor:grabbing}.media-image-plane{pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%}.media-image-plane>img{transform-origin:50%;image-rendering:auto;will-change:transform;max-width:none;max-height:none;display:block;position:absolute}.media-stage>video{object-fit:contain;object-position:center center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;position:absolute;inset:0}.media-view-controls{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);max-width:calc(100% - 24px);min-height:46px;color:var(--ink);font-family:var(--mono);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:stretch;font-size:13px;font-weight:720;display:flex;position:absolute;top:12px;left:12px;overflow-x:auto}.media-view-controls>button,.media-view-controls>output,.media-view-controls>span{border-right:1px solid var(--line);min-width:46px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:7px 11px;text-decoration:none;display:inline-flex}.media-view-controls>button{font-size:14px;font-weight:760}.media-view-controls>button:hover,.media-view-controls>button:focus-visible{background:var(--hover)}.media-view-controls>output{font-variant-numeric:tabular-nums;min-width:68px}.media-view-controls>span{color:var(--muted);text-transform:uppercase;border-right:0}.media-view-controls kbd{background:var(--surface);min-width:22px;color:var(--ink);text-align:center;padding:1px 4px}.media-detail{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);max-width:calc(100% - 24px);font-family:var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;gap:2px;padding:8px 10px;font-size:12px;font-weight:650;display:grid;position:absolute;bottom:12px;right:12px;overflow:hidden}.media-detail strong,.media-detail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-detail span{color:var(--muted)}.media-status{border-top:1px solid var(--line);min-height:46px;font-family:var(--mono);flex:none;justify-content:space-between;align-items:center;gap:18px;padding:7px 14px;font-size:13px;display:flex;overflow:hidden}.media-status strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-status progress{width:min(220px,34%);accent-color:var(--blue)}@media (prefers-reduced-motion:no-preference){.output-pane{animation:.14s ease-out both reveal}.output-pane:nth-child(2){animation-delay:20ms}.output-pane:nth-child(3){animation-delay:40ms}.output-pane:nth-child(4){animation-delay:60ms}@keyframes reveal{0%{opacity:0}}}@media (width<=760px){.utility-bar{grid-template-columns:1fr auto}.keyboard-help{display:none}.workbench{grid-template-rows:minmax(150px,40dvh) minmax(0,1fr);grid-template-columns:1fr}.input-pane{border-right:0;border-bottom:1px solid var(--line)}.output-grid{grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(100%,1fr);grid-auto-flow:column}.results-body.has-result-switcher{grid-template-rows:70px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.result-switcher{border-right:0;border-bottom:1px solid var(--line);scrollbar-gutter:auto;grid-auto-columns:minmax(165px,1fr);grid-auto-flow:column;display:grid;overflow:auto hidden}.result-switcher>button{border-right:1px solid var(--soft-line);border-bottom:0;min-height:69px}.result-switcher>button[aria-current=true]{box-shadow:inset 0 -4px 0 var(--blue)}.output-pane{border-right:0}.diagnostics span:nth-child(3),.diagnostics span:nth-child(4),.diagnostics span:nth-child(5),.output-title small{display:none}}@media (width<=420px){.brand strong{font-size:16px}}