@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.06cvo47x4w1en.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.0pz0x0eczp58u.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_26f89aa7-module__QiCV-q__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_26f89aa7-module__QiCV-q__variable{--font-geist-sans:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_462753ae-module__gVNqiW__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_462753ae-module__gVNqiW__variable{--font-geist-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--background:#faf9f5;--background-strong:#fdfdfa;--panel:#f8f9fb;--panel-muted:#f0f3f7;--foreground:#232a34;--muted:#697078;--line:color-mix(in oklab, var(--foreground) 12%, white 88%);--line-strong:color-mix(in oklab, var(--foreground) 22%, white 78%);--accent:#3375e5;--accent-soft:color-mix(in oklab, var(--accent) 10%, white 90%);--accent-strong:color-mix(in oklab, var(--accent) 84%, black 16%);--danger:#ec3d3e;--warning:#d09301;--syntax-tag:#5742c2;--syntax-attribute:#006a9e;--syntax-value:#0a7e3a;--syntax-punctuation:#324457;--syntax-comment:#6d858d;--shell-padding:clamp(.85rem, 1.5vw, 1.5rem);--frame-padding:clamp(.85rem, 1.8vw, 1.55rem);--frame-gap:clamp(.85rem, 1.5vw, 1.25rem);--panel-padding:clamp(.75rem, 1.2vw, .95rem);--panel-gap:clamp(.75rem, 1vw, .9rem);--source-body-size:clamp(10.75rem, 19vh, 13.75rem);--output-viewport-size:clamp(20rem, 52vh, 33rem);--preview-stage-padding:clamp(.75rem, 1.6vw, 1.15rem);--tab-gap:.6rem;--tablist-inset:.18rem;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--motion-feedback-duration:.12s;--motion-state-duration:.2s;--motion-viewport-duration:.26s}@supports (color:lab(0% 0 0)){:root{--background:lab(97.9501% -.204206 2.27796);--background-strong:lab(99.2136% -.138402 1.51713);--panel:lab(97.9538% -.199527 -.883222);--panel-muted:lab(95.7667% -.460237 -2.0576);--foreground:lab(16.7552% -.955045 -7.23953);--muted:lab(46.7174% -1.17335 -5.82646);--accent:lab(49.8148% 9.99218 -64.091);--danger:lab(54.3826% 66.5818 42.5597);--warning:lab(65.6273% 16.6313 69.5152);--syntax-tag:lab(36.5894% 35.9803 -65.4128);--syntax-attribute:lab(41.838% -12.114 -36.9217);--syntax-value:lab(46.059% -42.549 28.3829);--syntax-punctuation:lab(27.9865% -3.20768 -13.8142);--syntax-comment:lab(53.776% -7.48414 -7.28918)}}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{background:radial-gradient(circle at 0 0,#5f70ff2e,#0000 24%),radial-gradient(circle at 100% 100%,#4dbcb01f,#0000 20%),linear-gradient(#ffffffd9,#f7f7f4f0)}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.workbench-shell{height:100dvh;padding:var(--shell-padding);overflow:hidden}.workbench-frame{gap:var(--frame-gap);border:1px solid var(--line);background:linear-gradient(180deg, #ffffffc2, #ffffff94), var(--background-strong);height:100%;min-height:0;padding:var(--frame-padding);grid-template-rows:auto minmax(0,1fr) auto;display:grid;box-shadow:inset 0 1px #ffffffb8,0 28px 70px #1f2b4214}.workbench-header{align-items:start;gap:clamp(.4rem,.8vw,.6rem);display:grid}.workbench-copy{gap:.45rem;max-width:min(100%,52rem);display:grid}.eyebrow,.panel-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;font-size:.73rem;font-weight:600;display:inline-flex}.workbench-copy h1{letter-spacing:-.06em;max-width:15ch;margin:0;font-size:clamp(1.85rem,4.4vw,3rem);line-height:1}.workbench-grid{gap:var(--frame-gap);grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.panel{gap:var(--panel-gap);padding:var(--panel-padding);border:1px solid var(--line);background:linear-gradient(180deg, #ffffffc7, #fafaf8e6), var(--panel);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;container-type:inline-size}.panel-editor-with-footer,.panel-preview{grid-template-rows:auto minmax(0,1fr)}.panel-editor-with-footer{grid-template-rows:auto minmax(0,1fr) auto}.panel-topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-topline>div{flex:14rem;min-width:0}.panel-caption,.notice{margin:0;font-size:.93rem;line-height:1.5}.panel-caption{color:var(--muted)}.status-pill{border:1px solid color-mix(in oklab, var(--accent) 22%, white 78%);background:var(--accent-soft);min-width:3.4rem;min-height:2rem;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;padding:.42rem .68rem;font-size:.8rem;font-weight:600;display:inline-flex}.panel-body,.panel-body-output,.preview-surface,.preview-stage,.output-panel-body,.output-viewport,.size-row,.size-row-content{min-height:0}.panel-body{border:1px solid var(--line)}.panel-body-editor{block-size:auto;height:100%;padding:.9rem;display:flex;overflow:hidden}.panel-body-output{block-size:auto;height:100%;padding:.9rem;display:grid;overflow:hidden}.panel-body-grid{background:linear-gradient(90deg,#848a9424 1px,#0000 1px) 0 0/1.35rem 1.35rem,linear-gradient(0deg,#848a9424 1px,#0000 1px) 0 0/1.35rem 1.35rem,linear-gradient(#f4f5f7f5,#fafafbfc) 0 0/cover}.editor-stack{border:1px solid var(--line-strong);background:linear-gradient(#fefefefc,#f9f9fafc);flex:1;height:100%;min-height:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7}.code-surface{width:100%;height:100%;color:var(--foreground);font-family:var(--font-geist-mono), monospace;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;tab-size:2;font-variant-ligatures:none;border:0;margin:0;font-size:.92rem;line-height:1.65}.highlight-surface,.editor-input{padding:1rem 1rem 1.15rem}.highlight-surface{pointer-events:none;position:absolute;inset:0;overflow:hidden}.highlight-surface code,.output-surface code{min-height:100%;display:block}.editor-input{z-index:1;resize:none;color:#0000;caret-color:var(--foreground);-webkit-text-fill-color:transparent;background:0 0;position:relative;overflow:auto}.editor-input::selection{background:color-mix(in oklab, var(--accent) 28%, white 72%)}.editor-input:focus-visible,.tab-button:focus-visible,.copy-button:focus-visible,.size-control input:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 70%, white 30%);outline-offset:2px}.token-tag{color:var(--syntax-tag)}.token-attribute{color:var(--syntax-attribute)}.token-value{color:var(--syntax-value)}.token-punctuation{color:var(--syntax-punctuation)}.token-comment{color:var(--syntax-comment)}.panel-footer{gap:.55rem;display:grid}.notice{background:#ffffffbd;border-left:2px solid #0000;padding:.72rem .82rem}.notice-error{border-color:var(--danger);color:color-mix(in oklab, var(--danger) 82%, black 18%)}.notice-warning{border-color:var(--warning);color:color-mix(in oklab, var(--warning) 70%, black 30%)}.output-panel-body{grid-template-rows:auto minmax(0,1fr) auto auto;gap:.85rem;width:100%;height:100%;min-height:100%;display:grid}.output-slot{min-width:0;min-height:0}.output-slot-viewport{min-height:0;display:flex}.output-slot-viewport>.output-viewport{flex:1}.tablist{gap:var(--tab-gap);width:100%;min-width:0;padding:var(--tablist-inset);isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.tablist:before{content:"";inset-block:var(--tablist-inset);width:calc((100% - (var(--tablist-inset) * 2) - (var(--tab-gap) * 2)) / 3);border:1px solid color-mix(in oklab, var(--accent) 24%, white 76%);background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 8%, white 92%), color-mix(in oklab, var(--accent) 13%, white 87%));box-shadow:0 10px 18px #1f2b4212, inset 0 -2px 0 color-mix(in oklab, var(--accent) 50%, white 50%);pointer-events:none;transform:translateX(calc(var(--active-tab-index,0) * (100% + var(--tab-gap))));transition:transform var(--motion-state-duration) var(--ease-out-quart), border-color var(--motion-state-duration) var(--ease-out-quart), box-shadow var(--motion-state-duration) var(--ease-out-quart), background-color var(--motion-state-duration) var(--ease-out-quart);will-change:transform;z-index:0;position:absolute;inset-inline-start:var(--tablist-inset)}.tab-button,.copy-button{border:1px solid var(--line-strong);min-height:2.75rem;color:var(--foreground);transition:border-color var(--motion-state-duration) var(--ease-out-quart), color var(--motion-state-duration) var(--ease-out-quart), background-color var(--motion-state-duration) var(--ease-out-quart), box-shadow var(--motion-state-duration) var(--ease-out-quart), transform var(--motion-feedback-duration) var(--ease-out-quart);background:#ffffffc2;justify-content:center;align-items:center;padding:.58rem .88rem;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.tab-button{z-index:1;width:100%;position:relative}.tab-button-active{box-shadow:none;color:var(--accent-strong);background:0 0;border-color:#0000}.tab-button:hover,.copy-button:hover{border-color:color-mix(in oklab, var(--accent) 44%, white 56%);color:var(--accent-strong)}.tab-button:active,.copy-button:active:enabled{transition-duration:var(--motion-feedback-duration);transform:translateY(0)scale(.985)}.size-control{border:1px solid var(--line);background:#ffffffd1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;min-height:2.75rem;padding:.45rem .75rem;display:grid}.size-control-label{color:var(--muted);font-size:.84rem;font-weight:600}.size-control input{width:100%;min-width:0;accent-color:var(--accent)}.size-control-value{min-width:3ch;color:var(--accent-strong);font-variant-numeric:tabular-nums;text-align:right;font-size:.86rem;font-weight:700}.output-action-row{justify-content:flex-end;align-items:center;width:100%;min-height:2.75rem;display:flex}.output-action-button{min-width:9rem}.output-action-spacer{width:100%;min-height:2.75rem;display:block}.size-row{align-items:flex-end;width:100%;min-height:2.75rem;display:flex}.size-row-content{width:100%;min-height:2.75rem;transition:opacity calc(var(--motion-state-duration) - 20ms) var(--ease-out-quart), transform calc(var(--motion-state-duration) - 20ms) var(--ease-out-quart), visibility 0s linear calc(var(--motion-state-duration) - 20ms);will-change:opacity, transform}.size-row-content-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.18rem)}.button-disabled,.copy-button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}.output-viewport{border:1px solid var(--line);block-size:auto;height:100%;min-height:clamp(8.5rem,18vh,13rem);transition:border-color var(--motion-state-duration) var(--ease-out-quart), box-shadow var(--motion-state-duration) var(--ease-out-quart);animation:viewport-enter var(--motion-viewport-duration) var(--ease-out-expo);will-change:transform, opacity;background:linear-gradient(#fffffffc,#f9f9fafc);display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,0 12px 28px #1f2b420f}.preview-surface{background:linear-gradient(#fefefefc,#f9f9fafc);flex:1;height:100%;min-height:0;padding:.85rem;display:flex}.preview-stage{width:100%;height:100%;min-height:0;padding:var(--preview-stage-padding);border:1px solid color-mix(in oklab, var(--line-strong) 88%, white 12%);background:linear-gradient(#fffffffc,#f8f8f9fc);flex:1;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffdb}.workbench-resources{scrollbar-width:thin;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.65rem;min-width:0;padding-bottom:.1rem;display:grid;overflow:auto hidden}.resource-chip{border:1px solid var(--line);min-height:2.35rem;color:var(--foreground);white-space:nowrap;transition:border-color var(--motion-state-duration) var(--ease-out-quart), color var(--motion-state-duration) var(--ease-out-quart), transform var(--motion-feedback-duration) var(--ease-out-quart), box-shadow var(--motion-state-duration) var(--ease-out-quart);background:#fffc;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.resource-chip:hover{border-color:color-mix(in oklab, var(--accent) 38%, white 62%);color:var(--accent-strong)}.resource-chip:active{transform:translateY(0)scale(.985)}.resource-chip-icon{object-fit:contain;flex:none;width:1rem;height:1rem;position:absolute;inset:0}.resource-chip-mark{border:1px solid color-mix(in oklab, var(--accent) 18%, white 82%);background:color-mix(in oklab, var(--accent) 10%, white 90%);width:1.2rem;height:1.2rem;color:var(--accent-strong);flex:none;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-grid;position:relative;overflow:hidden}.resource-chip-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.resource-chip-label{display:inline-block}.visual-frame{place-items:center;max-width:100%;max-height:100%;display:grid}.visual-frame-svg{color:var(--foreground);filter:drop-shadow(0 18px 34px #1f2b421f)}.preview-svg,.preview-svg :where(svg){width:100%;height:100%}.preview-svg :where(svg){display:block}.output-surface,.empty-surface{flex:1;height:100%;overflow:auto}.output-surface{background:linear-gradient(#fffffffc,#f9f9fafc);padding:1rem}.copy-button[data-copied=true]{border-color:color-mix(in oklab, var(--accent) 42%, white 58%);background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 .18rem color-mix(in oklab, var(--accent) 16%, transparent), 0 10px 18px #1f2b4214}.png-preview{object-fit:contain;filter:drop-shadow(0 18px 34px #1f2b421f);max-width:100%;max-height:100%;display:block}.empty-surface{color:var(--muted);text-align:center;background:linear-gradient(#fffffffc,#f9f9fafc);place-items:center;padding:1rem;display:grid}@keyframes viewport-enter{0%{opacity:0;box-shadow:0 1px 0 #ffffffd6 inset, 0 16px 30px #1f2b4214, 0 0 0 0 color-mix(in oklab, var(--accent) 0%, transparent);transform:translateY(.32rem)}62%{opacity:1;box-shadow:0 1px 0 #ffffffd6 inset, 0 16px 30px #1f2b4214, 0 0 0 .2rem color-mix(in oklab, var(--accent) 10%, transparent);transform:translateY(0)}to{opacity:1;transform:translateY(0);box-shadow:inset 0 1px #ffffffd6,0 12px 28px #1f2b420f}}@container (max-width:38rem){.panel-body-editor,.panel-body-output{padding:.65rem}.panel-topline{gap:.65rem}.panel-caption{font-size:.9rem}.status-pill{min-width:3rem;min-height:2.2rem;padding:.42rem .62rem}.tablist{--tab-gap:.45rem}.tab-button,.copy-button,.size-control{min-height:2.45rem;padding-inline:.72rem}.size-control{gap:.55rem;padding-block:.42rem}.preview-surface{padding:.62rem}}@container (max-width:29rem){.panel-label{letter-spacing:.14em;font-size:.7rem}.panel-caption{font-size:.88rem}.tablist{--tab-gap:.35rem}.tab-button,.copy-button,.size-control{min-height:2.3rem;font-size:.88rem}.size-control-label,.size-control-value{font-size:.82rem}.output-action-row{justify-content:stretch}.output-action-button{width:100%;min-width:0}.preview-surface{padding:.5rem}}@media (min-width:721px) and (max-width:959px){:root{--frame-padding:.9rem;--frame-gap:.75rem;--panel-padding:.68rem;--panel-gap:.65rem}.workbench-copy h1{max-width:17ch;font-size:clamp(2rem,4.6vw,2.85rem)}.workbench-header{gap:.35rem}}@media (max-width:959px){.workbench-grid{grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr)}.panel-body-output{padding:.7rem}.output-panel-body{gap:.6rem}.output-viewport{min-height:clamp(4.75rem,10.5vh,6.75rem)}}@media (min-width:960px){.workbench-header{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);justify-content:space-between}.workbench-copy h1{max-width:20ch;font-size:clamp(2.4rem,5vw,3.4rem)}.workbench-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview-stage{min-height:clamp(15rem,34vh,26rem)}.workbench-resources{justify-content:start}.output-viewport{min-height:0}}@media (min-width:960px) and (max-width:1179px){.workbench-copy h1{max-width:17ch;font-size:clamp(2.1rem,4.2vw,2.9rem)}}@media (max-width:720px){:root{--shell-padding:.6rem;--frame-padding:.65rem;--frame-gap:.58rem;--panel-padding:.62rem;--panel-gap:.62rem;--preview-stage-padding:.6rem}.workbench-copy{gap:.3rem}.workbench-copy h1{letter-spacing:-.055em;max-width:none;font-size:clamp(1.5rem,8.8vw,2.15rem)}.panel-body-editor,.panel-body-output{padding:.5rem}.output-panel-body{gap:.58rem}.panel-topline{align-items:flex-start;gap:.65rem}.tablist,.output-action-row,.size-row{width:100%}.tablist{--tab-gap:.45rem}.tab-button,.copy-button,.size-control{min-height:2.3rem}.size-control{width:100%}.preview-surface{padding:.42rem}.output-action-row{justify-content:stretch;min-height:2.3rem}.output-action-button{width:100%;min-width:0}.size-row,.output-action-spacer{min-height:2.3rem}.workbench-resources{gap:.5rem}.resource-chip{min-height:2.15rem;padding:.46rem .68rem;font-size:.84rem}.resource-chip-icon{width:.9rem;height:.9rem}.resource-chip-mark{width:1.08rem;height:1.08rem;font-size:.64rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tablist:before,.tab-button,.copy-button,.resource-chip,.size-row-content,.output-viewport{transition:none;animation:none}.tab-button:hover,.copy-button:hover:enabled,.tab-button:active,.copy-button:active:enabled,.tab-button-active,.size-row-content-hidden{transform:none}}