:root{--bg:#08090a;--bg-deep:#050607;--panel:#0b0c0f;--panel2:#101115;--panel3:#15161a;--panel-row:#0f1119;--panel-row-hover:#151822;--selection:#101826;--selection-tint:#36536a;--selection-control:#2d4a5c;--ink:#f1f1f2;--ink-bright:#fff;--ink-soft:#e7e7e9;--ink-faint:#bfc0c4;--muted:#8b8c92;--muted-strong:#a3a4a9;--muted-dim:#777980;--accent:#f4f4f5;--track:#3b3c40;--control:#303136;--control-mid:#55575d;--control-active:#6f7178;--control-legacy:#2a2d3a;--control-thumb:#787c8c;--elevated:#1c1d21;--elevated-2:#2c2d32;--elevated-3:#121316;--gray-40:#3f4046;--gray-50:#5a5b62;--gray-60:#7a7b82;--gray-80:#c9cacd;--brand-05:#090a0c;--danger:#ff9ba8;--line:#ffffff1c;--line-soft:#ffffff14;--line-strong:#ffffff1f;--line-loud:#ffffff24;--line-louder:#ffffff2e;--fill-hover:#ffffff17;--fill-10:#ffffff1a;--fill-soft:#ffffff0d;--fill-softer:#ffffff09;--fill-faint:#ffffff06;--fill-quiet:#ffffff05;--fill-mid:#ffffff12;--shadow:#00000073;--shadow-strong:#00000080;--overlay:#000000ad;--font-ui:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--font-display:Fraunces, ui-serif, serif;--text-2xs:8px;--text-xs:9px;--text-sm:10px;--text-md:11px;--text-lg:12px;--text-xl:14px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:18px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--studio-safe-top:env(safe-area-inset-top,0px);--studio-safe-right:env(safe-area-inset-right,0px);--studio-safe-bottom:env(safe-area-inset-bottom,0px);--studio-safe-left:env(safe-area-inset-left,0px);--studio-vv-top:0px;--studio-vv-bottom:0px}html.wa-dark,html.wa-theme-default.wa-dark{--wa-font-family-body:var(--font-ui);--wa-font-family-heading:var(--font-ui);--wa-font-family-code:var(--font-mono);--wa-font-size-scale:.875;--wa-border-radius-scale:1.1;--wa-color-surface-default:var(--panel);--wa-color-surface-raised:var(--panel2);--wa-color-surface-lowered:var(--bg-deep);--wa-color-surface-border:var(--line-strong);--wa-color-text-normal:var(--ink);--wa-color-text-quiet:var(--muted);--wa-color-focus:var(--accent);--wa-color-brand-05:var(--brand-05);--wa-color-brand-10:var(--elevated-3);--wa-color-brand-20:var(--elevated);--wa-color-brand-30:var(--elevated-2);--wa-color-brand-40:var(--gray-40);--wa-color-brand-50:var(--gray-50);--wa-color-brand-60:var(--gray-60);--wa-color-brand-70:var(--muted-strong);--wa-color-brand-80:var(--gray-80);--wa-color-brand-90:var(--ink-soft);--wa-color-brand-95:var(--accent);--wa-color-neutral-05:var(--brand-05);--wa-color-neutral-10:var(--elevated-3);--wa-color-neutral-20:var(--elevated);--wa-color-neutral-30:var(--elevated-2);--wa-color-neutral-40:var(--gray-40);--wa-color-neutral-50:var(--gray-50);--wa-color-neutral-60:var(--muted);--wa-color-neutral-70:var(--muted-strong);--wa-color-neutral-80:var(--gray-80);--wa-color-neutral-90:var(--ink-soft);--wa-color-neutral-95:var(--accent);--wa-color-brand-fill-quiet:var(--wa-color-brand-10);--wa-color-brand-fill-normal:var(--wa-color-brand-20);--wa-color-brand-fill-loud:var(--wa-color-brand-90);--wa-color-brand-border-quiet:var(--wa-color-brand-20);--wa-color-brand-border-normal:var(--wa-color-brand-30);--wa-color-brand-border-loud:var(--wa-color-brand-50);--wa-color-brand-on-quiet:var(--wa-color-brand-70);--wa-color-brand-on-normal:var(--wa-color-brand-80);--wa-color-brand-on-loud:var(--wa-color-brand-05);--wa-color-neutral-fill-quiet:var(--wa-color-neutral-10);--wa-color-neutral-fill-normal:var(--wa-color-neutral-20);--wa-color-neutral-fill-loud:var(--wa-color-neutral-90);--wa-color-neutral-border-quiet:var(--wa-color-neutral-20);--wa-color-neutral-border-normal:var(--wa-color-neutral-30);--wa-color-neutral-border-loud:var(--wa-color-neutral-50);--wa-color-neutral-on-quiet:var(--wa-color-neutral-60);--wa-color-neutral-on-normal:var(--wa-color-neutral-70);--wa-color-neutral-on-loud:var(--wa-color-neutral-05)}.studio-select,.studio-input,.studio-slider,.studio-switch,.studio-details{width:100%;font-family:var(--font-ui)}.studio-select,.studio-input{--wa-form-control-background-color:var(--panel);--wa-form-control-border-color:var(--line-loud);--wa-form-control-border-radius:var(--radius-md);--wa-form-control-height:2.125rem}.compose-preset,.compose-quality{--wa-form-control-height:2rem;--wa-form-control-background-color:transparent;--wa-form-control-border-color:transparent;width:auto;min-width:7.5rem}.compose-preset::part(combobox),.compose-quality::part(combobox){box-shadow:none;min-height:30px;color:var(--ink);font:500 11px/1 var(--font-ui);background:0 0;border:0;padding-inline:8px}.compose-preset:hover::part(combobox),.compose-quality:hover::part(combobox),.compose-preset[open]::part(combobox),.compose-quality[open]::part(combobox){background:var(--fill-hover)}.studio-slider{--track-size:.7em;--thumb-width:1.15em;--thumb-height:1.15em}.studio-slider::part(track){background:var(--track)}.studio-slider::part(indicator){background:var(--accent)}.studio-slider::part(thumb){background:var(--accent);border-color:var(--brand-05)}.tune-range .studio-slider,.macro-row .studio-slider,.asset-builder-ranges .studio-slider,.scene-control .studio-slider{margin-top:4px}.macro-row{align-items:center}.macro-row .studio-slider{flex:1;min-width:0}.studio-field{color:var(--muted);font:600 8px/1.4 var(--font-ui);gap:4px;display:grid}.studio-field.full,.studio-field-span{grid-column:1/-1}.project-substrate,.artwork-map-fields,.asset-builder-fields,.pattern-builder-group,.pattern-composite,.signal-assignment-grid{gap:8px;display:grid}.project-substrate{color:var(--muted);font:600 9px/1.4 var(--font-ui);gap:8px;padding:7px 9px 10px;display:grid}wa-select.pattern-control,wa-input.pattern-control,wa-select.tune-select,wa-input.studio-input,wa-select.studio-select{height:auto;min-height:0;color:inherit;box-sizing:border-box;background:0 0;border:0;padding:0}.studio-switch{--height:1.25rem;--width:2.1rem;--thumb-size:.9rem;width:auto}.studio-switch::part(control){background:var(--control)}.studio-switch:state(checked)::part(control){background:var(--control-active)}.studio-switch::part(thumb){background:var(--accent)}#tuneContext{align-items:center;gap:10px;padding-right:12px;display:flex}.studio-icon,.light-rig-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.studio-icon{width:16px;height:16px}.studio-icon--sm{width:14px;height:14px}.studio-icon--md{width:18px;height:18px}.studio-icon--lg{width:20px;height:20px}.compose-control.icon-only{place-items:center;width:34px;min-width:34px;height:34px;padding:0;line-height:0;display:grid}.compose-control.icon-only>[data-icon],.compose-control.icon-only>.studio-icon{place-items:center;width:16px;height:16px;line-height:0;display:grid}.compose-control.icon-only .studio-icon{width:16px;height:16px}.studio-select,.studio-slider,.studio-switch,.asset-tool,.asset-assign button,.asset-manage button,.substrate-chip,.popover-row,.scene-rig,.outcome,.studio-slider::part(base),.studio-slider::part(thumb),.studio-slider::part(track),.studio-select::part(combobox),.studio-select::part(expand-icon-container){cursor:pointer}.selector-trigger:after{content:"";border:4px solid #0000;border-top:5px solid;border-bottom:0;width:0;height:0;margin:0 1px 0 auto;transition:transform .15s;transform:none}.selector-trigger[aria-expanded=true]:after{margin-top:0;transform:rotate(180deg)}.studio-select::part(expand-icon-container){transition:rotate .15s;rotate:0deg}.studio-select[open]::part(expand-icon-container){rotate:180deg}.studio-select wa-option::part(checked-icon){visibility:visible;box-sizing:border-box;width:5px;height:5px;color:var(--muted-strong);border:.75px solid;border-radius:50%;flex:0 0 5px;margin-inline:6px 12px;font-size:0}.studio-select wa-option:state(selected)::part(checked-icon){color:inherit;background:currentColor}.asset-manage{gap:6px;margin-top:6px;margin-bottom:8px}.asset-assign{gap:6px;padding-top:2px}.asset-assign button,.asset-manage button{min-height:28px}#composeBottom{z-index:18;left:50%;bottom:calc(var(--studio-vv-bottom) + max(22px, calc(var(--studio-safe-bottom) + 10px)));max-width:calc(100% - 28px - var(--studio-safe-left) - var(--studio-safe-right));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px)saturate(105%);backdrop-filter:blur(22px)saturate(105%);box-shadow:0 18px 55px var(--shadow);background:#090a0cd1;border-radius:18px;align-items:stretch;gap:8px;padding:7px;display:flex;position:absolute;overflow:visible;transform:translate(-50%)}.project-face-section{border-bottom:1px solid var(--line-soft);margin-bottom:14px;padding-bottom:14px}.card-face-controls{align-items:center;gap:4px;margin-bottom:8px;display:flex}.card-face-controls span{color:var(--muted);font:500 11px var(--font-ui);margin-right:auto}.card-face-controls button{min-height:36px;color:var(--muted-strong);font:600 11px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px}.card-face-controls button[aria-pressed=true],.card-face-controls button:hover{background:var(--fill-hover);color:var(--ink-bright)}.project-face-help{color:var(--muted);font:500 11px/1.5 var(--font-ui)}.project-face-section .asset-tool{margin:4px 4px 0 0}@media (width<=720px){.card-face-controls button,.project-face-section .popover-row,.project-face-section .asset-tool{min-height:44px}}#composeBottom::-webkit-scrollbar{display:none}.substrate-dock{border-right:1px solid var(--line-soft);flex:none;align-items:center;padding:2px 6px 2px 2px;display:flex;position:relative}.substrate-chip{width:40px;height:44px;color:var(--muted-strong);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.substrate-chip .studio-icon{width:18px;height:18px}.substrate-chip:hover,.substrate-chip.active,.substrate-dock.open .substrate-trigger{background:var(--fill-hover);color:var(--ink-bright)}.substrate-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.substrate-menu{z-index:28;border:1px solid var(--line-loud);width:280px;max-width:calc(100vw - 32px);box-shadow:0 18px 50px var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090a0cf5;border-radius:14px;padding:8px;display:none;position:absolute;bottom:calc(100% + 10px);left:0}.substrate-dock.open .substrate-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.substrate-menu .substrate-chip{width:auto;min-width:0;height:48px;font:500 11px/1.25 var(--font-ui);text-align:left;gap:10px;padding:8px;display:flex}.substrate-menu .substrate-chip .studio-icon{flex:0 0 18px}#composeDock{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:none;box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;min-width:0;padding:0;display:flex;position:static;bottom:auto;left:auto;overflow-x:auto;transform:none}#composeDock::-webkit-scrollbar{display:none}@media (width<=760px),(height<=500px) and (width<=960px){#composeBottom{bottom:calc(var(--studio-vv-bottom) + max(12px, calc(var(--studio-safe-bottom) + 8px)));max-width:calc(100% - 16px - var(--studio-safe-left) - var(--studio-safe-right));border-radius:16px;gap:4px;padding:5px}.substrate-chip{width:36px;height:40px}.substrate-dock.open .substrate-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-entry{min-width:44px;height:44px}}.popover-row .studio-icon,.asset-tool .studio-icon,.tune-action .studio-icon,.action-icon .studio-icon,.outcome .studio-icon{width:15px;height:15px}.action-icon{width:16px;height:16px;color:var(--ink);place-items:center;display:grid}.tune-action .icon{flex:none;place-items:center;width:18px;height:18px;display:grid}.light-rig-icon{width:100%;height:100%}.scene-rig .light-rig-icon,.light-swatch .light-rig-icon{width:52px;height:38px}.tune-context-icon{width:28px;height:28px;color:var(--ink);flex:none;place-items:center;display:grid}.tune-context-icon .studio-icon,.tune-context-icon svg,.finish-icon .studio-icon,.finish-icon svg{width:20px;height:20px}.asset-tool,.popover-row{align-items:center;gap:8px;display:flex}.compose-brand-mark .studio-icon{width:16px;height:16px}.compose-brand .compose-brand-name{font-size:var(--text-md);letter-spacing:-.025em;line-height:1.15}.compose-finish-dock .finish-chip{font:500 var(--text-xs)/1.15 var(--font-ui);gap:3px}.compose-control{font:500 var(--text-md)/1.2 var(--font-ui)}.compose-finish-dock .finish-chip .finish-icon{color:inherit}.finish-power{color:var(--accent);place-items:center;display:grid}.finish-power:before{content:none}.finish-power .state-icon{pointer-events:none;width:10px;height:10px}.finish-entry.off .finish-power{color:var(--muted-strong)}#composeRecipes{align-items:center;gap:var(--space-2);display:inline-flex}.asset-section .texture-heading{align-items:center;gap:var(--space-2);display:flex}.texture-heading .studio-icon{width:14px;height:14px}.tune-context-copy{gap:2px;min-width:0;display:grid}.tune-context-copy b{color:var(--ink);font:650 13px/1.2 var(--font-ui)}.tune-context-copy span{color:var(--muted);font:500 9px/1.35 var(--font-ui)}#tuneContext .studio-switch{flex:none;margin-left:auto}.tray-head .studio-switch{margin-left:auto}.studio-details{--spacing:.65rem;margin-top:6px}.studio-details::part(header){color:var(--muted-strong);font:600 9px var(--font-ui)}.studio-details::part(content){padding-block-end:4px}.asset-card img,.pattern-chooser-card img{aspect-ratio:1.7;object-fit:cover;width:100%;max-width:100%;height:auto;display:block}:root{--studio-panel-width:360px;--studio-panel-padding:16px}.compose-tools .tool-group{flex:none;align-items:center;gap:2px;display:flex}.compose-tools .tool-group+.tool-group{border-left:1px solid var(--line-soft);margin-left:4px;padding-left:6px}.compose-brand{opacity:1;gap:10px;min-height:34px;padding-inline:4px;display:flex}.brand-bar{box-shadow:none;background:0 0;border-color:#0000}.compose-brand .compose-brand-mark,.compose-brand .compose-brand-mark .studio-icon{width:30px;height:30px}.compose-brand .compose-brand-name{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.wordmark-holo{width:82px;height:auto;display:block}.wordmark-cards{font:600 8px/1 var(--font-ui);letter-spacing:.38em;text-transform:uppercase}.compose-brand-name{position:relative}.compose-brand-name:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(110deg,#bcecff,#d2b8ff,#ffd1d9,#c3ffe4,#bcecff) 0 0/250% 100%;width:82px;height:22px;transition:opacity .25s;position:absolute;top:0;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%2024'%20fill='none'%20stroke='%23f3f3f3'%20stroke-width='4'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3cpath%20d='M2%203v18M15%203v18M2%2012h13M49%203v18h13'/%3e%3crect%20x='24'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3crect%20x='71'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%2024'%20fill='none'%20stroke='%23f3f3f3'%20stroke-width='4'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3cpath%20d='M2%203v18M15%203v18M2%2012h13M49%203v18h13'/%3e%3crect%20x='24'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3crect%20x='71'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3c/svg%3e") 50%/contain no-repeat}@media (hover:hover) and (pointer:fine){.compose-brand:hover .compose-brand-name:before{opacity:1;animation:2s ease-in-out infinite alternate brand-holo-sweep}.compose-brand:hover .studio-icon{stroke:url(#brand-hover-spectrum)}}@keyframes brand-holo-sweep{to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.compose-brand:hover .compose-brand-name:before{transition:none;animation:none}}#composeTopbar #popToggle{width:34px;min-width:34px;height:34px;box-shadow:none;color:var(--muted-strong);font:500 var(--text-md)/1.2 var(--font-ui);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:static}#composeTopbar #composeRecipes,#composeTopbar #composeLab{place-items:center;width:34px;min-width:34px;height:34px;padding:0;display:grid}#composeTopbar .lab-label{display:none}#composeTopbar #popToggle:hover,#composeTopbar [aria-expanded=true]{background:var(--fill-hover);color:var(--ink)}#composeTopbar #composeLab[aria-expanded=true]{background:var(--fill-hover)}#studioPanel{z-index:22;top:var(--studio-panel-top,68px);bottom:var(--studio-panel-bottom,96px);right:max(14px, var(--studio-safe-right));width:min(var(--studio-panel-width), calc(100% - 28px - var(--studio-safe-left) - var(--studio-safe-right)));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control) transparent;border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 18px 55px var(--shadow);color:var(--ink-soft);font:500 var(--text-md)/1.5 var(--font-ui);background:#0b0c0e;scroll-padding-block:80px 16px;position:absolute;overflow:hidden auto}#studioPanel[hidden]{display:none}#studioPanel>.studio-panel-view{min-height:100%;font-family:var(--font-ui);margin:0;width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;position:static!important;inset:auto!important;overflow:visible!important}#studioPanel>.compose-popover:not(.open),#studioPanel:not([data-panel=sidebar])>#sidebar{display:none!important}#studioPanel>.compose-popover.open{display:block}#studioPanel .studio-panel-head{z-index:3;border-bottom:1px solid var(--line-soft);background:#0b0c0e;align-items:flex-start;gap:12px;margin:0;padding:16px 16px 14px;display:flex;position:sticky;top:0}#studioPanel .studio-panel-copy,#studioPanel .tune-head-copy{flex:1;min-width:0}#studioPanel .studio-panel-head h2{font:600 13px/1.3 var(--font-ui);margin:0}#studioPanel .studio-panel-head p,#studioPanel .studio-panel-head .sub{color:var(--muted-dim);font:500 9px/1.45 var(--font-ui);margin:4px 0 0}#studioPanel .panel-close,#studioPanel #tuneClose{width:28px;min-width:28px;height:28px;min-height:28px}#studioPanel .panel-close .studio-icon,#studioPanel #tuneClose .studio-icon{width:14px;height:14px}#studioPanel .studio-panel-body{padding:var(--studio-panel-padding)}#studioPanel #tuneContext{margin:16px 16px 0;padding:12px}#studioPanel #tuneBody{padding:0 16px 16px}#studioPanel .tune-section{padding:18px 0}#studioPanel .tune-section:last-child{padding-bottom:0}#studioPanel .tune-section-head{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:14px}#studioPanel .tune-section-head b{font-size:11px}#studioPanel .tune-section-head span{font:500 8px/1.5 var(--font-ui);color:var(--muted-dim);letter-spacing:.06em}#studioPanel .tune-range{margin:0 0 16px}#studioPanel .tune-action+.tune-range,#studioPanel .tune-select+.tune-range,#studioPanel .tune-mask-actions+.tune-select{margin-top:14px}#studioPanel .tune-advanced-content{padding-top:12px}#studioPanel .project-substrate{gap:16px;padding:0}#studioPanel .artwork-map-fields{gap:12px;margin:0 0 12px;padding:16px 0 0}#studioPanel .project-substrate-status{color:var(--muted-dim);font:500 9px/1.5 var(--font-ui);margin:8px 0 18px}#studioPanel .popover-row{height:auto;min-height:36px;font:500 var(--text-md)/1.3 var(--font-ui);color:var(--ink-faint);gap:9px;padding:9px 10px}#studioPanel .popover-row.active{color:var(--ink);background:var(--fill-hover)}#studioPanel .popover-row .studio-icon{width:15px;height:15px}#studioPanel #composeQuality{border-top:1px solid var(--line-soft);width:100%;margin-top:16px;padding-top:12px;display:block}#studioPanel .studio-select,#studioPanel .studio-input{--wa-form-control-height:32px;--wa-form-control-border-radius:8px}#studioPanel .studio-select::part(combobox),#studioPanel .studio-input::part(input){font:500 var(--text-md)/1.35 var(--font-ui)}#studioPanel .studio-select::part(form-control-label),#studioPanel .studio-input::part(form-control-label){font:500 var(--text-sm)/1.4 var(--font-ui);color:var(--muted-strong);margin-bottom:6px}#studioPanel .tune-range label,#studioPanel .scene-control label{color:var(--muted-strong);font:500 var(--text-sm)/1.4 var(--font-ui);margin-bottom:6px}#studioPanel output{color:var(--ink-faint);font:500 var(--text-xs)/1.4 var(--font-mono)}#studioPanel .scene-control{margin:0 0 16px}#studioPanel .studio-slider{margin:2px 0 0;font-size:12px}#studioPanel #composePop{appearance:auto;height:auto;margin:8px 0 18px}#studioPanel .asset-section{padding:18px 0}#studioPanel .asset-section:first-child{border-top:0;padding-top:0}#studioPanel .asset-section:last-child{padding-bottom:0}#studioPanel .asset-section h3{margin-bottom:12px}#studioPanel .asset-section>p,#studioPanel .asset-builder-note{font:500 9px/1.5 var(--font-ui);color:var(--muted-dim)}#studioPanel .asset-tools{gap:8px;margin-block:12px}#studioPanel .asset-tool{height:auto;min-height:32px;font:500 var(--text-sm)/1.3 var(--font-ui);background:var(--fill-faint);padding:7px 9px}#studioPanel .asset-builder{grid-template-columns:64px minmax(0,1fr);gap:12px}#studioPanel .asset-builder img{border-radius:7px;width:64px;height:64px}#studioPanel .asset-builder-fields{gap:10px}#studioPanel .asset-builder-ranges{gap:12px;margin-top:8px}#studioPanel .pattern-builder-group,#studioPanel .pattern-composite{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}#studioPanel .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#studioPanel .scene-rigs{gap:8px;margin:0 0 18px}#studioPanel .scene-rig{min-height:48px;font:500 var(--text-sm)/1.3 var(--font-ui);grid-template-columns:38px minmax(0,1fr);gap:8px;padding:8px 9px}#studioPanel .scene-rig .light-rig-icon{width:38px;height:27px}#studioPanel .scene-rig.active{color:var(--ink);background:var(--fill-hover);border-color:var(--line-louder)}#studioPanel .pop-title{font:600 16px/1.2 var(--font-ui);letter-spacing:-.02em}#studioPanel .mood-chip{min-height:34px;font-size:10px}#studioPanel .mood-swatch{opacity:.7;border-radius:3px;width:12px;height:12px}#studioPanel #composeShuffle{font:500 10px/1.3 var(--font-ui);background:var(--fill-faint)}#studioPanel .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#studioPanel .recipe-tile{background:0 0;border-radius:9px;padding:7px}#studioPanel .recipe-tile[aria-current=true]{border-color:var(--muted-strong);box-shadow:none}#studioPanel .recipe-preview{border-color:var(--line-soft);background:radial-gradient(at 50% 40%,#242529,#121315 80%);height:64px}#studioPanel .recipe-preview:before{opacity:.16}#studioPanel .recipe-preview:after{aspect-ratio:5/7;border-color:#ffffff4d;width:auto;height:50px;inset:7px auto auto 50%;transform:translate(-50%)rotate(-7deg);box-shadow:0 4px 8px #0005}#studioPanel .recipe-tile b{font:600 10px/1.4 var(--font-ui);margin-top:9px}#studioPanel .recipe-tile small{font:500 8px/1.4 var(--font-ui)}@media (width<=920px){#composeTopbar .compose-brand{display:flex}}@media (width<=760px),(height<=500px) and (width<=960px){#composeTopbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px 4px;display:grid}#composeTopbar .compose-control.icon-only,#composeTopbar #composeRecipes,#composeTopbar #composeLab,#composeTopbar #popToggle{width:44px;min-width:44px;height:44px;min-height:44px}#composeTopbar .compose-control.icon-only .studio-icon{width:19px;height:19px}#composeTopbar .compose-brand{gap:6px;min-height:44px;padding-inline:0}#composeTopbar .compose-brand-mark,#composeTopbar .compose-brand-mark .studio-icon{width:26px;height:26px}#composeTopbar .compose-brand-name{gap:3px;display:flex}#composeTopbar .wordmark-holo{width:58px}#composeTopbar .wordmark-cards{letter-spacing:.32em;font-size:6px}#composeTopbar .compose-brand-name:before{width:58px;height:16px}#composeTopbar .compose-spacer{display:none}#composeTopbar .compose-tools{display:contents}#composeTopbar .tool-group{border:0;gap:0;margin:0;padding:0}#composeTopbar .tool-group[aria-label=View]{border-left:1px solid var(--line-soft)}#composeTopbar .tool-group[aria-label=Workspace]{border:1px solid var(--line-strong);background:#090a0ce6;border-radius:15px;grid-column:1/-1;justify-content:space-between;padding:4px}#viewport #gl{left:20px;top:var(--studio-stage-top,130px);width:calc(100% - 40px);height:calc(100% - var(--studio-stage-top,130px) - var(--studio-stage-bottom,108px));position:absolute}#composeBottom{width:max-content;max-width:calc(100% - 24px - var(--studio-safe-left) - var(--studio-safe-right));gap:4px;padding:6px}#composeDock{align-items:stretch;gap:4px}#composeDock .finish-entry{flex:0 0 52px;min-width:52px;height:56px}#composeDock .finish-chip{min-width:52px;height:56px;padding:4px 2px;font-size:10px}#composeDock .finish-chip[data-add]{flex:0 0 52px}#composeDock .finish-label{display:block}#composeDock .finish-entry.selected:has(.finish-menu) .finish-label{transform:translate(-7px)}#substrateDock{padding-right:5px}#substrateDock>.substrate-trigger{width:44px;height:56px}#substrateMenu .substrate-chip{font-size:12px}#studioPanel{--text-md:13px;--text-sm:12px;--text-xs:11px;right:max(12px,var(--studio-safe-right));width:min(480px,calc(100% - 24px - var(--studio-safe-left) - var(--studio-safe-right)));border-radius:18px}#studioPanel .studio-panel-head{align-items:center}#studioPanel .studio-panel-head h2{font-size:16px}#studioPanel .studio-panel-head p,#studioPanel .studio-panel-head .sub{font-size:11px}#studioPanel .panel-close,#studioPanel #tuneClose{width:44px;min-width:44px;height:44px;min-height:44px}#studioPanel .popover-row,#studioPanel .asset-tool,#studioPanel .tune-action,#studioPanel .mood-chip,#studioPanel #composeShuffle{min-height:44px;font-size:13px}#studioPanel .studio-select,#studioPanel .studio-input{--wa-form-control-height:44px}#studioPanel .studio-input::part(input){font-size:16px}#studioPanel wa-option{font-size:14px}#studioPanel .tune-range label,#studioPanel .scene-control label{font-size:13px}#studioPanel .studio-slider{min-height:36px;font-size:18px}#studioPanel .tune-section-head b{font-size:14px}#studioPanel .tune-section-head span,#studioPanel .asset-section h3{font-size:10px}#studioPanel .asset-section>p,#studioPanel .asset-builder-note,#studioPanel .project-substrate-status,#studioPanel .scene-env-status{font-size:11px}#studioPanel .scene-rig{min-height:56px;font-size:12px}#studioPanel .recipe-tile{padding:9px}#studioPanel .recipe-preview{height:88px}#studioPanel .recipe-preview:after{height:72px;top:7px}#studioPanel .recipe-tile b{font-size:12px}#studioPanel .recipe-tile small{font-size:10px}#composeTray{bottom:calc(var(--studio-stage-bottom) - 10px);max-height:calc(100% - var(--studio-stage-top) - var(--studio-stage-bottom) + 20px)}#composeTray .tray-head{z-index:3;background:#0b0c0e;min-height:44px;position:sticky;top:0}#composeTray .tray-close{flex:0 0 44px;width:44px;height:44px}#composeTray .outcome{min-height:56px;font-size:13px}#composeTray .outcome span{font-size:11px}#composeTray .macro-row label{font-size:13px}#composeTray .choice-label{font-size:10px}#composeTray .studio-slider{min-height:36px;font-size:18px}#composeTray .compose-control{min-height:44px;font-size:12px}}@media (width<=370px){#composeTopbar .compose-brand-name{display:none}}@media (width>=761px) and (width<=960px) and (height<=500px){#composeTopbar{flex-wrap:nowrap;gap:8px;display:flex}#composeTopbar>.glassbar{flex:1}#composeTopbar .glassbar.compose-tools{flex-wrap:nowrap;flex:none;padding:4px;display:flex}#composeTopbar .tool-group[aria-label=Workspace]{border:0;border-left:1px solid var(--line-soft);background:0 0;border-radius:0;margin-left:4px;padding:0 0 0 4px}#diagnostics{display:none}}#studioPanel #lookFineControls{border-top:1px solid var(--line-soft);margin-top:20px;padding-top:8px}#studioPanel #lookFineControls .scene-look{border:0;padding-top:12px}body.studio-modes[data-studio-mode=make] [data-modes]:not([data-modes~=make]),body.studio-modes[data-studio-mode=finish] [data-modes]:not([data-modes~=finish]),body.studio-modes[data-studio-mode=show] [data-modes]:not([data-modes~=show]),body.studio-modes[data-studio-mode=pro] [data-modes]:not([data-modes~=pro]),body.studio-modes:not(.studio-pro) [data-pro]:not([aria-checked=true]):not([selected]){display:none!important}body.studio-modes:not(.studio-pro) #composeTopbar [aria-label=Workspace],body:not(.studio-modes) .mode-tools,body:not(.studio-modes) .dock-next{display:none}.mode-tools{flex:none;align-items:stretch;gap:4px;display:flex}.mode-tools:not(:empty)+.substrate-dock,.substrate-dock+.mode-tools:not(:empty){margin-left:2px}#composeBottom>.mode-tools:empty{display:none}.mode-bar-wrap{pointer-events:none;flex:none;position:relative}.mode-bar-wrap[hidden]{display:none}.mode-bar-wrap>*{pointer-events:auto}.mode-bar{gap:2px;padding:3px}.mode-switch{gap:2px;display:flex}#modeBar .mode-tab{min-height:32px;color:var(--muted-strong);font:600 12px/1 var(--font-ui);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 16px}#modeBar .mode-tab:hover{color:var(--ink)}#modeBar .mode-tab[aria-checked=true]{background:var(--fill-hover);color:var(--ink-bright);box-shadow:inset 0 -2px 0 var(--ink-bright)}#modeBar .mode-tab:focus-visible{outline:2px solid var(--ink-bright);outline-offset:2px}.mode-caption{max-width:340px;color:var(--muted);font:500 11px/1.4 var(--font-ui);text-align:center;white-space:nowrap;text-shadow:0 1px 8px #000c;margin:0;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}@media (width>=1180px){body:not(.studio-pro) .mode-bar-wrap{position:absolute;top:0;left:50%;transform:translate(-50%)}}@media (width>=1440px){body.studio-pro .mode-bar-wrap{position:absolute;top:0;left:50%;transform:translate(-50%)}}@media (width<=1179px){.mode-caption{display:none}}@media (width<=1439px){body.studio-pro .mode-caption{display:none}}@keyframes holo-shift{to{background-position:100% 0}}.holo-text{background:linear-gradient(110deg,#bcecff,#d2b8ff,#ffd1d9,#c3ffe4,#bcecff) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite alternate holo-shift}.holo-accent{position:relative}.holo-accent:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.5;pointer-events:none;background:linear-gradient(110deg,#bcecff,#d2b8ff,#ffd1d9,#c3ffe4,#bcecff) 0 0/250% 100%;padding:1px;transition:opacity .2s;animation:5s ease-in-out infinite alternate holo-shift;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.holo-accent:hover:after,.holo-accent:focus-visible:after{opacity:.95}#modeBar .mode-tab--pro[aria-checked=true]{box-shadow:inset 0 -2px #d2b8ff}@media (prefers-reduced-motion:reduce){.holo-text,.holo-accent:after{animation:none}}#composeBottom .dock-tool{width:auto;min-width:64px;height:50px;color:var(--muted-strong);font:500 var(--text-xs,10px)/1.15 var(--font-ui);cursor:pointer;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:12px;flex:none;align-content:center;place-items:center;gap:3px;padding:5px 8px;display:grid;position:relative;top:auto;left:auto}#composeBottom .dock-tool .studio-icon{width:18px;height:18px}#composeBottom .dock-tool:after{content:attr(data-dock-label);display:block}#composeBottom #composeLab.dock-tool:after{content:none}#composeBottom #composeLab .lab-label{display:block}#composeBottom .dock-tool:hover,#composeBottom .dock-tool[aria-expanded=true],body.tune-mode #composeBottom #composeLab{background:var(--fill-hover);color:var(--ink-bright)}body.studio-modes:not(.studio-pro) #substrateDock>.substrate-trigger{width:64px;height:50px;font:500 var(--text-xs,10px)/1.15 var(--font-ui);align-content:center;gap:3px}body.studio-modes:not(.studio-pro) #substrateDock>.substrate-trigger:after{content:"Shape";display:block}#composeBottom .dock-tool:disabled{opacity:.45;cursor:default}#composeBottom .dock-tool:focus-visible,#composeBottom .dock-next:focus-visible{outline:2px solid var(--ink-bright);outline-offset:2px}#composeBottom .dock-tool,#composeBottom .dock-next{animation:.22s both dock-in}@keyframes dock-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){#composeBottom .dock-tool,#composeBottom .dock-next{animation:none}}#composeBottom .dock-next{border:1px solid var(--line-soft);min-height:36px;color:var(--ink-soft);font:600 11px/1 var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-self:center;margin:0 2px 0 6px;padding:0 14px}#composeBottom .dock-next:hover{color:var(--ink-bright)}#studioTooltip{z-index:70;border:1px solid var(--line-strong);max-width:240px;box-shadow:0 12px 34px var(--shadow);color:var(--ink-soft);font:500 11px/1.4 var(--font-ui);pointer-events:none;background:#090a0cf5;border-radius:9px;gap:2px;padding:7px 10px;display:grid;position:fixed}#studioTooltip[hidden]{display:none}#studioTooltip b{color:var(--ink-bright);font-weight:650}#studioTooltip span{color:var(--muted)}.make-yours{padding:16px}.make-yours-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.make-yours-head p{margin:0 0 12px}.make-yours-drop{border:1px dashed var(--line-strong);background:var(--fill-faint);border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.make-yours-drop>div{flex:1;min-width:0}.make-yours-drop b{color:var(--ink-bright);font:600 12px/1.3 var(--font-ui);display:block}.make-yours-drop small{color:var(--muted);font:500 11px/1.4 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.make-yours-drop-icon .studio-icon{width:20px;height:20px;color:var(--muted-strong)}.make-yours.dragging .make-yours-drop{border-color:var(--ink-bright);background:var(--fill-hover)}.make-yours-label{color:var(--ink-faint);font:650 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.make-yours-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.make-yours-styles .recipe-tile{text-align:left}.make-yours-styles .recipe-tile[aria-checked=true]{border-color:var(--ink-bright);box-shadow:inset 0 0 0 1px var(--ink-bright)}#makeYoursStatus{margin:0 0 10px}#makeYoursStatus:empty{display:none}.make-yours-actions .asset-tool{min-height:38px}@media (width>=961px),(width>=761px) and (height>=501px){body #composeTray,body.tune-mode #composeTray{left:auto;right:max(14px, var(--studio-safe-right,0px));bottom:var(--studio-panel-bottom,96px);width:min(var(--studio-panel-width), calc(100% - 28px - var(--studio-safe-left,0px) - var(--studio-safe-right,0px)));max-height:calc(100% - var(--studio-panel-top,68px) - var(--studio-panel-bottom,96px));transform:translateY(12px)}body.tray-open #composeTray{transform:translateY(0)}}@media (width<=760px) and (height>=501px){body.studio-modes #composeTopbar .brand-bar{order:0}body.studio-modes #composeTopbar [data-tool-order="1"]{order:1}body.studio-modes #composeTopbar [data-tool-order="2"]{order:2}body.studio-modes #composeTopbar .mode-bar-wrap{order:3;grid-column:1/-1}body.studio-modes #composeTopbar .mode-bar{box-sizing:border-box;width:100%;padding:4px}body.studio-modes #composeTopbar .mode-switch{flex:1}body.studio-modes #composeTopbar .mode-tab{flex:1;min-height:44px;padding:0 6px;font-size:14px}body.studio-modes #composeTopbar [data-tool-order="4"]{order:4;justify-content:center;gap:10px}body #studioPanel{top:auto;bottom:var(--studio-panel-bottom,96px);max-height:var(--studio-sheet-max,38dvh);border-radius:18px}body #composeTray{left:50%;bottom:var(--studio-panel-bottom,96px);max-height:var(--studio-sheet-max,38dvh)}body .make-yours{left:50%;right:auto;bottom:var(--studio-panel-bottom,96px);width:min(480px,100% - 24px);max-height:var(--studio-sheet-max,38dvh);overflow:auto;transform:translate(-50%)}.make-yours-head p,.make-yours-label{display:none}body .make-yours{padding:12px}.make-yours-drop{margin-bottom:10px;padding:8px 10px}.make-yours-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.make-yours-styles .recipe-tile{padding:6px}.make-yours-styles .recipe-tile small{display:none}.make-yours-styles .recipe-preview{height:56px}.make-yours-styles .recipe-preview:after{height:44px}.make-yours-styles .recipe-tile b{font-size:10px}body.studio-modes[data-studio-mode=finish] #composeBottom .mode-tools[data-modes=finish]{order:-1}body.studio-modes[data-studio-mode=finish] #composeBottom .dock-next{order:2}#composeBottom .dock-tool{min-width:52px;height:56px;padding:4px 2px;font-size:10px}body.studio-modes:not(.studio-pro) #substrateDock>.substrate-trigger{width:52px;height:56px}#composeBottom .dock-next{padding:0 12px}#composeBottom .dock-next-to{display:none}}@media (height<=500px) and (width<=960px){body #studioPanel{width:min(340px,46%)}body #composeTray,body.tune-mode #composeTray{left:auto;right:max(12px, var(--studio-safe-right,0px));bottom:var(--studio-panel-bottom,96px);width:min(340px,46%);max-height:calc(100% - var(--studio-panel-top,68px) - var(--studio-panel-bottom,96px));transform:translateY(12px)}body.tray-open #composeTray{transform:translateY(0)}}body.studio-modes:not(.studio-pro) .dock-duplicate{display:none}#studioPanel .back-tools,#studioPanel .fit-tools{margin:4px 0 0}#studioPanel .back-tools .asset-tool{margin:4px 4px 0 0}.scene-tabs{border:1px solid var(--line-soft);background:var(--fill-faint);border-radius:10px;gap:2px;margin-bottom:14px;padding:3px;display:flex}#scenePopover .scene-tab{min-height:32px;color:var(--muted-strong);font:600 12px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1}#scenePopover .scene-tab:hover{color:var(--ink)}#scenePopover .scene-tab[aria-selected=true]{background:var(--fill-hover);color:var(--ink-bright)}#scenePopover .scene-tab:focus-visible{outline:2px solid var(--ink-bright);outline-offset:2px}body:not(.studio-modes) .scene-tabs,body.studio-pro .scene-tabs,body.studio-modes:not(.studio-pro) #scenePopover[data-scene-tab=light] [data-scene-section]:not([data-scene-section=light]),body.studio-modes:not(.studio-pro) #scenePopover[data-scene-tab=stage] [data-scene-section]:not([data-scene-section=stage]),body.studio-modes:not(.studio-pro) #scenePopover[data-scene-tab=motion] [data-scene-section]:not([data-scene-section=motion]){display:none}@media (width<=760px){#scenePopover .scene-tab{min-height:44px;font-size:13px}}@media (width<=760px) and (height>=501px),(hover:none){body.studio-pro #composeTopbar [aria-label=Workspace] button[data-dock-label]{width:auto;min-width:46px;height:52px;font:500 10px/1.1 var(--font-ui);align-content:center;place-items:center;gap:2px;padding:4px 6px;display:grid}body.studio-pro #composeTopbar [aria-label=Workspace] button[data-dock-label]:after{content:attr(data-dock-label);display:block}body.studio-pro #composeTopbar [aria-label=Workspace] #composeLab .lab-label{display:none}}@media (width<=760px) and (height>=501px){body.studio-pro #composeTopbar [data-tool-order="4"]{justify-content:space-between;gap:0}body.studio-pro #composeTopbar [data-tool-order="4"] button[data-dock-label]{flex:1}}body.studio-pro #composeTopbar [aria-label=Workspace] button[data-dock-label]{color:var(--ink-soft)}.compose-ui:not(#composeTray):not(.pack-intro-skip),#studioPanel{transition:opacity .5s}html:not(.studio-booted) .compose-ui:not(.pack-intro-skip),html:not(.studio-booted) #studioPanel,#viewport.pack-opening .compose-ui:not(.pack-intro-skip),#viewport.pack-opening #studioPanel{transition:opacity .35s,visibility 0s .35s;opacity:0!important;visibility:hidden!important;pointer-events:none!important}#bootMark{z-index:40;pointer-events:none;place-items:center;transition:opacity .4s,visibility 0s .4s;display:grid;position:fixed;inset:0}#bootMark .boot-logo{aspect-ratio:90/24;background:linear-gradient(110deg,#bcecff,#d2b8ff,#ffd1d9,#c3ffe4,#bcecff) 0 0/250% 100%;width:150px;animation:.9s cubic-bezier(.2,.7,.2,1) both boot-logo-in,2.4s ease-in-out .9s infinite alternate brand-holo-sweep;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%2024'%20fill='none'%20stroke='%23f3f3f3'%20stroke-width='4'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3cpath%20d='M2%203v18M15%203v18M2%2012h13M49%203v18h13'/%3e%3crect%20x='24'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3crect%20x='71'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%2024'%20fill='none'%20stroke='%23f3f3f3'%20stroke-width='4'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3cpath%20d='M2%203v18M15%203v18M2%2012h13M49%203v18h13'/%3e%3crect%20x='24'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3crect%20x='71'%20y='3'%20width='17'%20height='18'%20rx='8.5'/%3e%3c/svg%3e") 50%/contain no-repeat}@keyframes boot-logo-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)scale(.94)}to{opacity:1;filter:none;transform:none}}html.studio-booted #bootMark{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){#bootMark .boot-logo{animation:none}}body.studio-modes:not(.studio-pro) #substrateDock{padding-block:0}
