@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hive-stream-ui/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2)format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hive-stream-ui/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2)format("woff2-variations");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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hive-stream-ui/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");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}:root{--ink:#1c1d1f;--ink-2:#5d6066;--ink-3:#8b8e94;--paper:#fff;--canvas:#f6f5f3;--canvas-2:#efeeeb;--rule:#e6e4e0;--rule-strong:#cfccc6;--hive:#e31337;--hive-dark:#c40f2e;--hive-tint:#fdeef0;--focus:#1f6fd1;--error:#b42318;--error-bg:#fdf0ee;--warning-bg:#fff6dc;--warning-rule:#e3b341;--ok:#1e7a3b;--code-bg:#161719;--code-raised:#1f2023;--code-rule:#2d2e33;--code-ink:#e6e4df;--code-muted:#979aa0;--font:"Public Sans Variable", "Public Sans", -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--header-h:52px;--gutter:16px;--radius:6px;--radius-lg:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:.875rem;line-height:1.55}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:1.5rem;font-weight:700}h2{font-size:.9375rem;font-weight:650}h3{font-size:.875rem;font-weight:650}h4{font-size:.875rem;font-weight:600}p{margin:0}a{color:var(--ink);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--hive-dark)}code,kbd,pre,.mono{font-family:var(--mono)}code{background:var(--canvas-2);border-radius:4px;padding:.1em .35em;font-size:.8571em}h2 code,h3 code,pre code,code.muted{background:0 0;padding:0}h2 code,h3 code{font-size:.9em;font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::placeholder{color:var(--ink-3)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--gutter);background:var(--paper);z-index:10;padding:8px 12px;position:absolute;top:-100px}.skip-link:focus{top:8px}.muted{color:var(--ink-2)}my-app{display:block}.app-header{height:var(--header-h);border-bottom:1px solid var(--rule);background:var(--paper);z-index:5;align-items:center;gap:12px;padding:0 16px 0 20px;display:flex;position:sticky;top:0}.app-title{white-space:nowrap;align-items:center;gap:10px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.app-mark{width:22px;height:22px;fill:var(--hive);flex:none}.app-title-sub{color:var(--ink-2);font-weight:450}.crumb-sep{color:var(--rule-strong);font-size:1.125rem}.project-title{font-family:var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8125rem;overflow:hidden}.header-actions{gap:6px;margin-left:auto;display:flex}.header-actions .mobile-preview-toggle{display:none}.workspace{grid-template-columns:220px minmax(0,1fr);display:grid}.app-nav{border-right:1px solid var(--rule);background:var(--canvas);height:calc(100dvh - var(--header-h));top:var(--header-h);flex-direction:column;gap:16px;padding:16px 10px 14px;display:flex;position:sticky}.app-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.app-nav li a{border-radius:var(--radius);color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-weight:500;text-decoration:none;display:flex;position:relative}.app-nav li a:hover{color:var(--ink);background:var(--canvas-2)}.app-nav li a.active{color:var(--ink);background:var(--paper);box-shadow:inset 2px 0 0 var(--hive), 0 0 0 1px var(--rule);font-weight:650}.nav-count{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:center;background:var(--canvas-2);border-radius:9px;min-width:20px;padding:0 6px;font-size:.75rem;font-weight:600}.app-nav li a.active .nav-count{background:var(--hive-tint);color:var(--hive-dark)}.app-nav .nav-separated{border-top:1px solid var(--rule);margin-top:10px;padding-top:10px}.nav-foot{border-top:1px solid var(--rule);gap:10px;margin-top:auto;padding:12px 10px 0;font-size:.8125rem;display:grid}.build-summary{color:var(--ink-2);align-items:center;gap:8px;display:flex}.build-dot{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.build-summary.is-error{color:var(--error)}.build-summary.is-error .build-dot{background:var(--error)}.app-nav .docs-link{color:var(--ink-2);justify-content:space-between;text-decoration:none;display:flex}.app-nav .docs-link:hover{color:var(--ink)}.layout{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.layout.with-preview{grid-template-columns:minmax(0,1fr) minmax(380px,46%)}.editor{min-width:0;padding:36px clamp(24px,3.5vw,56px) 80px}.editor>au-viewport{max-width:760px;margin-inline:auto;display:block}.editor>.notice{max-width:760px;margin:0 auto 24px}#main:focus{outline:none}.page-intro{gap:6px;margin-bottom:28px;display:grid}.page-intro p{color:var(--ink-2);max-width:64ch}.section{border-top:1px solid var(--rule);gap:14px;margin-top:32px;padding-top:24px;display:grid}.section:first-of-type,.page-intro+.section,.section-switcher+.section{border-top:0;margin-top:0;padding-top:0}.section-head{gap:4px;display:grid}.section-head p{color:var(--ink-2);max-width:68ch}.danger-zone{margin-top:40px}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;display:flex}.row>.field{flex:180px}fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}legend{margin-bottom:6px;padding:0;font-size:.8125rem;font-weight:600}.field{gap:5px;min-width:0;display:grid}.field>label,.field-label{font-size:.8125rem;font-weight:600}.hint{color:var(--ink-2);font-size:.8125rem}.error-text{color:var(--error);font-size:.8125rem;font-weight:600}input[type=text],input[type=number],input[type=url],input[type=search],select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--radius);width:100%;min-height:38px;padding:7px 10px;transition:border-color .12s}input[type=text]:hover,input[type=number]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:var(--ink-3)}input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=url]:focus-visible,input[type=search]:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus);outline:2px solid color-mix(in srgb, var(--focus) 35%, transparent);outline-offset:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%235d6066' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea{resize:vertical;min-height:96px}textarea.code-input,input.code-input{font-family:var(--mono);font-size:.8125rem}input[aria-invalid=true]{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}.choice{cursor:pointer;grid-template-columns:auto 1fr;align-content:start;align-items:start;gap:2px 10px;display:grid}.choice input{width:16px;height:16px;accent-color:var(--hive);margin:2px 0 0}.choice .hint{grid-column:2}.choice.disabled{cursor:not-allowed;color:var(--ink-3)}.choice-list{gap:10px;display:grid}.choice-list.inline{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 16px}.choice-list.selection-list{border:1px solid var(--rule);border-radius:var(--radius-lg);gap:0;overflow:hidden}.selection-list .choice{border-bottom:1px solid var(--rule);padding:11px 14px;position:relative}.selection-list .choice:last-child{border-bottom:0}.selection-list .choice:hover{background:var(--canvas)}.selection-list .choice:has(input:checked){background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);z-index:1}.selection-list .choice:has(input:checked):first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.selection-list .choice:has(input:checked):last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.selection-list .choice:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.selection-list .choice.disabled:hover{background:0 0}.selection-list .choice strong{font-weight:600}.selection-list .choice .hint{font-size:.8125rem}.choice-list.selection-list.tiles{border:0;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;overflow:visible}.selection-list.tiles .choice{border:1px solid var(--rule);border-radius:var(--radius-lg);padding:12px 14px}.selection-list.tiles .choice:last-child{border-bottom:1px solid var(--rule)}.selection-list.tiles .choice:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 .5px var(--ink);border-radius:var(--radius-lg)}.choice.switch{align-items:center}.choice.switch .hint{grid-column:2}input[role=switch]{appearance:none;background:var(--rule-strong);cursor:pointer;border-radius:9px;width:30px;height:18px;margin:0;transition:background .12s;position:relative}input[role=switch]:before{content:"";background:var(--paper);border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;top:2px;left:2px}input[role=switch]:checked{background:var(--ink)}input[role=switch]:checked:before{transform:translate(12px)}.row>.choice.switch{flex:0 260px;padding-top:26px}.segmented{background:var(--canvas-2);border-radius:var(--radius);justify-self:start;gap:2px;padding:2px;display:inline-flex}.segmented label{cursor:pointer;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{color:var(--ink-2);border-radius:4px;padding:4px 12px;font-size:.8125rem;font-weight:550;display:block}.segmented input:checked+span{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--rule-strong)}.segmented input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.button{font:inherit;border-radius:var(--radius);border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.button:hover{background:var(--canvas);border-color:var(--ink-3)}.button.primary{background:var(--hive);border-color:var(--hive);color:#fff}.button.primary:hover{background:var(--hive-dark);border-color:var(--hive-dark)}.button.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.button.ghost:hover{background:var(--canvas);color:var(--ink)}.button.quiet{color:var(--ink-2);background:0 0;border-color:#0000;padding-inline:8px}.button.quiet:hover{background:var(--canvas);color:var(--ink)}.button.danger{color:var(--error);border-color:color-mix(in srgb, var(--error) 45%, var(--paper))}.button.danger:hover{background:var(--error-bg);border-color:var(--error)}.button.quiet.danger{border-color:#0000}.button.small{min-height:30px;padding:3px 10px;font-size:.8125rem}.button[disabled]{opacity:.45;cursor:not-allowed}.button[disabled]:hover{background:var(--paper);border-color:var(--rule-strong)}.button.primary[disabled]:hover{background:var(--hive);border-color:var(--hive)}.button.quiet[disabled]:hover{background:0 0;border-color:#0000}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:flex-end;gap:0 4px;display:flex}.item-tabs button{font:inherit;cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 10px;font-weight:550;display:inline-flex;position:relative}.item-tabs button:hover{color:var(--ink)}.item-tabs button.mono{font-size:.8125rem}.item-tabs button[aria-current=true]{color:var(--ink);border-bottom-color:var(--hive)}.item-tabs .item-tabs-add{color:var(--ink-2);margin-left:auto;font-weight:500}.item-tabs .item-tabs-add:hover{color:var(--hive-dark)}.item-tabs .off{color:var(--ink-3);text-decoration:line-through}.tab-count{background:var(--canvas-2);min-width:18px;color:var(--ink-2);text-align:center;border-radius:9px;padding:0 5px;font-size:.75rem;font-weight:600}.section-switcher{margin-bottom:24px}.filter-row{flex-wrap:wrap;gap:6px;display:flex}.filter-row button{font:inherit;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;padding:4px 10px;font-size:.8125rem;font-weight:550}.filter-row button:hover{border-color:var(--rule-strong);color:var(--ink)}.filter-row button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.panel{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper)}.panel+.panel{margin-top:4px}.panel-head{background:var(--canvas);border-bottom:1px solid var(--rule);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:8px 8px 8px 16px;display:flex}.panel-head h3 code.muted{color:var(--ink-3);margin-left:4px;font-weight:450}.panel-head .field{flex:200px;max-width:320px}.panel-head .field>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.panel-head .button-row{gap:2px}.panel-body{gap:16px;padding:16px;display:grid}.block{border:1px solid var(--rule);border-radius:var(--radius-lg);gap:14px;padding:14px 16px;display:grid}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.block-head .field{flex:220px;max-width:320px}.grid-rows{gap:6px;display:grid}.grid-row{background:var(--canvas);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:10px 10px 10px 12px;display:flex}.grid-row>.field{flex:130px}.grid-row>.choice{flex:none;align-items:center;min-height:38px;margin-top:22px}.grid-row .choice input{margin-top:0}.grid-row .grid-row-actions{align-items:center;gap:4px;min-height:38px;margin:22px 0 0 auto;display:flex}details.disclosure{border-top:1px solid var(--rule);padding-top:10px}details>summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:inline-flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;transition:transform .12s;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}details.disclosure>summary{padding:4px 0;font-weight:600}details.disclosure[open]>summary{margin-bottom:12px}details.examples{border-top:0;padding-top:0}details.examples .catalog-list{border-top:1px solid var(--rule)}.rule-head{margin-top:20px}.flow{margin:28px 0 0;padding:0;list-style:none}.flow-step{padding:0 0 32px 36px;position:relative}.flow-step:before{content:"";border:2px solid var(--ink);background:var(--paper);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:4px}.flow-step:first-child:before{border-color:var(--hive);background:var(--hive)}.flow-step:after{content:"";background:var(--rule);width:2px;position:absolute;top:20px;bottom:2px;left:10px}.flow-step:last-child{padding-bottom:8px}.flow-step:last-child:after{display:none}.flow-head{gap:2px;display:grid}.flow-head h2{font-size:1rem}.flow-head p{color:var(--ink-2);max-width:64ch}.flow-body{gap:12px;margin-top:14px;display:grid}.flow-body>.field{max-width:420px}.catalog-toolbar{gap:12px;display:grid}.catalog-toolbar input[type=search]{max-width:420px}.result-count{margin-top:-2px}.category-heading{margin-top:20px;font-size:.875rem;font-weight:650}.category-heading .muted{margin-left:4px;font-weight:450}.catalog-list{margin:0;padding:0;list-style:none}.catalog-list>li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:12px 0;display:grid}.catalog-list>li>p{color:var(--ink-2);grid-column:1}.catalog-list .button{grid-area:1/2/span 2;align-self:center}.catalog-list details{color:var(--ink-2);grid-column:1/-1;margin-top:4px;font-size:.8125rem}.catalog-list .catalog-state{color:var(--ok);font-weight:600}.catalog-list .actions-line{font-family:var(--mono);margin-top:6px;font-size:.75rem}.catalog-list>li.is-added h4:after{content:"";vertical-align:middle;background:var(--ok);border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.empty-state{color:var(--ink-2);gap:12px;padding:28px 0;display:grid}.notice{background:var(--warning-bg);border-left:3px solid var(--warning-rule);border-radius:0 var(--radius) var(--radius) 0;padding:10px 14px}.notice.error{background:var(--error-bg);border-left-color:var(--error)}.notice ul{margin:6px 0 0;padding-left:18px}.preview{background:var(--code-bg);min-width:0;color:var(--code-ink);top:var(--header-h);height:calc(100dvh - var(--header-h));position:sticky;overflow:hidden}.preview-inner{flex-direction:column;height:100%;display:flex}.preview-head{border-bottom:1px solid var(--code-rule);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 10px 18px;display:flex}.preview-head h2{align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.preview-count{color:var(--code-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.preview>.preview-inner>.notice,.preview-inner>.notice{margin:16px}.preview-warnings{color:#f0d48f;border-bottom:1px solid var(--code-rule);background:#e3b34117;padding:9px 18px;font-size:.8125rem}.preview-warnings ul{color:var(--code-ink);gap:4px;max-height:160px;margin:8px 0 4px;padding-left:18px;display:grid;overflow:auto}.preview-warnings strong{color:#f0d48f;margin-right:4px;font-weight:600}.file-browser{border-bottom:1px solid var(--code-rule);background:var(--code-raised);padding:10px 12px}.file-browser input[type=search]{background:var(--code-bg);border-color:var(--code-rule);color:var(--code-ink);font-family:var(--mono);min-height:34px;font-size:.8125rem}.file-browser .hint{color:var(--code-muted);padding:8px 4px 0}.file-list{max-height:260px;font-family:var(--mono);margin:8px 0 0;padding:0;font-size:.75rem;list-style:none;overflow:auto}.file-list button{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--code-muted);overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;padding:6px 8px}.file-list button:hover{background:var(--code-bg);color:var(--code-ink)}.file-list button[aria-current=true]{color:#fff;background:#e3133738}.code-panel{flex-direction:column;flex:1;min-height:0;display:flex}.file-toolbar{border-bottom:1px solid var(--code-rule);align-items:center;gap:6px;padding:8px 12px;display:flex}.file-toolbar select{min-width:0;min-height:30px;font-family:var(--mono);background-color:var(--code-raised);border-color:var(--code-rule);color:var(--code-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%23979aa0' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");flex:1;padding:4px 30px 4px 8px;font-size:.75rem}.file-toolbar select:hover{border-color:#45474d}.button.on-dark{border-color:var(--code-rule);color:var(--code-ink);background:0 0}.button.on-dark:hover{background:var(--code-raised);border-color:#45474d}.button.on-dark[aria-pressed=true]{background:#2c2d32;border-color:#45474d}.button.on-dark[disabled]:hover{border-color:var(--code-rule);background:0 0}.code-block{background:var(--code-bg);color:var(--code-ink);tab-size:4;max-width:100%;margin:0;padding:16px 18px;font-size:.75rem;line-height:1.7;overflow:auto}.code-block code{font-size:inherit}.code-block.wrap-lines{white-space:pre-wrap;overflow-wrap:anywhere}.code-block:focus-visible{outline-offset:-2px}.preview .code-block{flex:1;min-height:0}.next-steps-disclosure{border-top:1px solid var(--code-rule);padding:10px 18px;font-size:.8125rem}.next-steps-disclosure summary{color:var(--code-ink);font-weight:600}.next-steps-disclosure[open] summary{margin-bottom:8px}.next-steps-disclosure .hint{color:var(--code-muted);margin-top:10px}.next-steps-disclosure code{background:var(--code-raised);color:var(--code-ink)}.next-steps{font-family:var(--mono);color:var(--code-ink);margin:0;padding-left:20px;font-size:.75rem}.next-steps li{overflow-wrap:anywhere;padding-block:3px}.next-steps li::marker{color:var(--code-muted)}.section>.code-panel{background:var(--code-bg);border-radius:var(--radius-lg);overflow:hidden}.code-tabs{border-bottom:1px solid var(--code-rule);align-items:center;gap:2px;padding:6px 8px;display:flex;overflow-x:auto}.code-tabs button:not(.button){font:inherit;color:var(--code-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:5px 10px;font-size:.8125rem;font-weight:550}.code-tabs button:not(.button):hover{color:var(--code-ink)}.code-tabs button[aria-pressed=true]:not(.button){background:var(--code-raised);color:#fff}.code-tabs .button{margin-left:auto}.code-caption{color:var(--code-muted);padding:10px 18px 0;font-size:.75rem;font-weight:500}.call-output{min-height:160px}.output-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-region{max-width:calc(100vw - 2 * var(--gutter));background:var(--ink);color:var(--paper);border-radius:var(--radius);z-index:20;padding:10px 16px;font-weight:500;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.status-region:empty{display:none}@media (max-width:1099px){.layout.with-preview{grid-template-columns:minmax(0,1fr)}.preview{display:none}.workspace.view-files .preview{height:auto;min-height:calc(100dvh - var(--header-h));display:block;position:static;overflow:visible}.workspace.view-files .preview .code-block{min-height:60vh}.workspace.view-files .editor,.header-actions .desktop-preview-toggle{display:none}.header-actions .mobile-preview-toggle{display:inline-flex}}@media (max-width:699px){.app-header{height:auto;min-height:var(--header-h);flex-wrap:wrap;gap:8px;padding:8px 16px}.crumb-sep,.project-title{display:none}.app-title{margin-right:auto}.header-actions{gap:4px}.button{min-height:44px}.button.small{min-height:36px}.workspace{display:block}.app-nav{border-right:0;border-bottom:1px solid var(--rule);height:auto;padding:4px 8px;position:static}.app-nav ul{gap:2px;padding-block:4px;display:flex;overflow-x:auto}.app-nav li a{white-space:nowrap;padding:8px 10px}.app-nav li a.active{box-shadow:inset 0 -2px 0 var(--hive), 0 0 0 1px var(--rule)}.app-nav .nav-separated{border:0;margin:0;padding:0}.nav-foot{display:none}.editor{padding:24px 16px 56px}.row>.choice.switch{padding-top:0}.flow-step{padding-left:30px}.item-tabs .item-tabs-add{margin-left:0}}@media (max-width:399px){.app-title-sub{display:none}.panel-body{padding:12px}}.code-block .token.comment,.code-block .token.prolog{color:#7d8087;font-style:italic}.code-block .token.keyword,.code-block .token.builtin,.code-block .token.important{color:#ff8a9b}.code-block .token.string,.code-block .token.template-string,.code-block .token.regex{color:#b9d58c}.code-block .token.number,.code-block .token.boolean{color:#f2bd72}.code-block .token.function{color:#f1efe9;font-weight:600}.code-block .token.class-name{color:#8ec5e6}.code-block .token.property,.code-block .token.title{color:#d9c7a6}.code-block .token.punctuation,.code-block .token.operator{color:#a3a6ac}