.page-notifications[data-v-0ff23a5f]{z-index:2000;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:84px;right:20px}.page-notification[data-v-0ff23a5f]{color:#182d23;pointer-events:auto;background:#fff;border:1px solid #b4dcc5;border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex;box-shadow:0 8px 28px #0002}.page-notification-icon[data-v-0ff23a5f]{color:#16824b;font-weight:700}.page-notification-message[data-v-0ff23a5f]{overflow-wrap:anywhere;flex:1;min-width:0}.page-notification button[data-v-0ff23a5f]{color:#52615a;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:20px;line-height:1.1}.page-notification button[data-v-0ff23a5f]:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width<=600px){.page-notifications[data-v-0ff23a5f]{top:72px;right:16px}}*{box-sizing:border-box}:root{font-family:var(--font-family);font-size:var(--font-body);color:var(--work-text);background:var(--shell-canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;line-height:1.5}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,textarea{transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--control-focusRing) solid var(--focus-light);outline-offset:3px}.dark :focus-visible,.topbar :focus-visible,.tool-rail :focus-visible{outline-color:var(--focus-dark)}h1,h2,h3,p{margin:0}h1{font-size:var(--font-heading);letter-spacing:-.5px;font-weight:600;line-height:1.4}h2{font-size:15px;font-weight:600}h3{font-size:var(--font-body);font-weight:600}svg{vertical-align:middle;flex-shrink:0}.muted{color:var(--work-textMuted)}.dark .muted{color:var(--shell-textMuted)}.small{font-size:var(--font-caption);line-height:1.7}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.skip-link{z-index:100;background:var(--brand-primary);color:#fff;border-radius:6px;padding:12px 20px;position:fixed;top:-60px;left:65px}.skip-link:focus{top:8px}.workbench-shell{grid-template-rows:var(--layout-topbarHeight) minmax(0, 1fr);grid-template-columns:var(--layout-toolRailWidth) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.workbench-shell.has-navigator{grid-template-columns:var(--layout-toolRailWidth) var(--layout-navigatorWidth) minmax(0, 1fr)}.workbench-shell.has-inspector{grid-template-columns:var(--layout-toolRailWidth) minmax(0, 1fr) var(--layout-inspectorWidth)}.workbench-shell.has-navigator.has-inspector{grid-template-columns:var(--layout-toolRailWidth) var(--layout-navigatorWidth) minmax(0, 1fr) var(--layout-inspectorWidth)}.dark{background:var(--shell-panel);color:var(--shell-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light{background:var(--work-canvas);color:var(--work-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.topbar{background:var(--shell-canvas);border-bottom:1px solid var(--shell-border);color:var(--shell-text);white-space:nowrap;z-index:var(--layer-sticky);grid-column:1/-1;align-items:center;gap:20px;padding:0 16px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:12px;font-size:15px;display:flex}.brand-symbol{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;width:25px;height:25px;display:grid;transform:rotate(-3deg)}.brand-symbol i{background:var(--brand-primary);border-radius:2px}.brand-symbol i:nth-child(2){opacity:.65}.brand-symbol i:nth-child(3){opacity:.82}.top-divider{background:var(--shell-border);flex-shrink:0;width:1px;height:20px}.breadcrumb{align-items:center;gap:12px;font-size:12px;display:flex}.topbar .muted{color:var(--shell-textMuted)}.stage-badge{border:1px solid var(--shell-border);color:var(--shell-textMuted);font-size:var(--font-caption);border-radius:4px;padding:2px 7px}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.help-button{width:32px;height:32px;color:var(--shell-textMuted);background:var(--shell-raised);border:0;border-radius:50%;place-items:center;display:grid}.tool-rail{background:var(--shell-canvas);border-right:1px solid var(--shell-border);color:var(--shell-textMuted);scrollbar-width:none;flex-direction:column;justify-content:space-between;min-height:0;padding:12px 8px 10px;display:flex;overflow-y:auto}.rail-items,.rail-bottom{flex-direction:column;align-items:center;gap:8px;display:flex}.rail-bottom{padding-top:20px}.rail-button{width:var(--layout-toolHitSize);height:var(--layout-toolHitSize);color:var(--shell-textMuted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:flex}.rail-button:hover{background:var(--shell-raised);color:var(--shell-text)}.rail-button.active{background:var(--brand-primary);color:var(--brand-onPrimary);box-shadow:0 2px 8px #0002}.rail-icon{place-items:center;width:100%;height:100%;display:grid;position:relative}.security-alert-badge{border:1px solid var(--shell-canvas,#1d232c);color:#fff;background:#dc2626;border-radius:999px;place-items:center;min-width:14px;height:14px;padding:0 3px;font:700 9px/1 system-ui,sans-serif;display:grid;position:absolute;top:-3px;right:-5px}.rail-version{font-size:var(--font-caption);color:var(--shell-textMuted);padding-top:6px}.navigator{border-right:1px solid var(--shell-border);flex-direction:column;min-width:0;min-height:0;padding:20px 12px 16px;display:flex}.navigator-heading{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.navigator-heading svg{color:var(--shell-textMuted)}.search-placeholder{border:1px solid var(--shell-border);border-radius:var(--radius-control);color:var(--shell-textMuted);align-items:center;gap:8px;margin-bottom:24px;padding:9px 10px;font-size:12px;display:flex}.nav-section-label{color:var(--shell-textMuted);font-size:var(--font-caption);letter-spacing:.5px;padding:0 12px 10px}.navigator-items{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.navigator-items button{text-align:left;color:var(--shell-textMuted);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:flex}.navigator-items button svg:last-child{opacity:0;margin-left:auto}.navigator-items button:hover{background:var(--shell-raised);color:var(--shell-text)}.navigator-items button.selected{background:var(--selection-darkBackground);color:var(--selection-darkText)}.navigator-items button.selected svg:last-child{opacity:1}.navigator-footer{font-size:var(--font-caption);color:var(--shell-textMuted);gap:9px;margin-top:auto;padding:20px 4px 0;display:flex}.navigator-footer strong{font-size:12px;font-weight:500}.navigator-footer p{font-size:var(--font-caption);padding-top:5px}.connection-dot{width:6px;height:6px;color:var(--shell-textMuted);background:currentColor;border-radius:50%;flex-shrink:0;display:inline-block}.navigator-footer .connection-dot{margin-top:6px}.workspace{outline:none;flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-status{border-top:1px solid var(--work-border);background:var(--work-panel);min-height:30px;font-size:var(--font-caption);color:var(--work-textMuted);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.workspace-status>span:first-child{align-items:center;gap:6px;display:flex}.workspace-status i{background:var(--work-textMuted);border-radius:50%;width:5px;height:5px;display:inline-block}.workspace-status>span:last-child{letter-spacing:1.2px;font-size:var(--font-caption)}.inspector{border-left:1px solid var(--shell-border);flex-direction:column;min-width:0;min-height:0;display:flex}.inspector-heading{border-bottom:1px solid var(--shell-border);justify-content:space-between;align-items:center;min-height:60px;padding:0 20px;display:flex}.inspector-subtitle{font-size:var(--font-caption);color:var(--shell-textMuted)}.inspector-body{scrollbar-width:thin;scrollbar-color:var(--shell-border) transparent;flex:1;min-height:0;padding:20px;overflow-y:auto}.inspector-footer{border-top:1px solid var(--shell-border);padding:16px 20px}.inspector-empty{text-align:center;padding:44px 8px 36px}.inspector-empty-icon{width:64px;height:64px;color:var(--shell-textMuted);background:var(--shell-raised);border:1px solid var(--shell-border);border-radius:16px;place-items:center;margin:0 auto 20px;display:grid}.inspector-empty h3{margin-bottom:10px}.inspector-empty p{color:var(--shell-textMuted);font-size:12px;line-height:1.9}.inspector-section{border-top:1px solid var(--shell-border);margin-top:24px;padding-top:24px}.inspector-section>h3{margin-bottom:16px;font-size:13px}.capability-list{color:var(--shell-textMuted);gap:18px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.capability-list li{align-items:center;gap:12px;display:flex}.capability-list svg{width:17px}.inspector-note{border:1px solid var(--shell-border);background:var(--shell-canvas);font-size:var(--font-caption);color:var(--shell-textMuted);border-radius:6px;align-items:flex-start;gap:8px;margin:24px 0 12px;padding:14px 12px;line-height:1.9;display:flex}.inspector-note svg{margin-top:3px}.inspector-scope{font-size:var(--font-caption);color:var(--focus-dark);align-items:center;gap:8px;padding-bottom:12px;display:flex}.scope-dot{background:var(--shell-textMuted);border-radius:50%;width:5px;height:5px;margin-left:auto}.scope-dot.dirty{background:var(--warning-dark)}.inspector-topic{margin:14px 0 12px}.inspector-topic+p{font-size:12px;line-height:1.9}.action{min-height:var(--control-height);border:1px solid var(--work-border);border-radius:var(--radius-control);background:var(--work-panel);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.action:hover:not(:disabled){background:var(--work-canvas);border-color:var(--work-textMuted)}.action.primary{background:var(--brand-primary);color:var(--brand-onPrimary);border-color:var(--brand-primary)}.action.primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.action.ghost{background:0 0;border-color:#0000}.action.ghost:hover:not(:disabled){background:var(--work-canvas);border-color:#0000}.action.danger{color:var(--danger-light)}.action.icon-only{min-width:34px;padding:7px}.dark .action,.topbar .action{background:var(--shell-raised);border-color:var(--shell-border);color:var(--shell-text)}.dark .action:hover:not(:disabled),.topbar .action:hover:not(:disabled){background:var(--shell-border)}.dark .action.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-onPrimary)}.dark .action.ghost,.topbar .action.ghost{color:var(--shell-textMuted);background:0 0;border-color:#0000}.dark .action.ghost:hover,.topbar .action.ghost:hover{background:var(--shell-raised)}.disabled-wrapper{border-radius:6px;display:inline-flex}.tooltip{background:var(--shell-raised);color:var(--shell-text);border:1px solid var(--shell-border);z-index:var(--layer-tooltip);-webkit-user-select:none;user-select:none;border-radius:5px;padding:7px 11px;font-size:12px;box-shadow:0 4px 16px #0003}.overlay-shade{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--layer-dialog);animation:fade-in var(--motion-fast);background:#10141b88;position:fixed;inset:0}.overlay-content{background:var(--work-panel);border:1px solid var(--work-border);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);z-index:calc(var(--layer-dialog) + 1);border-radius:12px;flex-direction:column;display:flex;position:fixed;box-shadow:0 20px 70px #0003}.overlay-content.dialog{animation:fade-in var(--motion-fast);top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-content.dialog.wide{width:min(800px,100vw - 32px)}.overlay-content.drawer{width:min(400px,100vw - 32px);max-height:100dvh;animation:slide-in var(--motion-drawer);border-radius:0;top:0;bottom:0;right:0}.overlay-content.dark{background:var(--shell-panel);color:var(--shell-text);border-color:var(--shell-border)}.overlay-heading{border-bottom:1px solid var(--work-border);gap:16px;padding:24px;display:flex}.overlay-heading>.action{align-self:flex-start;margin-left:auto}.panel-title{font-size:18px;font-weight:600}.overlay-description{color:var(--work-textMuted);margin-top:8px;font-size:12px;line-height:1.8}.overlay-body{min-height:0;padding:24px;overflow-y:auto}.overlay-footer{border-top:1px solid var(--work-border);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.overlay-content.compact .overlay-heading,.overlay-content.compact .overlay-footer{border:0}.overlay-content.compact .overlay-footer{padding-top:0}.dark .overlay-heading,.dark .overlay-footer{border-color:var(--shell-border)}.dark .overlay-description{color:var(--shell-textMuted)}.overlay-body>.navigator{border:0;min-height:55vh;padding:0}.guide-intro{color:var(--brand-primary);align-items:center;gap:16px;padding:4px 0 20px;font-weight:500;display:flex}.guide-steps{counter-reset:guide;gap:22px;margin:0 0 24px;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:guide;padding-left:38px;position:relative}.guide-steps li:before{content:counter(guide);border:1px solid var(--work-border);width:24px;height:24px;color:var(--brand-primary);font-size:var(--font-caption);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.guide-steps strong{font-size:13px;font-weight:600}.guide-steps p{color:var(--work-textMuted);margin-top:6px;font-size:12px;line-height:1.8}.content-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.preview-toolbar{background:var(--work-panel);border-bottom:1px solid var(--work-border);justify-content:space-between;align-items:center;min-height:60px;padding:0 24px;display:flex}.preview-toolbar>div:first-child{color:var(--work-textMuted);align-items:center;gap:8px;font-size:12px;display:flex}.preview-toolbar strong{color:var(--work-text);font-weight:500}.toolbar-caption{border-left:1px solid var(--work-border);font-size:var(--font-caption);margin-left:6px;padding-left:8px}.device-switch{border:1px solid var(--work-border);background:var(--work-canvas);border-radius:6px;gap:2px;padding:3px;display:flex}.device-switch button{color:var(--work-textMuted);background:0 0;border:0;border-radius:3px;place-items:center;width:32px;height:26px;display:grid}.device-switch button.active{background:var(--work-panel);color:var(--brand-primary);box-shadow:0 1px 3px #0001}.preview-stage{background-image:radial-gradient(var(--work-border) .7px, transparent .7px);background-size:14px 14px;flex:1;justify-content:center;min-height:0;padding:28px 28px 0;display:flex;overflow:auto}.empty-canvas{background:var(--work-panel);border:1px solid var(--work-border);width:100%;min-height:510px;transition:width var(--motion-drawer);border-radius:8px;flex-direction:column;flex-shrink:0;align-self:stretch;display:flex;box-shadow:0 5px 20px #17202a05}.empty-canvas.mobile-canvas{width:min(375px,100%)}.canvas-chrome{border-bottom:1px solid var(--work-border);height:38px;color:var(--work-textMuted);font-size:var(--font-caption);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.canvas-chrome>span:nth-child(2){align-items:center;gap:6px;display:flex}.chrome-dots{gap:4px;display:flex}.chrome-dots i{background:var(--work-border);border-radius:50%;width:5px;height:5px}.canvas-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex}.canvas-body h1{letter-spacing:-.5px;margin-top:28px;font-size:clamp(17px,1.5vw,22px)}.canvas-body>p{color:var(--work-textMuted);margin-top:12px;font-size:12px;line-height:1.9}.empty-label{border:1px solid var(--work-border);color:var(--work-textMuted);font-size:var(--font-caption);border-radius:4px;align-items:center;gap:6px;margin-top:20px;padding:4px 9px;display:flex}.empty-label .connection-dot{color:var(--work-textMuted);width:4px;height:4px}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.empty-page-drawing{width:166px;height:132px;position:relative}.drawing-window{background:var(--work-panel);border:1px solid var(--work-border);width:146px;height:132px;box-shadow:9px 9px 0 var(--work-canvas), 9px 9px 0 1px var(--work-border);border-radius:7px;padding:12px;transform:rotate(-4deg)}.drawing-window>span{background:var(--work-border);border-radius:2px;width:40px;height:4px;margin-bottom:12px;display:block}.drawing-hero{border:1px solid color-mix(in srgb, var(--brand-primary) 25%, transparent);background:var(--selection-lightBackground);border-radius:3px;height:34px}.drawing-columns{gap:6px;margin-top:10px;display:flex}.drawing-columns i{background:var(--work-canvas);border:1px solid var(--work-border);border-radius:2px;flex:1;height:21px}.drawing-line{background:var(--work-border);border-radius:2px;width:100%;height:3px;margin-top:9px}.drawing-line.short{width:65%;margin-top:5px}.drawing-cursor{background:var(--brand-primary);width:40px;height:40px;color:var(--brand-onPrimary);border:4px solid var(--work-panel);border-radius:10px;place-items:center;display:grid;position:absolute;bottom:-4px;right:-6px;transform:rotate(8deg);box-shadow:0 4px 8px #0001}.canvas-footer{border-top:1px solid var(--work-border);font-size:var(--font-caption);color:var(--work-textMuted);justify-content:center;align-items:center;gap:7px;padding:16px;display:flex}.preview-hint{min-height:54px;color:var(--work-textMuted);font-size:var(--font-caption);justify-content:center;align-items:center;gap:14px;display:flex}.preview-hint span{align-items:center;gap:5px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{font-size:var(--font-caption);letter-spacing:1.8px;color:var(--work-textMuted);margin-bottom:7px}.page-heading p{color:var(--work-textMuted);margin-top:8px;font-size:12px}.overview-content,.settings-content,.asset-content,.lab-content{flex:1;min-height:0;padding:28px;overflow:auto}.surface-card{background:var(--work-panel);border:1px solid var(--work-border);border-radius:var(--radius-panel)}.surface-card>header{border-bottom:1px solid var(--work-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.surface-card h2{font-size:13px}.light-badge{background:var(--work-panel);border:1px solid var(--work-border);font-size:var(--font-caption);white-space:nowrap;color:var(--work-textMuted);border-radius:5px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.light-badge .connection-dot{color:var(--work-textMuted)}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card{background:var(--work-panel);border:1px solid var(--work-border);border-radius:var(--radius-panel);padding:20px}.metric-card>div{color:var(--work-textMuted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.metric-card svg{color:var(--brand-primary)}.metric-card strong{margin:16px 0 4px;font-size:28px;font-weight:500;display:block}.metric-card p{font-size:var(--font-caption);color:var(--work-textMuted)}.content-overview{margin-bottom:20px}.content-shortcuts{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;padding:20px;display:grid}.content-shortcuts button{white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:36px;padding:4px 8px;font-size:12px;display:flex}.content-shortcuts button:last-child{border-right:0}.content-shortcuts button svg,.content-shortcuts button:hover{color:var(--brand-primary)}.content-shortcuts button strong{color:var(--work-textMuted);padding-left:4px}.overview-columns{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.chart-empty,.chart-empty .feedback{position:relative}.chart-grid{background:repeating-linear-gradient(to bottom, transparent 0, transparent 39px, var(--work-border) 40px);opacity:.4;position:absolute;inset:28px 20px}.feedback{text-align:center;padding:56px 28px}.feedback-icon{background:var(--work-canvas);width:64px;height:64px;color:var(--work-textMuted);border:1px solid var(--work-border);border-radius:16px;place-items:center;margin:0 auto 20px;display:grid}.feedback p{color:var(--work-textMuted);margin-top:10px;font-size:12px;line-height:1.8}.feedback.compact{padding:40px 20px}.feedback.compact .feedback-icon{border-radius:10px;width:44px;height:44px;margin-bottom:14px}.feedback.compact h3{font-size:12px}.feedback.compact p{font-size:var(--font-caption)}.feedback-actions{margin-top:24px}.getting-started{border:1px solid var(--work-border);background:var(--selection-lightBackground);border-radius:8px;align-items:center;gap:16px;margin-top:20px;padding:20px;display:flex}.getting-started h2{font-size:13px}.getting-started p{font-size:var(--font-caption);color:var(--work-textMuted);margin-top:6px}.getting-started .action{margin-left:auto}.start-icon{color:var(--brand-primary);place-items:center;display:grid}.section-label{margin-bottom:16px;font-size:13px}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-actions button{border:1px solid var(--shell-border);background:var(--shell-raised);border-radius:6px;align-items:center;gap:9px;padding:13px 10px;font-size:12px;display:flex}.quick-actions button:hover{border-color:var(--focus-dark)}.storage-line{color:var(--shell-textMuted);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.key-values{gap:16px;margin:0;font-size:12px;display:grid}.key-values>div{justify-content:space-between;display:flex}.key-values dt{color:var(--shell-textMuted)}.key-values dd{margin:0}.support-card{border:1px solid var(--shell-border);background:var(--shell-canvas);border-radius:8px;margin-top:28px;padding:20px}.support-card>svg{color:var(--focus-dark);margin-bottom:12px}.support-card p{font-size:var(--font-caption);color:var(--shell-textMuted);margin:8px 0 12px}.support-card .action{color:var(--focus-dark);padding-left:0}.inline-notice{color:var(--work-textMuted);background:var(--selection-lightBackground);border:1px solid color-mix(in srgb, var(--brand-primary) 15%, var(--work-panel));border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:13px 16px;font-size:12px;display:flex}.inline-notice>svg{color:var(--brand-primary)}.inline-notice>span:last-child:not(:nth-child(2)){font-size:var(--font-caption);white-space:nowrap;margin-left:auto}.settings-card{max-width:800px;padding:24px}.form-group{border:0;min-width:0;margin:24px 0;padding:0}.form-group legend{margin-bottom:14px;padding:0;font-size:13px;font-weight:600}.form-group>.small{margin-bottom:16px}.settings-card .form-group{margin:0}.field{margin-bottom:var(--control-fieldGap)}.field:last-child{margin-bottom:0}.field label{margin-bottom:var(--control-labelGap);font-size:12px;font-weight:500;display:block}.field input,.field textarea,.field select{width:100%;min-height:var(--control-height);color:var(--work-text);background:var(--work-panel);border:1px solid var(--work-border);border-radius:var(--radius-control);padding:8px 10px;font-size:12px;display:block}.field input:disabled{background:var(--work-canvas);opacity:1;color:var(--work-textMuted);cursor:not-allowed}.field input::placeholder,.field textarea::placeholder{color:var(--work-textMuted)}.field textarea{resize:vertical;min-height:100px;line-height:1.8}.field [aria-invalid=true]{border-color:var(--danger-light)}.field-hint{font-size:var(--font-caption);color:var(--work-textMuted);margin-top:7px;line-height:1.7}.required,.field-error{color:var(--danger-light)}.dark .field input,.dark .field textarea,.dark .field select{background:var(--shell-raised);color:var(--shell-text);border-color:var(--shell-border)}.dark .field input::placeholder,.dark .field textarea::placeholder,.dark .field-hint{color:var(--shell-textMuted)}.dark .field [aria-invalid=true]{border-color:var(--danger-dark)}.dark .required,.dark .field-error{color:var(--danger-dark)}.field-selected{border-left:2px solid var(--focus-dark);margin-bottom:16px;margin-left:-12px;padding-left:10px}.asset-toolbar{background:var(--work-panel);border:1px solid var(--work-border);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.asset-toolbar>span:first-child{align-items:center;gap:8px;font-size:12px;display:flex}.asset-empty{background:var(--work-panel);border:1px solid var(--work-border);border-top:0;border-radius:0 0 8px 8px;place-items:center;min-height:440px;display:grid}.lab-actions{gap:8px;display:flex}.draft-badge{color:var(--warning-light)}.demo-content{padding:40px}.demo-kicker{color:var(--brand-primary);font-size:var(--font-caption);margin-bottom:22px;display:block}.selectable{text-align:left;box-sizing:content-box;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;margin:0 -12px;padding:10px 12px;display:block;position:relative}.selectable:hover{border-color:var(--focus-light)}.selectable.selected{border-color:var(--focus-light);outline:1px solid var(--focus-light)}.selection-label{background:var(--brand-primary);height:19px;color:var(--brand-onPrimary);font-size:var(--font-caption);border-radius:3px 3px 0 0;padding:2px 7px;font-weight:400;line-height:15px;display:none;position:absolute;top:-20px;left:-1px}.selectable.selected>.selection-label{display:block}.demo-title{font-size:25px;font-weight:600;line-height:1.7}.demo-description{color:var(--work-textMuted);white-space:pre-wrap;margin-top:18px;font-size:13px;line-height:2}.demo-image{box-sizing:border-box;background:var(--work-canvas);width:100%;min-height:200px;margin-top:26px;margin-left:0;padding:0}.demo-image>span:not(.selection-label){min-height:200px;color:var(--work-textMuted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.demo-image strong{font-size:13px;font-weight:500}.demo-image small{font-size:var(--font-caption)}.demo-image img{object-fit:contain;width:100%;max-height:280px;display:block}.image-placeholder{aspect-ratio:16/10;border:1px dashed var(--shell-border);background:var(--shell-canvas);border-radius:6px;overflow:hidden}.image-placeholder>div{height:100%;font-size:var(--font-caption);color:var(--shell-textMuted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.image-placeholder img{object-fit:contain;width:100%;height:100%}.image-actions{gap:5px;margin-top:10px;display:flex}.image-actions .action:first-child{color:var(--focus-dark);flex:1}.file-name{overflow-wrap:anywhere;color:var(--shell-textMuted);margin:8px 0 16px}.lab-footnote{font-size:var(--font-caption);color:var(--work-textMuted);justify-content:center;align-items:center;gap:6px;margin-top:18px;display:flex}.lab-section>p{padding:24px;font-size:13px}.lab-section>.action{margin:0 24px 24px}.tabs{border-bottom:1px solid var(--work-border);flex-wrap:wrap;gap:4px;padding:12px;display:flex}.tab{color:var(--work-textMuted);background:0 0;border:0;border-radius:5px;padding:8px 12px;font-size:12px}.tab[data-state=active]{background:var(--selection-lightBackground);color:var(--brand-primary)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=1100px){.breadcrumb>.muted,.breadcrumb>svg,.stage-badge{display:none}.topbar{gap:14px}.overview-columns{grid-template-columns:1fr}.getting-started{flex-wrap:wrap}}@media (width<=767px){.topbar{gap:10px;padding:0 12px}.brand strong{display:none}.breadcrumb{font-size:12px}.topbar>.top-divider,.topbar-actions>.top-divider,.topbar-actions .disabled-wrapper,.help-button{display:none}.topbar-actions{gap:4px}.overview-content,.settings-content,.asset-content,.lab-content{padding:20px 16px}.preview-toolbar{padding:0 16px}.toolbar-caption{display:none}.preview-stage{padding:16px 12px 0}.canvas-body{padding:24px 12px}.canvas-footer{font-size:var(--font-caption)}.empty-actions{flex-direction:column}.workspace-status{padding:0 12px}.workspace-status>span:last-child{display:none}.page-heading{flex-wrap:wrap}.metric-grid{grid-template-columns:1fr;gap:10px}.metric-card{padding:16px}.metric-card strong{margin-top:8px}.content-shortcuts{grid-template-columns:1fr 1fr;gap:16px 0}.content-shortcuts button:nth-child(2n){border-right:0}.content-shortcuts button{justify-content:flex-start;padding-left:16px}.demo-content{padding:28px}.demo-title{font-size:20px}.inline-notice{flex-wrap:wrap}.getting-started .action{margin-left:0}.overlay-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.settings-content>.workspace-editor-toolbar,.asset-content>.workspace-editor-toolbar{z-index:5;margin:-28px -28px 20px;position:sticky;top:-28px}.video-library>.component-editor>.workspace-editor-toolbar{z-index:5;margin:-24px -24px 20px;position:sticky;top:-24px}.toolbar-description{color:var(--work-textMuted);margin:0 0 20px;font-size:12px;line-height:1.6}.workspace-editor-toolbar .platform-back{white-space:nowrap;font-size:12px;margin:0!important}@media (width<=700px){.settings-content>.workspace-editor-toolbar,.asset-content>.workspace-editor-toolbar{margin:-16px -16px 16px;top:-16px}}.overlay-content.compact-density .overlay-heading{gap:12px;padding:16px 20px}.overlay-content.compact-density .overlay-description{margin-top:4px;line-height:1.5}.overlay-content.compact-density .overlay-body{padding:12px 20px 16px;overflow:hidden}@media (width<=640px){.overlay-content.compact-density .overlay-heading{padding:12px}.overlay-content.compact-density .overlay-body{padding:10px 12px 12px}}