:root{--os-neutral-color:35;--os-bg:oklch(.9 .035 var(--os-neutral-color));--os-surface:oklch(.945 .028 var(--os-neutral-color) / .92);--os-panel:oklch(.975 .018 var(--os-neutral-color) / .96);--os-elevated:oklch(.99 .016 var(--os-neutral-color) / .98);--os-ink:oklch(.2 .035 var(--os-neutral-color));--os-muted:oklch(.43 .035 var(--os-neutral-color));--os-subtle:oklch(.48 .025 var(--os-neutral-color));--os-primary-color:var(--os-neutral-color);--os-primary-chroma:.19;--os-primary:oklch(.57 var(--os-primary-chroma) var(--os-primary-color));--os-primary-strong:oklch(.49 var(--os-primary-chroma) var(--os-primary-color));--os-primary-contrast:oklch(.985 .01 var(--os-neutral-color));--os-primary-soft:oklch(.86 .095 var(--os-primary-color) / .7);--os-accent:oklch(.68 var(--os-primary-chroma) var(--os-primary-color));--os-accent-soft:oklch(.91 .075 var(--os-primary-color) / .72);--os-selection:oklch(.84 .12 var(--os-primary-color) / .56);--os-selection-border:oklch(.58 .2 var(--os-primary-color));--os-success:oklch(48% .16 145);--os-warning:oklch(48% .12 65);--os-danger:oklch(48% .18 25);--os-info:oklch(48% .17 245);--os-border:oklch(.78 .03 var(--os-neutral-color));--os-border-strong:oklch(.64 .055 var(--os-neutral-color));--os-focus:var(--os-accent);--os-focus-ring:oklch(.68 var(--os-primary-chroma) var(--os-primary-color) / .3);--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--os-bg:oklch(.12 .035 var(--os-neutral-color));--os-surface:oklch(.18 .045 var(--os-neutral-color) / .94);--os-panel:oklch(.23 .05 var(--os-neutral-color) / .96);--os-elevated:oklch(.29 .06 var(--os-neutral-color) / .98);--os-ink:oklch(.95 .02 var(--os-neutral-color));--os-muted:oklch(.73 .04 var(--os-neutral-color));--os-subtle:oklch(.7 .035 var(--os-neutral-color));--os-primary-contrast:oklch(.14 .025 var(--os-neutral-color));--os-success:oklch(78% .16 145);--os-warning:oklch(80% .14 75);--os-danger:oklch(78% .14 25);--os-info:oklch(78% .13 245);--os-border:oklch(.34 .04 var(--os-neutral-color));--os-border-strong:oklch(.48 .06 var(--os-neutral-color));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--os-bg);color:var(--os-ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}::selection{background:var(--os-selection);color:var(--os-ink)}button,input,textarea,select{font:inherit;color:inherit}button,summary,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--os-focus);outline-offset:3px}input,textarea{caret-color:var(--os-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--os-scrollbar-size:8px;--os-scrollbar-thumb:color-mix(in oklch, var(--os-ink) 20%, transparent);--os-scrollbar-thumb-hover:color-mix(in oklch, var(--os-ink) 34%, transparent);--os-scrollbar-thumb-active:color-mix(in oklch, var(--os-ink) 46%, transparent)}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:var(--os-scrollbar-thumb) transparent}}::-webkit-scrollbar{width:var(--os-scrollbar-size);height:var(--os-scrollbar-size)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background-color:var(--os-scrollbar-thumb);background-clip:padding-box;border:1.5px solid #0000;border-radius:999px;min-width:40px;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:var(--os-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--os-scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:0 0}.xr-stage-overlay{z-index:500;background:var(--os-bg);pointer-events:auto;position:fixed;inset:0}.xr-stage-canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.xr-stage-hud{z-index:1;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));position:absolute;transform:translate(-50%)}.xr-stage-exit{border:1px solid var(--os-border-strong);background:var(--os-surface);min-height:44px;color:var(--os-ink);border-radius:12px;padding:10px 18px;font-weight:650}.xr-stage-exit:hover{background:var(--os-elevated)}.xr-stage-exit:disabled{cursor:wait;opacity:.55}.stage-app{--os-bg:oklch(.145 .006 var(--os-neutral-color));--os-surface:oklch(.19 .008 var(--os-neutral-color));--os-panel:oklch(.225 .008 var(--os-neutral-color));--os-elevated:oklch(.265 .01 var(--os-neutral-color));--os-ink:oklch(.92 .005 var(--os-neutral-color));--os-muted:oklch(.7 .01 var(--os-neutral-color));--os-subtle:oklch(.57 .011 var(--os-neutral-color));--os-border:oklch(.28 .01 var(--os-neutral-color));--os-border-strong:oklch(.4 .012 var(--os-neutral-color));--os-primary-soft:color-mix(in oklch, var(--os-primary) 16%, var(--os-surface));--os-success:oklch(78% .13 150);--os-warning:oklch(80% .13 85);--os-danger:oklch(70% .15 25);--os-info:oklch(74% .09 240);overscroll-behavior:contain;background:var(--os-bg);height:100dvh;color:var(--os-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);flex-direction:column;flex:none;display:flex;overflow:hidden auto}.stage-header{border-bottom:1px solid var(--os-border);background:color-mix(in oklch, var(--os-bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;flex:none;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.stage-brand{align-items:center;gap:10px;min-width:0;display:flex}.stage-brand-badge{border:1px solid var(--os-border);width:30px;height:30px;color:var(--os-muted);border-radius:8px;place-items:center;display:grid}.stage-brand-text{flex-direction:column;line-height:1.25;display:flex}.stage-brand-title{color:var(--os-ink);font-size:13px;font-weight:650}.stage-brand-sub{color:var(--os-subtle);font-size:11px}.stage-header-actions{align-items:center;gap:12px;display:flex}.stage-env-badge{border:1px solid var(--os-border);background:var(--os-surface);color:var(--os-muted);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11.5px;font-weight:550;transition:border-color .18s,color .18s;display:inline-flex}.stage-env-label{white-space:nowrap}.stage-env-dot{background:var(--os-subtle);border-radius:50%;width:7px;height:7px}.stage-env-badge.is-ready{border-color:color-mix(in oklch, var(--os-success) 40%, var(--os-border));color:var(--os-ink)}.stage-env-badge.is-ready .stage-env-dot{background:var(--os-success);box-shadow:0 0 0 3px color-mix(in oklch, var(--os-success) 18%, transparent)}.stage-env-badge.is-pending .stage-env-dot{background:var(--os-warning);box-shadow:0 0 0 3px color-mix(in oklch, var(--os-warning) 18%, transparent)}.stage-env-badge.is-error{border-color:color-mix(in oklch, var(--os-danger) 45%, var(--os-border));color:var(--os-danger)}.stage-env-badge.is-error .stage-env-dot{background:var(--os-danger);box-shadow:0 0 0 3px color-mix(in oklch, var(--os-danger) 18%, transparent)}.stage-env-dot.is-busy{animation:1.2s ease-in-out infinite stage-pulse}@keyframes stage-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.stage-main{flex-direction:column;flex:1;width:min(820px,100% - 48px);margin:0 auto;padding:30px 0;display:flex}.stage-intro{margin-bottom:4px}.stage-intro-title{letter-spacing:-.01em;color:var(--os-ink);margin:0;font-size:21px;font-weight:650}.stage-intro-lead{max-width:62ch;color:var(--os-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.stage-section,.stage-config-card,.stage-report-box{border-top:1px solid var(--os-border);margin-top:24px;padding-top:20px}.stage-section-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.stage-section-title{color:var(--os-ink);margin:0;font-size:14px;font-weight:650}.stage-section-sub{color:var(--os-subtle);margin-top:3px;font-size:12px;display:block}.stage-count-badge{color:var(--os-muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.stage-drop-zone{border:1px dashed var(--os-border-strong);border-radius:12px;flex-direction:column;gap:18px;margin-top:22px;padding:26px 26px 24px;transition:border-color .16s,background-color .16s;display:flex}.stage-drop-zone.is-dragging{border-color:var(--os-primary);background:color-mix(in oklch, var(--os-primary) 7%, transparent);border-style:solid}.stage-drop-body{align-items:center;gap:16px;display:flex}.stage-drop-icon{width:46px;height:46px;color:var(--os-muted);background:var(--os-surface);border-radius:10px;flex:none;place-items:center;display:grid}.stage-drop-title{color:var(--os-ink);margin:0;font-size:14px;font-weight:650}.stage-drop-desc{color:var(--os-muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}.stage-drop-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-encoding-picker{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.stage-picker-label{color:var(--os-subtle);font-size:11.5px}.stage-alert{border-radius:10px;flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.stage-alert-title{align-items:center;gap:8px;font-weight:600;display:flex}.stage-alert-sub{opacity:.85;margin:0;font-size:12px;line-height:1.5}.stage-alert-info{background:color-mix(in oklch, var(--os-info) 10%, transparent);border:1px solid color-mix(in oklch, var(--os-info) 30%, var(--os-border));color:var(--os-ink)}.stage-alert-warning{background:color-mix(in oklch, var(--os-warning) 9%, transparent);border:1px solid color-mix(in oklch, var(--os-warning) 30%, var(--os-border));color:var(--os-ink)}.stage-alert-danger{background:color-mix(in oklch, var(--os-danger) 10%, transparent);border:1px solid color-mix(in oklch, var(--os-danger) 32%, var(--os-border));color:var(--os-ink)}.stage-alert-danger .stage-alert-title{color:var(--os-danger)}.stage-alert-neutral{background:var(--os-surface);border:1px solid var(--os-border);color:var(--os-muted)}.stage-details-inline summary{cursor:pointer;color:var(--os-muted);font-size:11.5px}.stage-details-inline pre{background:color-mix(in oklch, var(--os-bg) 72%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:6px 0 0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}.stage-log-list{margin:6px 0 0;padding-left:18px;font-size:12px}.stage-log-list li+li{margin-top:8px}.stage-report-summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.stage-report-summary::-webkit-details-marker{display:none}.stage-report-badge{color:var(--os-ink);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.stage-report-stats{color:var(--os-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:flex}.stage-arrow-icon{color:var(--os-subtle);flex:none;transition:transform .16s}.stage-report-box[open] .stage-arrow-icon,.stage-config-card[open]>.stage-config-summary .stage-arrow-icon{transform:rotate(180deg)}.stage-report-content{border-top:1px solid var(--os-border);margin-top:12px;padding-top:12px}.stage-report-hint{color:var(--os-muted);margin:0;font-size:12px}.stage-issues-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.stage-issue-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-issue-info{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.stage-issue-tag{letter-spacing:.04em;border-radius:999px;flex:none;padding:2px 8px;font-size:10.5px;font-weight:650}.stage-issue-tag.tag-missing,.stage-issue-tag.tag-invalid{color:var(--os-danger);background:color-mix(in oklch, var(--os-danger) 12%, transparent)}.stage-issue-tag.tag-ambiguous,.stage-issue-tag.tag-fallback{color:var(--os-warning);background:color-mix(in oklch, var(--os-warning) 12%, transparent)}.stage-issue-path{color:var(--os-ink);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.stage-issue-ref{color:var(--os-subtle);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.stage-asset-grid{flex-direction:column;margin-top:10px;display:flex}.stage-asset-tile{border-radius:8px;align-items:center;gap:12px;padding:9px 10px;transition:background-color .14s;display:flex}.stage-asset-tile+.stage-asset-tile{border-top:1px solid var(--os-border)}.stage-asset-tile:hover{background:var(--os-panel)}.stage-asset-tile+.stage-asset-tile:hover,.stage-asset-tile+.stage-asset-tile.is-selected{border-top-color:#0000}.stage-asset-tile.is-selected{background:var(--os-primary-soft);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--os-primary) 38%, transparent)}.stage-tile-index{width:22px;color:var(--os-subtle);flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.stage-tile-btn{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0}.stage-tile-name{color:var(--os-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.stage-tile-path{color:var(--os-subtle);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.stage-tile-check{color:var(--os-subtle);cursor:pointer;flex:none;place-items:center;display:grid}.stage-asset-tile.is-selected .stage-tile-check{color:var(--os-primary)}.stage-tile-remove{color:var(--os-subtle);flex:none}.stage-tile-remove:not(:disabled):hover{color:var(--os-danger)}.stage-empty-placeholder{border:1px dashed var(--os-border);color:var(--os-subtle);border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:18px;font-size:12.5px;display:flex}.stage-motion-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.stage-field{flex-direction:column;gap:6px;display:flex}.stage-field-label{color:var(--os-muted);font-size:12px}.stage-select,.stage-select-sm{border:1px solid var(--os-border);background:var(--os-surface);color:var(--os-ink);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .14s}.stage-select{width:100%}.stage-select-sm{padding:6px 10px;font-size:12px}.stage-select:hover,.stage-select-sm:hover{border-color:var(--os-border-strong)}.stage-select:focus-visible,.stage-select-sm:focus-visible,.stage-btn:focus-visible,.stage-tile-btn:focus-visible,.stage-seg-control button:focus-visible,.stage-swatch-btn:focus-visible,.stage-sub-summary:focus-visible,.stage-report-summary:focus-visible,.stage-drop-zone:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.stage-config-card>.stage-config-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.stage-config-card>.stage-config-summary::-webkit-details-marker{display:none}.stage-config-summary-left{align-items:center;gap:12px;min-width:0;display:flex}.stage-config-icon{border:1px solid var(--os-border);width:36px;height:36px;color:var(--os-muted);border-radius:9px;flex:none;place-items:center;display:grid}.stage-config-preview{color:var(--os-subtle);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:block}.stage-config-body{border-top:1px solid var(--os-border);flex-direction:column;gap:16px;margin-top:18px;padding-top:16px;display:flex}.stage-config-notice{color:var(--os-subtle);margin:0;font-size:12px;line-height:1.5}.stage-form-row{grid-template-columns:150px 1fr;align-items:center;gap:14px;display:grid}.stage-row-label{color:var(--os-muted);font-size:12.5px}.stage-hint-text{color:var(--os-subtle);margin:0;font-size:11.5px;line-height:1.5}.stage-seg-control{border:1px solid var(--os-border);background:var(--os-bg);border-radius:9px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.stage-seg-control button{color:var(--os-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:550;transition:background-color .14s,color .14s}.stage-seg-control button:hover{color:var(--os-ink);background:var(--os-panel)}.stage-seg-control button.is-active{color:var(--os-ink);background:var(--os-primary-soft);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--os-primary) 42%, transparent)}.stage-swatch-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-swatch-btn{cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;transition:transform .14s,box-shadow .14s}.stage-swatch-btn:hover{transform:scale(1.12)}.stage-swatch-btn.is-active{box-shadow:0 0 0 2px var(--os-bg), 0 0 0 4px var(--os-ink)}.stage-sub-details{border-top:1px solid var(--os-border);padding-top:14px}.stage-sub-summary{cursor:pointer;color:var(--os-muted);align-items:center;gap:8px;font-size:12.5px;font-weight:600;list-style:none;display:flex}.stage-sub-summary::-webkit-details-marker{display:none}.stage-sub-summary:hover{color:var(--os-ink)}.stage-sub-arrow{color:var(--os-subtle);margin-left:auto;transition:transform .16s}.stage-sub-details[open] .stage-sub-arrow{transform:rotate(180deg)}.stage-sub-content{flex-direction:column;gap:14px;margin-top:14px;display:flex}.stage-toggle-row{border-bottom:1px solid var(--os-border);color:var(--os-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font-size:12.5px;display:flex}.stage-toggle-row input{width:17px;height:17px;accent-color:var(--os-primary);cursor:pointer}.stage-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.stage-btn:disabled{cursor:not-allowed;opacity:.45}.stage-btn-primary{background:var(--os-primary);color:var(--os-primary-contrast)}.stage-btn-primary:not(:disabled):hover{background:var(--os-primary-strong)}.stage-btn-secondary{border-color:var(--os-border-strong);background:var(--os-surface);color:var(--os-ink)}.stage-btn-secondary:not(:disabled):hover{background:var(--os-panel)}.stage-btn-ghost{color:var(--os-muted);background:0 0}.stage-btn-ghost:not(:disabled):hover{color:var(--os-ink);background:var(--os-panel)}.stage-btn-sm{padding:6px 10px;font-size:12px}.stage-btn-lg{border-radius:10px;height:48px;padding:0 18px;font-size:14px}.stage-btn-icon{cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .14s,color .14s;display:inline-flex}.stage-btn-icon:not(:disabled):hover{background:var(--os-panel)}.stage-spin{animation:1s linear infinite stage-spin}@keyframes stage-spin{to{transform:rotate(360deg)}}.stage-launch-bar{z-index:30;border-top:1px solid var(--os-border);background:color-mix(in oklch, var(--os-bg) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex:none;padding:12px 24px 16px;position:sticky;bottom:0}.stage-launch-inner{width:min(820px,100%);margin:0 auto}.stage-launch-row{gap:10px;display:flex}.stage-launch-row .stage-btn{flex:1}.stage-launch-hint{text-align:center;color:var(--os-subtle);margin:10px 0 0;font-size:11.5px}@media (width<=640px){.stage-header{padding:0 18px}.stage-main{width:min(820px,100% - 32px);padding-top:22px}.stage-drop-zone{padding:20px 16px}.stage-drop-body{flex-direction:column;align-items:flex-start;gap:12px}.stage-encoding-picker{margin-left:0}.stage-motion-controls{grid-template-columns:1fr}.stage-form-row{grid-template-columns:1fr;gap:8px}.stage-launch-bar{padding:10px 16px 14px}.stage-launch-note{text-align:center;color:var(--os-subtle);margin:0 0 8px;font-size:11.5px}.stage-launch-row{flex-direction:column}}
