@import"https://fonts.googleapis.com/css?family=Victor+Mono:700&subset=latin,latin-ext&display=swap";:root{--top-panel-height: 58px;--ui-inset: 16px;--ui-gap: 16px;--brand-panel-width: 300px;--ui-panel-content-padding: 14px;--ui-panel-radius: 12px;--ui-panel-toggle-width: 32px;--ui-surface: rgba(255, 255, 255, .92);--ui-surface-solid: #ffffff;--ui-text: #101828;--ui-text-muted: #475467;--ui-text-subtle: #667085;--ui-accent: #175cd3;--ui-accent-surface: #eaf2ff;--top-control-radius: 7px;--top-control-line-height: 1;--ui-danger: #b42318;--ui-border: 1px solid rgba(16, 24, 40, .08);--ui-shadow: 0 4px 16px rgba(16, 24, 40, .1);--ui-backdrop: blur(12px);--ui-viewport-height: 100vh;--navigation-shadow-space: 16px;--navigation-group-gap: 8px;--navigation-top: var(--ui-inset);--floating-panel-top: calc( var(--navigation-top) + var(--top-panel-height) + var(--ui-gap) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ui-text);background:#f2f4f7;font-synthesis:none}@supports (height: 100dvh){:root{--ui-viewport-height: 100dvh}}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(button,a,input,select,[tabindex]):focus-visible{outline:3px solid #75a7f5;outline:3px solid color-mix(in srgb,var(--ui-accent) 65%,white);outline-offset:2px}:where(button,a,.file-button){touch-action:manipulation}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:where(.toolbar,.nav-section,.floating-panel,.floating-panel-toggle){background:var(--ui-surface-solid)}}@media(pointer:coarse){.navigation-panel button{min-width:36px;min-height:36px}.text-button,.unload-button,.model-select-button{min-height:36px}}@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{--company-dark: #555555;--company-orange: #ff6600;--company-orange-border-color: #ff8533;--company-orange-stroke-width: 1.5px;--company-orange-corner-radius: 8px;--company-orange-border: var(--company-orange-stroke-width) solid var(--company-orange-border-color);--toolbar-panel-width: var(--brand-panel-width)}html,body,#viewer{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}#viewer canvas{display:block;touch-action:none}#viewer canvas.is-placing-walk{cursor:crosshair}#viewer canvas.is-placing-grid{cursor:crosshair}#viewer canvas.is-rotating-grid{cursor:crosshair}#viewer canvas.is-placing-cut{cursor:crosshair}.toolbar{position:fixed;z-index:1000;top:var(--ui-inset);left:var(--ui-inset);width:max-content;max-width:calc(100vw - (var(--ui-inset) * 2));height:var(--top-panel-height);display:flex;align-items:center;justify-content:flex-start;gap:clamp(6px,.75vw,12px);padding:12px 14px 12px 16px;border:var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop);backdrop-filter:var(--ui-backdrop)}.toolbar>div{display:flex;min-width:0;flex-direction:column;gap:2px}.brand h1{margin:0;color:var(--company-dark);font-family:Victor Mono,monospace;font-size:18px;font-weight:700;line-height:1}.brand h1 span{color:var(--company-orange)}.brand h1 a{color:inherit;text-decoration:none}.toolbar>.language-picker{position:relative;display:block;min-width:0;flex:0 0 auto;gap:0}.language-selector{display:inline-flex;flex:0 0 auto;min-width:44px;min-height:0;align-items:center;justify-content:center;padding:7px 9px;border:0;border-radius:var(--top-control-radius);appearance:none;color:#175cd3;background:#eaf2ff;cursor:pointer;font-family:Victor Mono,monospace;font-size:11px;font-weight:700;line-height:var(--top-control-line-height);text-align:center}.language-options{position:absolute;z-index:1001;top:calc(100% + 6px);left:50%;display:grid;min-width:100%;gap:2px;margin:0;padding:4px 2px;border:0;border-radius:var(--company-orange-corner-radius);background:var(--ui-surface-solid);box-shadow:0 10px 24px #10182829;list-style:none;transform:translate(-50%)}.language-options[hidden]{display:none}.language-options li{display:contents}.language-option{display:flex;width:100%;min-width:0;min-height:34px;align-items:center;justify-content:center;padding:8px 6px;border:0;border-radius:calc(var(--company-orange-corner-radius) - 2px);color:var(--company-dark);background:transparent;cursor:pointer;font-family:Victor Mono,monospace;font-size:11px;font-weight:700;line-height:1;text-align:center}.language-option:hover,.language-option:focus-visible{outline:0;color:var(--company-orange);background:#fff7ed}.language-option.is-selected,.language-option[aria-selected=true]{color:#175cd3;background:#eaf2ff}.file-button{flex:0 0 auto;padding:9px 14px;border-radius:var(--top-control-radius);color:#fff;background:#175cd3;cursor:pointer;font-size:13px;font-weight:650;line-height:var(--top-control-line-height);white-space:nowrap}.file-button:hover{background:#1849a9}.file-button:has(input:disabled){cursor:wait;opacity:.6}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.navigation-scroll-shell{--navigation-marker-width: 50px;position:fixed;top:calc(var(--navigation-top) - var(--navigation-shadow-space));left:calc(var(--ui-inset) + var(--toolbar-panel-width) + var(--ui-gap));height:calc(var(--top-panel-height) + (var(--navigation-shadow-space) * 2));width:calc(100vw - var(--ui-inset) - var(--toolbar-panel-width) - (var(--ui-gap) * 2));display:flex;max-width:calc(100vw - var(--ui-inset) - var(--toolbar-panel-width) - (var(--ui-gap) * 2));align-items:center;gap:8px;min-width:0;padding:0;pointer-events:none}.navigation-panel{display:flex;width:100%;height:calc(var(--top-panel-height) + (var(--navigation-shadow-space) * 2));min-width:0;align-items:flex-start;gap:var(--navigation-group-gap);padding-block:var(--navigation-shadow-space);padding-inline:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto;mask-image:none;mask-mode:alpha;-webkit-mask-image:none}.navigation-panel::-webkit-scrollbar{display:none}.navigation-scroll-edge{position:absolute;top:var(--navigation-shadow-space);bottom:var(--navigation-shadow-space);z-index:2;display:flex;width:var(--navigation-marker-width);align-items:center;justify-content:center;color:#175cd3;border:0;appearance:none;padding:0;cursor:pointer;font:inherit;font-size:18px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease}.navigation-scroll-edge>span{mix-blend-mode:normal}.navigation-scroll-edge:disabled{cursor:default}.navigation-scroll-edge--left{left:0;justify-content:flex-start;padding-left:5px;background:transparent}.navigation-scroll-edge--right{right:0;justify-content:flex-end;padding-right:5px;background:transparent}.navigation-scroll-shell.can-scroll-left .navigation-scroll-edge--left,.navigation-scroll-shell.can-scroll-right .navigation-scroll-edge--right{opacity:1;pointer-events:auto}.navigation-scroll-shell.can-scroll-left:not(.can-scroll-right) .navigation-panel{mask-image:linear-gradient(to right,transparent 0,transparent 18px,black var(--navigation-marker-width));-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 18px,black var(--navigation-marker-width))}.navigation-scroll-shell.can-scroll-right:not(.can-scroll-left) .navigation-panel{mask-image:linear-gradient(to right,black 0,black calc(100% - var(--navigation-marker-width)),transparent calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - var(--navigation-marker-width)),transparent calc(100% - 18px),transparent 100%)}.navigation-scroll-shell.can-scroll-left.can-scroll-right .navigation-panel{mask-image:linear-gradient(to right,transparent 0,transparent 18px,black var(--navigation-marker-width),black calc(100% - var(--navigation-marker-width)),transparent calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 18px,black var(--navigation-marker-width),black calc(100% - var(--navigation-marker-width)),transparent calc(100% - 18px),transparent 100%)}.nav-group{display:flex;align-items:center;gap:3px}.nav-section{height:var(--top-panel-height);flex:0 0 auto;padding:10px;border:var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop);backdrop-filter:var(--ui-backdrop)}.navigation-panel .speed-presets button{min-width:24px;padding-inline:6px}.navigation-panel button{flex:0 0 auto;padding:7px 9px;border:0;border-radius:var(--top-control-radius);color:#475467;background:transparent;cursor:pointer;font:inherit;font-size:11px;font-weight:600;line-height:var(--top-control-line-height)}.navigation-panel button:hover{color:#175cd3;background:#f2f4f7}.navigation-panel button.is-active{color:#175cd3;background:#eaf2ff}.render-controls select{max-width:none;padding:6px 24px 6px 8px;border:1px solid #d0d5dd;border-radius:7px;color:#344054;background:#fff;font:inherit;font-size:11px}.file-button[hidden]{display:none}.render-controls{position:relative;width:max-content;max-width:160px;overflow:hidden;transition:max-width .28s cubic-bezier(.22,1,.36,1)}.render-controls.is-expanded{width:auto;max-width:1000px}.render-controls>:not(#postproduction-toggle){position:absolute;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-8px);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}.render-controls.is-expanded>:not(#postproduction-toggle){position:static;visibility:visible;opacity:1;pointer-events:auto;transform:translate(0);transition:opacity .18s ease .08s,transform .28s cubic-bezier(.22,1,.36,1) .08s,visibility 0s linear 0s}.grid-controls{position:relative;width:max-content;max-width:160px;overflow:hidden;transition:max-width .28s cubic-bezier(.22,1,.36,1)}.grid-controls.is-expanded{width:auto;max-width:1000px}.grid-controls>:not(#grid-toggle){position:absolute;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-8px);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}.grid-controls.is-expanded>:not(#grid-toggle){position:static;visibility:visible;opacity:1;pointer-events:auto;transform:translate(0);transition:opacity .18s ease .08s,transform .28s cubic-bezier(.22,1,.36,1) .08s,visibility 0s linear 0s}.cut-controls{position:relative;width:max-content;max-width:160px;overflow:hidden;transition:max-width .28s cubic-bezier(.22,1,.36,1)}.cut-controls.is-expanded{width:auto;max-width:1000px}.cut-controls>:not(#cut-toggle){position:absolute;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-8px);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}.cut-controls.is-expanded>:not(#cut-toggle){position:static;visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.grid-color-control{display:inline-flex;align-items:center;gap:5px;padding:0 5px;color:#475467;font-size:11px;font-weight:600}.grid-color-control input{width:24px;height:24px;padding:2px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;cursor:pointer}.floating-panel{position:fixed;z-index:3;top:var(--floating-panel-top);width:max-content;min-width:0;max-width:calc(100vw - (var(--ui-inset) * 2));max-height:calc(var(--ui-viewport-height) - 110px);overflow:visible;resize:horizontal;padding:0;border:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:var(--ui-backdrop);backdrop-filter:var(--ui-backdrop);transition:transform .26s cubic-bezier(.22,1,.36,1)}.models-panel{left:var(--ui-inset);border-radius:var(--ui-panel-radius) 0 var(--ui-panel-radius) var(--ui-panel-radius)}.models-panel.is-collapsed{transform:translate(calc(-100% - var(--ui-inset)))}.floating-panel-content{max-height:calc(var(--ui-viewport-height) - 110px);overflow-x:auto;overflow-y:auto;padding:var(--ui-panel-content-padding);border-radius:inherit}.floating-panel-toggle{position:absolute;top:-1px;z-index:1;width:var(--ui-panel-toggle-width);min-height:72px;padding:10px 6px;border:1px solid rgba(16,24,40,.1);color:#475467;background:var(--ui-surface);cursor:pointer;font:inherit;font-size:11px;font-weight:650;letter-spacing:.03em;writing-mode:vertical-rl;text-orientation:mixed;-webkit-backdrop-filter:var(--ui-backdrop);backdrop-filter:var(--ui-backdrop)}.floating-panel-toggle:hover{color:#175cd3;background:#f2f4f7}.models-panel-toggle{right:calc(var(--ui-panel-toggle-width) * -1);border-radius:0 9px 9px 0;box-shadow:3px 4px 12px #1018281a}.floating-panel header,.floating-panel header>div,.models-list li>div:first-child,.model-controls,.model-controls label{display:flex;align-items:center}.floating-panel header{flex-wrap:nowrap;justify-content:space-between;gap:12px}.floating-panel header>div{min-width:0;gap:8px}.model-controls{min-width:max-content;flex-wrap:nowrap;white-space:nowrap}.model-controls label,.model-controls button{flex:0 0 auto;white-space:nowrap}.floating-panel strong{font-size:13px;white-space:nowrap}.model-count{min-width:20px;padding:2px 6px;border-radius:999px;color:#344054;background:#eaecf0;font-size:11px;text-align:center}.text-button,.unload-button{border:0;color:#b42318;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:600}.text-button:hover,.unload-button:hover{color:#7a271a}.text-button:disabled,.unload-button:disabled{cursor:wait;opacity:.5}.models-empty{margin:14px 0 2px;color:#98a2b3;font-size:12px}.models-empty[hidden],.text-button[hidden]{display:none}.models-list{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.models-list:empty{display:none}.models-list li{display:grid;min-width:0;gap:10px;padding:9px 10px;border-radius:8px;background:#f2f4f7}.models-list li>div:first-child{min-width:0;contain:inline-size}.model-select-button{min-width:0;overflow:hidden;padding:0;border:0;color:#101828;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap}.model-select-button:hover{color:#175cd3}.models-list li.is-selected{border-radius:var(--company-orange-corner-radius);outline:var(--company-orange-border);outline-offset:calc(var(--company-orange-stroke-width) * -1);background:#fff7ed}.cuts-panel{right:var(--ui-inset);direction:rtl;border-radius:0 var(--ui-panel-radius) var(--ui-panel-radius) var(--ui-panel-radius)}.cuts-panel-content{direction:ltr}.cuts-panel.is-collapsed{transform:translate(calc(100% + var(--ui-inset)))}.cuts-panel-toggle{left:calc(var(--ui-panel-toggle-width) * -1);border-radius:9px 0 0 9px;box-shadow:-3px 4px 12px #1018281a}.cuts-panel .model-controls{justify-content:space-between}.cut-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cut-delete{margin-left:auto}.models-list li.is-element-owner,.cuts-panel .models-list li.is-selected{outline:none;background:#fffaf5}.model-controls{min-width:0;flex-wrap:wrap;gap:8px 12px;padding-top:6px;border-top:1px solid #e4e7ec}.model-controls label{gap:5px;color:#475467;font-size:11px;cursor:pointer}.model-controls input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#175cd3}.opacity-control{min-width:0;flex:1 1 0}.opacity-control input{width:0;min-width:36px;flex:1 1 0;accent-color:#175cd3}.opacity-value{width:30px;color:#667085;font-variant-numeric:tabular-nums;text-align:right}.loading{position:fixed;top:50%;left:50%;width:max-content;min-width:380px;max-width:calc(100vw - 32px);padding:16px;border:1px solid rgba(16,24,40,.12);border-radius:12px;background:#fffffff5;box-shadow:0 12px 36px #10182833;color:#101828;transform:translate(-50%,-50%);font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading[hidden]{display:none}.loading-header,.loading-stage-row{display:flex;justify-content:space-between;gap:16px}.loading-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#loading-queue,.loading-meta,.loading-detail,#loading-percent{color:#667085}.loading-meta{margin-top:4px;font-size:11px}.loading-stage-row{margin-top:16px;font-weight:600}.loading progress{width:100%;height:8px;margin-top:8px;overflow:hidden;border:0;border-radius:999px;accent-color:var(--company-orange)}.loading progress::-webkit-progress-bar{background:#eaecf0;border-radius:999px}.loading progress::-webkit-progress-value{background:var(--company-orange);border-radius:999px}.loading progress::-moz-progress-bar{background:var(--company-orange);border-radius:999px}.loading-detail{min-height:16px;margin-top:7px;font-size:11px}.loading-stages{display:grid;grid-template-columns:repeat(10,max-content);gap:8px 18px;margin:12px 0 0;padding-top:10px;border-top:1px solid #eaecf0;padding-left:0;overflow-x:auto;list-style:none;color:#98a2b3;font-size:11px}.loading-stages li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.loading{width:calc(100vw - 32px);min-width:0}}.loading-stages li:before{display:inline-block;width:14px;content:"○"}.loading-stages li.is-current{color:#d94f00;font-weight:700}.loading-stages li.is-current:before{content:"●"}.loading-stages li.is-complete{color:#344054}.loading-stages li.is-complete:before{color:var(--company-orange);content:"✓"}.selection-loading{position:fixed;z-index:20;top:50%;left:50%;display:flex;max-width:calc(100vw - 32px);align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(16,24,40,.12);border-radius:11px;background:#fffffff5;box-shadow:0 12px 36px #10182833;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selection-loading[hidden]{display:none}.selection-loading>div{display:flex;min-width:0;flex-direction:column;gap:3px}.selection-loading strong,.selection-loading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#selection-loading-action{color:#101828;font-size:13px}#selection-loading-model{max-width:320px;color:#667085;font-size:11px}.selection-spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid #fed7aa;border-top-color:var(--company-orange);border-radius:50%;animation:selection-spin .8s linear infinite}@keyframes selection-spin{to{transform:rotate(360deg)}}.touch-navigation{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));z-index:4;display:grid;justify-items:center;gap:9px;user-select:none}.touch-navigation[data-side=left]{left:max(18px,env(safe-area-inset-left))}.touch-navigation[data-side=right]{right:max(18px,env(safe-area-inset-right))}#joystick-side-toggle{min-height:32px;padding:6px 10px;border:1px solid rgba(218,222,226,.96);border-radius:8px;color:#475467;background:#f2f4f7eb;box-shadow:0 4px 16px #47546724;font:inherit;font-size:11px;font-weight:650;touch-action:manipulation;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-joystick{position:relative;width:116px;height:116px;border:1px solid rgba(152,162,179,.38);border-radius:50%;background:#dadee2c7;box-shadow:0 8px 24px #4754672e;cursor:grab;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-joystick:active{cursor:grabbing}.touch-joystick-thumb{position:absolute;top:50%;left:50%;width:48px;height:48px;border:1px solid rgba(152,162,179,.5);border-radius:50%;background:#f2f4f7e6;box-shadow:0 2px 8px #47546733;transform:translate(-50%,-50%);pointer-events:none}@media(max-width:520px){:root{--ui-inset: 10px;--ui-gap: 16px}.toolbar{top:var(--ui-inset);left:var(--ui-inset);width:max-content;max-width:calc(100vw - (var(--ui-inset) * 2))}.floating-panel{top:var(--floating-panel-top);min-width:0;max-width:calc(100vw - (var(--ui-inset) * 2));resize:none}}@media(max-width:760px){:root{--navigation-top: calc( var(--ui-inset) + var(--top-panel-height) + var(--ui-gap) )}.navigation-scroll-shell{top:calc(var(--navigation-top) - var(--navigation-shadow-space));left:var(--ui-inset);width:calc(100vw - (var(--ui-inset) * 2));max-width:calc(100vw - (var(--ui-inset) * 2))}}
