.studio-surface{--topbar-h:68px}.studio-surface .studio .top .export-action{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transition-property:transform}.studio-surface .studio .top .export-action:hover{background:var(--accent-hover);color:var(--accent-contrast)}.studio-surface .studio .top{background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 2px 0 var(--soft-edge-color);gap:10px;padding-inline:20px}.studio-surface .studio .top>.btn,.studio-surface .studio .top>.menu>summary{border-color:var(--soft-edge-color)}.studio-surface .studio .brand{color:var(--text);letter-spacing:-.9px}.studio-surface .studio .brand-mark{background:var(--bg);border:1px solid var(--soft-edge-color);border-radius:13px;box-shadow:var(--soft-small);color:var(--accent)}.studio-surface .studio .top .name{background:transparent;border-color:transparent;box-shadow:none}.studio-surface .studio .top .name:focus,.studio-surface .studio .top .name:hover,.studio-surface .workspace-modes{background:var(--bg);border-color:var(--border);box-shadow:var(--soft-inset)}.studio-surface .workspace-modes{border-radius:14px;padding:5px}.studio-surface .workspace-modes [aria-current]{background:var(--bg-hover);border-radius:10px;box-shadow:var(--soft-small);color:var(--accent)}.studio-surface .save-status{background:var(--bg);box-shadow:var(--soft-inset);color:var(--text-muted)}.studio-surface .save-saved{color:var(--ok)}.studio-surface .save-error{background:var(--danger-soft);color:var(--danger)}.studio-surface .canvas-area{border:1px solid var(--border);border-radius:22px;box-shadow:var(--soft-inset);margin:4px 16px 12px;overflow:hidden}.studio-surface .canvas-wrap{background:var(--bg-inset);border-radius:21px}.studio-surface .page-heading{color:var(--text-muted);gap:10px}.studio-surface .workspace-footer{background:var(--bg);border-top-color:var(--soft-edge-color);gap:7px}.studio-surface .workspace-footer .btn{background:transparent;border-color:transparent;box-shadow:none}.studio-surface .workspace-footer .btn:hover{box-shadow:var(--soft-small)}.studio-surface aside.left{border-right-color:var(--border)}.studio-surface .left .tabs,.studio-surface aside.left{background:var(--bg);box-shadow:2px 0 0 var(--soft-edge-color)}.studio-surface .left .tabs{border-right:1px solid var(--border);gap:10px;padding-top:18px}.studio-surface .left .tabs button{border-radius:17px;color:var(--text-muted)}.studio-surface .left .tabs button:hover{background:var(--bg);box-shadow:var(--soft-small)}.studio-surface .left .tabs button.on{background:var(--bg);border-color:transparent;box-shadow:var(--soft-inset);color:var(--accent)}.studio-surface .left .panel-heading{background:var(--bg);color:var(--text);font-size:18px}.studio-surface .left .panel-heading .btn{background:var(--bg)}.studio-surface .left :is(.tile,.text-preset,.broadcast-card,.block-card,.preset-card){background:var(--bg);border:1px solid var(--soft-edge-color);border-radius:17px;box-shadow:var(--soft-small)}.studio-surface .left :is(.tile,.text-preset,.broadcast-card,.block-card,.preset-card):hover{border-color:var(--border-strong);box-shadow:var(--soft-raised);color:var(--accent-hover)}.studio-surface .left .tile{color:var(--text-muted)}.studio-surface .left .tile>svg{color:var(--accent)}.studio-surface .left :is(.tiles,.block-grid){gap:14px 12px;padding:3px}.studio-surface .left .broadcast-card{overflow:hidden}.studio-surface .left .broadcast-card .art{border-radius:12px;margin:6px;overflow:hidden;width:calc(100% - 12px)}.studio-surface .left .compact .card-pad .btn.primary{background:var(--bg);border-color:var(--soft-edge-color);box-shadow:var(--soft-small);color:var(--accent-hover)}.studio-surface .left .compact .card-pad .btn.primary:hover{background:var(--accent-soft)}.studio-surface .left :is(.blocks-intro,.save-card,.motion-intro,.friendly-motion,.collection-empty){background:var(--bg);border-color:var(--soft-edge-color);border-radius:18px;box-shadow:var(--soft-inset)}.studio-surface .left :is(.blocks-sticker,.save-icon){background:var(--bg);border:1px solid var(--soft-edge-color);border-radius:12px;box-shadow:var(--soft-small);color:var(--accent);transform:none}.studio-surface .block-card{--card-tint:var(--accent-soft);--card-ink:var(--accent-hover)}.studio-surface .block-card.peach{--card-tint:#e7e6e4;--card-ink:#645b51}.studio-surface .block-card.mint{--card-tint:#dfe8e5;--card-ink:#3e6558}.studio-surface .block-card .art{box-shadow:var(--soft-edge)}.studio-surface .block-card .art-dot{opacity:.35}.studio-surface .block-card .remove-block{background:var(--bg);box-shadow:var(--soft-small)}.studio-surface .left :is(.motion-intro p,.friendly-motion p,.setting-caption,.effect-heading>span){color:var(--text-muted)}.studio-surface .left .effect-heading>span{background:var(--accent-soft)}.studio-surface .left .preset-card.chosen{background:var(--accent-soft);border-color:var(--border-strong);box-shadow:var(--soft-inset);color:var(--accent-hover)}.studio-surface .left .motion-apply{background:var(--bg);border-color:var(--soft-edge-color);box-shadow:var(--soft-raised)}.studio-surface .left .blocks-intro strong{color:var(--text)}.studio-surface .left .blocks-intro p{color:var(--text-muted)}.studio-surface .left .intro-sparkle{color:var(--accent)}.studio-surface .record-live,.studio-surface .recorder-card{background:var(--bg);border-color:var(--soft-edge-color);box-shadow:var(--soft-raised)}.studio-surface .record-live{border-left:3px solid var(--danger)}.studio-surface :is(.recorder-copy,.take-summary,.recorder-heading p,.record-target,.record-live>p,.recorder-card summary){color:var(--text-muted)}.studio-surface .recorder-icon{background:var(--bg);box-shadow:var(--soft-inset);color:var(--accent)}.studio-surface .record-live progress{accent-color:var(--danger)}.studio-surface .record-dot{background:var(--danger)}.studio-surface .tools{background:var(--bg);border-color:var(--soft-edge-color);border-radius:var(--r-lg);box-shadow:var(--soft-raised);margin:16px 16px 4px}.studio-surface .tools .utility{border-color:var(--border)}.studio-surface .tools .kind-icon{background:var(--bg);box-shadow:var(--soft-small);color:var(--accent)}.studio-surface .tools .kind-label{color:var(--text-muted)}.studio-surface .tools .control-group>.btn,.studio-surface .tools .control-group>details>summary,.studio-surface .tools .quick-actions .btn,.studio-surface .tools .selection>.btn,.studio-surface .tools .selection>details>summary{background:var(--bg);border:1px solid var(--soft-edge-color);box-shadow:var(--soft-small);color:var(--text-muted)}.studio-surface .tools .selection .btn:hover:not(:disabled),.studio-surface .tools .selection summary:hover{background:var(--bg-hover);color:var(--accent)}.studio-surface .tools .selection .btn[aria-pressed=true],.studio-surface .tools .selection details[open]>summary{background:var(--accent-soft);border-color:var(--border-strong);box-shadow:var(--soft-inset);color:var(--accent-hover)}.studio-surface .tools .selection>.control-group .font-size .input,.studio-surface .tools .selection>.control-group>.input{background:var(--bg);border-color:var(--border);box-shadow:var(--soft-inset)}.studio-surface .tools .utility .selection-name{background:transparent;box-shadow:none;color:var(--text)}.studio-surface .tools .utility .selection-name:focus{background:var(--bg);box-shadow:var(--soft-inset)}.studio-surface .tools :is(.popover-note,.alignment-grid .btn){background:var(--bg);border-color:var(--soft-edge-color);color:var(--text-muted)}.studio-surface .tools .popover-note{box-shadow:var(--soft-inset)}.studio-surface .tools .toolbar-divider{background:var(--border)}.studio-surface .tools .color-dot{box-shadow:0 0 0 1px var(--border-strong)}.studio-surface .tools .quick-actions .delete-action:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.studio-surface .text-grip{background:var(--bg);border-color:var(--accent);box-shadow:var(--soft-small);color:var(--accent)}.studio-surface .inline-text-input{outline-color:var(--accent)}.studio-surface .inline-text-input::-moz-selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.studio-surface .inline-text-input::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.studio-surface .bottom{border-color:var(--soft-edge-color);border-radius:20px 20px 0 0;box-shadow:var(--soft-raised);margin-inline:16px}.studio-surface .tl,.studio-surface .tl .bar{background:var(--bg);border-color:var(--border)}.studio-surface .scene-strip{gap:16px}.studio-surface .scene-strip .page-card{background:var(--bg);border-color:var(--soft-edge-color);border-radius:15px;box-shadow:var(--soft-small)}.studio-surface .scene-strip .page-card.selected{background:var(--bg);border-color:var(--accent);box-shadow:var(--soft-inset)}.studio-surface .scene-strip .page-card strong{background:var(--accent-soft);color:var(--accent-hover)}.studio-surface .scene-strip .add-page{background:var(--bg);border-color:var(--border-strong);border-radius:15px;box-shadow:var(--soft-inset)}.studio-surface .right{background:var(--bg);border-color:var(--border)}.studio-surface .rtabs{background:var(--bg);padding:10px}.studio-surface .rtabs .on{background:var(--bg);box-shadow:var(--soft-inset);color:var(--accent)}.studio-surface .layers{gap:6px;padding:12px}.studio-surface .layer{min-height:36px}.studio-surface .layer.sel{background:var(--bg);box-shadow:var(--soft-inset);color:var(--accent-hover)}.studio-surface .layer .btn{background:transparent;border-color:transparent;box-shadow:none}.studio-surface .insp{background:var(--bg)}.studio-surface .insp :is(section,.detail-card,.inspector-hero){background:var(--bg);border-color:var(--soft-edge-color);border-radius:17px;box-shadow:var(--soft-small)}.studio-surface .insp :is(h3,h4,.detail-card>summary){color:var(--text)}.studio-surface .insp :is(.inspector-tip,.inspector-hero p,.track-count){color:var(--text-muted)}.studio-surface .insp .field>span:first-child{color:var(--text-muted)}.studio-surface .insp .hero-icon{background:var(--bg);box-shadow:var(--soft-inset);color:var(--accent)}.studio-surface .slideshow-settings{background:var(--bg);border-color:var(--soft-edge-color);box-shadow:var(--soft-inset)}.studio-surface .slideshow-settings.compact{border:0;box-shadow:none}.studio-surface .slideshow-settings .mode-switch{background:var(--bg);border-color:var(--border);box-shadow:var(--soft-inset)}.studio-surface .slideshow-settings .mode-switch [aria-pressed=true]{background:var(--bg-hover);box-shadow:var(--soft-small);color:var(--accent-hover)}.studio-surface .live-toolbar{background:var(--bg);border-color:var(--border)}.studio-surface .live-program,.studio-surface .tool-drawer{background:var(--bg);border-color:var(--soft-edge-color);box-shadow:var(--soft-raised)}.studio-surface .live-program{box-shadow:5px 8px 20px #26334d38,var(--soft-edge)}.studio-surface .output-only .live-program{box-shadow:var(--soft-inset)}.studio-surface .tool-drawer .panel-title{background:var(--bg);border-bottom:1px solid var(--soft-edge-color)}.studio-surface .tool-drawer :is(.target-strip,.setup-grid .card){background:var(--bg);color:var(--text-muted)}.studio-surface .tool-drawer .target-strip p{color:var(--text-muted)}.studio-surface .program-lock{background:var(--bg);border-color:var(--border);box-shadow:var(--soft-inset)}.studio-surface .program-lock.unlocked{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.studio-surface .live-toolbar .state:not(.live):not(.failed):not(.reconnecting):not(.connecting):not(.stopping){background:var(--bg);box-shadow:var(--soft-inset)}@media(max-width:1199px){.studio-surface .studio .top{gap:6px;padding-inline:10px}.studio-surface .tools{margin:12px 12px 4px}.studio-surface .canvas-area{margin-inline:12px}}@media(max-width:719px){.studio-surface .studio .top{gap:5px;padding-inline:8px}.studio-surface .studio .top .name{font-size:11px;min-width:0;padding-inline:5px;width:0}.studio-surface .studio .top .export-action,.studio-surface .studio .top>.menu>summary{font-size:12px;padding-inline:8px}.studio-surface .workspace-modes{flex-shrink:0;font-size:11px;gap:2px;padding:3px}.studio-surface .workspace-modes>:not(.ui-choice-pill){padding-inline:7px}.studio-surface .workspace-modes svg{display:none}}.full[data-v-5ed646e1]{background:var(--bg);color:var(--text);height:100%}