:root{--bg-primary: #121212;--bg-secondary: #232323;--bg-tertiary: #2f2f2f;--bg-hover: rgba(255,255,255,.15);--bg-input: #121212;--bg-section-content: #1a1a1a;--bg-nested-section: #121212;--bg-nested-content: #0e0e0e;--bg-nested-header: #232323;--bg-overlay-subtle: rgba(255,255,255,.07);--bg-overlay-light: rgba(255,255,255,.15);--bg-overlay-medium: rgba(255,255,255,.3);--bg-overlay-strong: rgb(47, 47, 47, .5);--bg-statusbar: rgba(0, 0, 0, .5);--border-primary: rgba(255,255,255,.15);--border-section: rgba(255,255,255,.07);--text-primary: #ededed;--text-secondary: #aaa;--text-muted: #888;--text-dim: #666;--text-on-accent: white;--text-on-accent-muted: rgba(255,255,255,.7);--accent-primary: rgba(255,255,255,.7);--accent-primary-subtle: rgba(255,255,255,.07);--accent-primary-medium: rgba(255,255,255,.25);--accent-secondary: rgba(255,255,255,.45);--accent-secondary-subtle: rgba(255,255,255,.05);--selection-bg: rgba(255,255,255,.15);--selection-bg-alt: rgba(255,255,255,.1);--color-success: #30d158;--color-error: #ff3b30;--color-error-dark: #cc2f26;--color-error-subtle: rgba(255,59,48,.15);--color-warning: #ff9f0a;--color-info: #0a84ff;--toast-success-bg: #ededed;--toast-success-text: #1a1a1a;--control-accent: #ededed;--control-accent-hover: #ffffff;--control-track: var(--border-primary);--control-focus: rgba(255,255,255,.5);--btn-primary-bg: #ededed;--btn-primary-text: #1a1a1a;--btn-primary-bg-hover: #ffffff;--btn-secondary-bg: var(--bg-tertiary);--btn-secondary-text: var(--text-primary);--btn-secondary-bg-hover: #000000;--scrollbar-thumb: rgba(255,255,255,.2);--scrollbar-thumb-hover: rgba(255,255,255,.3);--overlay-backdrop: rgba(0,0,0,.85);--overlay-backdrop-heavy: rgba(0,0,0,.95);--overlay-btn-bg: rgba(255,255,255,.1);--overlay-btn-bg-hover: rgba(255,255,255,.2);--shadow-dropdown: 0 4px 12px rgba(0,0,0,.4);--shadow-toast: 0 4px 12px rgba(0,0,0,.3);--checkerboard-color: var(--bg-tertiary);--controls-width: 400px;--font-family: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);overflow:hidden}#root{width:100%;height:100vh}input,select,button,textarea{font-family:inherit}input[type=text],input[type=number]{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary);padding:6px 8px;border-radius:4px;font-size:13px;outline:none}input[type=text]:focus,input[type=number]:focus{border-color:var(--control-focus)}select{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary);padding:6px 8px;border-radius:4px;font-size:13px;outline:none;cursor:pointer}select:focus{border-color:var(--control-focus)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-layout{display:flex;height:100vh}.viewport{flex:1;position:relative;min-width:0;min-height:0}.viewport #canvas-container{width:100%;height:100%}.control-panel{width:var(--controls-width);background:var(--bg-secondary);overflow-y:auto;border-left:1px solid var(--border-primary);display:flex;flex-direction:column}@media(max-aspect-ratio:1/1){.app-layout{flex-direction:column}.viewport{flex:none;height:33.333vh}.control-panel{width:100%;flex:1;border-left:none;border-top:1px solid var(--border-primary)}}.control-panel-content{flex:1;overflow-y:auto}.selection-box{position:absolute;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center}.selection-box.crossing{border:1px solid var(--accent-primary);background:var(--accent-primary-subtle)}.selection-box.window{border:1px dashed var(--accent-secondary);background:var(--accent-secondary-subtle)}.selection-box-label{font-size:11px;font-weight:500;color:var(--text-on-accent-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.pt-samples-counter{position:absolute;top:8px;left:8px;padding:3px 8px;font-size:11px;font-family:monospace;color:var(--text-primary);background:var(--bg-overlay-strong);border-radius:4px;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none}.viewport-status-bar{position:absolute;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-statusbar);padding:0 16px;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;font-size:11px;font-family:monospace;color:#ededed}.status-bar-left{display:flex;align-items:center}.status-bar-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;color:var(--scale-tint, inherit)}.status-bar-scale-label{font-size:12px;line-height:1;margin-right:5px;color:var(--scale-tint, inherit)}.status-bar-scale-line{position:relative;height:1px;min-width:20px;max-width:150px;background:var(--scale-tint, currentColor)}.status-bar-scale-line:before,.status-bar-scale-line:after{content:"";position:absolute;width:1px;height:5px;background:inherit;bottom:0}.status-bar-scale-line:before{left:0}.status-bar-scale-line:after{right:0}.scale-cursor-float{position:absolute;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;pointer-events:none;z-index:11;-webkit-user-select:none;user-select:none;font-size:12px;font-family:monospace;color:var(--scale-tint, #ededed);background:var(--bg-statusbar);padding:4px 8px}.material-tab-disabled{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:13px;text-align:center;padding:20px}.scene-download-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:var(--overlay-backdrop, rgba(0, 0, 0, .6))}.scene-download-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .4));min-width:300px}.scene-download-label{font-size:14px;color:var(--text-primary)}.scene-download-bar-track{width:100%;height:6px;background:var(--bg-overlay-subtle);border-radius:3px;overflow:hidden}.scene-download-bar-fill{height:100%;background:var(--text-primary);border-radius:3px;transition:width .15s ease-out}.scene-download-bar-fill.indeterminate{width:40%!important;animation:scene-download-indeterminate 1.2s ease-in-out infinite}@keyframes scene-download-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.scene-download-percent{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.scene-download-cancel{margin-top:4px;padding:6px 20px;font-size:12px;color:var(--btn-secondary-text);background:var(--btn-secondary-bg);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer}.scene-download-cancel:hover{background:var(--btn-secondary-hover-bg)}.slider-control{display:flex;flex-direction:column;gap:4px}.slider-control label{font-size:12px;color:var(--text-secondary)}.slider-row{display:flex;align-items:center;gap:8px}.slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border-primary);border-radius:2px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--control-accent);cursor:pointer}.slider-row input[type=number]{width:70px;text-align:left}.color-control{display:flex;flex-direction:column;gap:4px}.color-control label{font-size:12px;color:var(--text-secondary)}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:40px;height:30px;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;padding:2px;background:var(--bg-input)}.color-row input[type=text]{width:80px;font-family:monospace;font-size:12px}.vector2-control label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:4px}.vector2-row{display:flex;align-items:center;gap:8px}.vector2-row span{font-size:11px;color:var(--text-muted);min-width:14px}.vector2-row input[type=number]{width:70px}.vector3-control label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:4px}.vector3-row{display:flex;align-items:center;gap:4px}.vector3-row span{font-size:11px;color:var(--text-muted);min-width:12px;text-align:center}.vector3-row input[type=number]{flex:1;min-width:0}.checkbox-control{display:flex;align-items:center;gap:8px}.checkbox-control input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1.5px solid var(--control-accent);border-radius:3px;background:var(--control-accent);cursor:pointer;position:relative}.checkbox-control input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--bg-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-control label{font-size:13px;color:var(--text-primary);cursor:pointer}.drag-number-control{display:flex;flex-direction:column;gap:4px}.drag-number-control label{font-size:12px;color:var(--text-secondary)}.drag-number-input{width:70px;cursor:ew-resize;-webkit-user-select:none;user-select:none}.select-control{display:flex;flex-direction:column;gap:4px}.select-control label{font-size:12px;color:var(--text-secondary)}.select-control select{width:100%}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover)}.btn-danger{background:var(--color-error);color:var(--text-on-accent);border:1px solid var(--border-primary)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark)}.btn-small{padding:4px 10px;font-size:12px}.info-text{font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.4}.file-upload-btn{display:block}.file-upload-btn input[type=file]{display:none}.property-row{margin-bottom:12px}.section-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px}.history-controls{display:flex;flex-direction:column;gap:8px;margin:8px 0}.history-buttons{display:flex;gap:8px}.history-slider-row{display:flex;align-items:center;gap:8px}.history-slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border-primary);border-radius:2px;outline:none}.history-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--control-accent);cursor:pointer}.history-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.global-mixed-hint{color:var(--accent-primary);font-style:italic}.attenuation-row{display:flex;align-items:center;gap:8px}.attenuation-row .slider-row{flex:1}.attenuation-row .checkbox-control{flex-shrink:0}.thumbnail-preview{width:100%;margin-top:8px;border:1px solid var(--border-primary);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.thumbnail-preview img{width:100%;height:100%;object-fit:contain;display:block}.thumbnail-preview--checkerboard{background-image:linear-gradient(45deg,var(--checkerboard-color) 25%,transparent 25%),linear-gradient(-45deg,var(--checkerboard-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkerboard-color) 75%),linear-gradient(-45deg,transparent 75%,var(--checkerboard-color) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.thumbnail-preview__loading{padding:16px;color:var(--text-muted);font-size:12px}.warning-icon{color:var(--color-warning);position:absolute;right:4px;top:48%;transform:translateY(-50%);background:var(--bg-section-content);padding:2px 7px 4px;border-radius:4px}.btn:has(.warning-icon),.checkbox-control:has(.warning-icon){position:relative}.control-section{border-bottom:2px solid var(--border-primary);margin-bottom:0}.section-header{padding:12px 16px;background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;transition:background .2s}.section-header:hover{background:var(--bg-hover)}.section-header.non-collapsible{cursor:default}.section-header.non-collapsible:hover{background:var(--bg-tertiary)}.section-header-left{display:flex;align-items:center;gap:8px}.section-header .arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-secondary);transition:transform .2s}.section-header .arrow.collapsed{transform:rotate(-90deg)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary)}.status-dot.texture{background:var(--accent-secondary);box-shadow:0 0 6px var(--accent-secondary)}.status-dot.inactive{border:1px solid var(--text-dim);border-radius:50%}.section-content{padding:12px 16px;background:var(--bg-section-content)}.nested-section{border-left:3px solid var(--accent-primary);margin-bottom:16px;margin-left:8px;border-radius:4px;background:var(--bg-nested-section);box-shadow:inset 0 0 0 1px var(--accent-primary-subtle)}.nested-section .section-header{background:var(--bg-nested-header);padding:10px 12px;border-radius:4px 4px 0 0;font-size:12px;font-weight:500}.nested-section .section-header:hover{background:var(--bg-tertiary)}.nested-section .section-content{background:var(--bg-nested-content);padding:10px 12px}.texture-preview{width:100%;height:80px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default;margin-bottom:8px;position:relative}.texture-preview img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .2s}.texture-preview:hover img{opacity:.8}.texture-preview.has-image{cursor:pointer}.texture-preview .no-texture-text{font-size:12px;color:var(--text-dim)}.texture-buttons{display:flex;gap:8px;margin-bottom:10px}.texture-params{display:flex;flex-direction:column;gap:8px}.export-mesh-loaded{background:var(--accent-primary-subtle);border:1px solid var(--accent-primary-medium);border-radius:4px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.export-mesh-loaded span{font-size:12px;color:var(--accent-primary)}.tab-bar{display:flex;border-bottom:2px solid var(--border-primary);background:var(--bg-tertiary);flex-shrink:0}.tab-bar button{flex:1;padding:10px 0;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s,background .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-bar button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-bar button.active{color:var(--control-accent);border-bottom-color:var(--control-accent)}.tab-bar button.disabled{color:var(--text-dim);cursor:default}.tab-bar button.disabled:hover{color:var(--text-dim);background:transparent}.toast-container{position:absolute;bottom:36px;left:12px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{max-width:400px;padding:12px 20px;border-radius:4px;color:var(--text-on-accent);font-size:13px;box-shadow:var(--shadow-toast);animation:toast-in .3s ease forwards}.toast.success{background:var(--toast-success-bg);color:var(--toast-success-text)}.toast.error{background:var(--color-error)}.toast.warning{background:var(--color-warning);display:flex;align-items:center;gap:12px}.toast.info{background:var(--toast-success-bg);color:var(--toast-success-text);display:flex;align-items:center;gap:12px}.toast.info .toast-undo-btn{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.toast-undo-btn{background:var(--bg-overlay-light);border:1px solid var(--bg-overlay-medium);color:var(--text-on-accent);padding:4px 10px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:600;flex-shrink:0;transition:background .15s}.toast-undo-btn:hover{background:var(--bg-overlay-medium)}@keyframes toast-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.texture-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop-heavy);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.texture-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--overlay-btn-bg);border:none;color:var(--text-on-accent);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.texture-modal-close:hover{background:var(--overlay-btn-bg-hover)}.texture-modal-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;cursor:default}.texture-modal-container img{max-width:90%;max-height:90%;object-fit:contain;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.texture-modal-info{padding:12px 20px;font-size:12px;color:var(--text-muted);text-align:center;flex-shrink:0}.property-label{display:inline-block;margin-bottom:2px}.objects-tab-layout{display:flex;flex-direction:column;height:100%}.objects-tree-section{flex:1 0 350px;min-height:350px;display:flex;flex-direction:column;overflow:hidden}.objects-tree-section>.section-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.scene-tree-scroll-container{flex:1;min-height:0;overflow-y:auto}.scene-tree{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;padding:8px;height:100%}.scene-tree-model{margin-bottom:2px}.scene-tree-model-header{padding:6px 8px;border-radius:3px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s;font-weight:600}.scene-tree-model-header:hover{background:var(--bg-tertiary)}.scene-tree-model-header.selected{background:var(--selection-bg-alt);color:var(--text-primary)}.scene-tree-model-header .model-icon{font-size:8px}.scene-tree-model-header .model-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-tree-model-header .model-mesh-count{color:var(--text-muted);font-size:10px;font-weight:400}.scene-tree-model-header.selected .model-mesh-count{color:var(--text-secondary)}.model-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 4px;line-height:1;border-radius:2px;flex-shrink:0}.model-remove-btn:hover{color:var(--color-error);background:var(--bg-hover)}.scene-tree-meshes{padding-left:16px}.scene-tree-item{padding:6px 8px;border-radius:3px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s;overflow:hidden;min-width:0}.scene-tree-item:hover{background:var(--bg-tertiary)}.scene-tree-item.selected{background:var(--selection-bg);color:var(--text-primary)}.scene-tree-item .mesh-icon{font-size:10px}.scene-tree-item .mesh-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.scene-tree-item .material-name{color:var(--text-muted);font-size:10px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.scene-tree-item.selected .material-name{color:var(--text-secondary)}.visibility-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:2px 4px;line-height:1;flex-shrink:0;margin-left:auto;opacity:.7;transition:opacity .15s}.visibility-toggle:hover{opacity:1}.visibility-toggle.hidden{opacity:.3}.scene-tree-model-header.selected .visibility-toggle,.scene-tree-item.selected .visibility-toggle{color:var(--text-primary)}.scene-tree-item.hidden-mesh,.scene-tree-model-header.hidden-model{opacity:.5}.scene-tree-toolbar{display:flex;gap:4px;margin-bottom:4px}.scene-tree-toolbar .btn{flex:1;font-size:11px;padding:4px 8px}.scene-tree-empty{font-size:12px;color:var(--text-muted);padding:8px}.scene-tree-search{position:relative;margin-bottom:4px}.scene-tree-search-input{width:100%;box-sizing:border-box;padding:5px 28px 5px 8px;font-size:11px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);outline:none}.scene-tree-search-input:focus{border-color:var(--control-accent)}.scene-tree-search-input::placeholder{color:var(--text-muted)}.scene-tree-search-clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;line-height:1;border-radius:2px}.scene-tree-search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.transform-mode-buttons{display:flex;gap:4px;flex:1}.transform-mode-buttons .btn{flex:1;font-size:11px;padding:4px 8px}.drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100;opacity:0;transition:opacity .2s}.drop-overlay.visible{opacity:1}.drop-overlay-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 48px;border:2px dashed var(--accent-primary);border-radius:16px;background:var(--bg-overlay-subtle)}.drop-overlay-icon{font-size:36px;line-height:1;color:var(--text-primary);opacity:.85}.drop-overlay-title{font-size:18px;color:var(--text-primary);font-weight:600;letter-spacing:.02em}.drop-overlay-hint{font-size:12px;color:var(--text-muted)}.drop-overlay.replace-mode .drop-overlay-card{border-color:var(--color-error);background:var(--color-error-subtle)}.drop-overlay.replace-mode .drop-overlay-icon,.drop-overlay.replace-mode .drop-overlay-title{color:var(--color-error)}.texture-preview.drag-over{border-color:var(--accent-primary);background:var(--accent-primary-subtle)}.plane-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center}.plane-preview-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--overlay-btn-bg);border:none;color:var(--text-on-accent);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.plane-preview-close:hover{background:var(--overlay-btn-bg-hover)}.plane-preview-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;min-height:0}.plane-preview-image-container img{max-width:90%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.plane-preview-controls{flex-shrink:0;padding:12px 24px 16px;display:flex;align-items:center;gap:12px;width:100%;max-width:500px}.plane-preview-controls label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.plane-preview-controls input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-primary);border-radius:2px;outline:none}.plane-preview-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--control-accent);cursor:pointer}.plane-preview-controls .plane-preview-number{width:56px;text-align:right;font-size:12px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:2px 4px;outline:none;-moz-appearance:textfield}.plane-preview-controls .plane-preview-number::-webkit-inner-spin-button,.plane-preview-controls .plane-preview-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.plane-preview-controls .plane-preview-number:focus{border-color:var(--control-focus)}.plane-preview-loading{color:var(--text-muted);font-size:13px}.viewport-context-menu{position:absolute;z-index:200;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;box-shadow:var(--shadow-dropdown);min-width:160px;padding:4px 0}.viewport-context-menu-item{padding:8px 12px;font-size:12px;cursor:pointer;color:var(--text-primary);transition:background .1s}.viewport-context-menu-item:hover{background:var(--bg-hover)}.viewport-context-menu-item.danger{color:var(--color-error)}.viewport-context-menu-item.danger:hover{background:var(--color-error-subtle)}.viewport-context-menu-separator{height:1px;background:var(--border-primary);margin:4px 0}.viewport-context-menu-submenu-wrapper{position:relative}.viewport-context-menu-item.has-submenu{display:flex;align-items:center;justify-content:space-between}.viewport-context-menu-item.has-submenu:after{content:"▸";margin-left:12px;font-size:10px;opacity:.7}.viewport-context-submenu{position:absolute;left:100%;top:-4px;z-index:201;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;box-shadow:var(--shadow-dropdown);min-width:120px;padding:4px 0}.viewport-context-submenu.flip-left{left:auto;right:100%}.session-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000}.session-picker-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:28px 32px;max-width:560px;width:100%;height:70vh;max-height:70vh;display:flex;flex-direction:column}.session-picker-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.session-picker-subtitle{font-size:12px;color:var(--text-muted);margin:0 0 16px}.session-picker-filter{display:flex;gap:0;margin-bottom:16px;border:1px solid var(--border-primary);border-radius:6px;overflow:hidden}.session-picker-filter-btn{flex:1;background:var(--btn-secondary-bg);color:var(--text-secondary);border:none;border-right:1px solid var(--border-primary);padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-family);transition:background .1s,color .1s}.session-picker-filter-btn:last-child{border-right:none}.session-picker-filter-btn:hover{background:var(--bg-overlay-light)}.session-picker-filter-btn.active{background:var(--bg-overlay-light);color:var(--text-primary);font-weight:600}.session-picker-table{width:100%;border-collapse:collapse;flex:1;overflow-y:auto}.session-picker-table thead th{font-size:10px;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;padding:0 8px 8px;text-align:left;border-bottom:1px solid var(--border-section)}.session-picker-table thead th:first-child{width:32px;padding-left:0}.session-picker-table thead th:last-child{width:32px;padding-right:0}.session-picker-row{cursor:pointer;transition:background .1s}.session-picker-row:hover{background:var(--bg-overlay-subtle)}.session-picker-row.selected{background:var(--selection-bg)}.session-picker-row td{padding:10px 8px;border-bottom:1px solid var(--border-section);vertical-align:middle}.session-picker-row td:first-child{padding-left:0;text-align:center}.session-picker-row td:last-child{padding-right:0;text-align:center}.session-picker-radio{width:14px;height:14px;accent-color:var(--control-accent);cursor:pointer}.session-picker-name{font-size:13px;color:var(--text-primary);font-weight:500}.session-picker-name.muted{color:var(--text-secondary);font-weight:400}.session-picker-tag{display:inline-block;font-size:9px;color:var(--text-dim);background:var(--bg-overlay-subtle);border-radius:3px;padding:1px 5px;margin-left:6px;vertical-align:middle}.session-picker-tag.active{color:var(--color-warning);background:#e67e2226}.session-picker-row.active-session{opacity:.5;cursor:not-allowed}.session-picker-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.session-picker-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.session-picker-share-btn{background:var(--btn-secondary-bg);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--font-family);line-height:1.4;transition:color .1s,background .1s,border-color .1s}.session-picker-share-btn:hover{color:var(--text-primary);background:var(--bg-overlay-light);border-color:var(--text-dim)}.session-picker-share-btn:disabled{opacity:.35;cursor:not-allowed}.session-picker-share-progress{width:60px;height:6px;background:var(--bg-overlay-subtle);border-radius:3px;overflow:hidden}.session-picker-share-progress-bar{height:100%;background:var(--text-primary);border-radius:3px;transition:width .15s ease-out}.session-picker-delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;margin-right:4px;border-radius:4px;font-size:14px;line-height:1;transition:color .1s,background .1s}.session-picker-delete-btn:hover{color:var(--color-error);background:var(--color-error-subtle)}.session-picker-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:8px}.session-picker-footer-right{display:flex;gap:8px;margin-left:auto}.session-picker-cancel-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-primary);border-radius:6px;padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background .1s}.session-picker-cancel-btn:hover{background:var(--btn-secondary-bg-hover)}.session-picker-continue-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:6px;padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background .1s}.session-picker-continue-btn:hover{background:var(--btn-primary-bg-hover)}.session-picker-continue-btn:disabled{opacity:.5;cursor:not-allowed}.session-picker-delete-all-btn{background:none;color:var(--color-error);border:1px solid var(--color-error);border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background .15s,color .15s}.session-picker-delete-all-btn:hover,.session-picker-delete-all-btn.confirming{background:var(--color-error);color:var(--text-on-accent)}.session-picker-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.session-picker-scroll{flex:1;min-height:0;overflow-y:auto}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001}.share-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:24px 28px;max-width:480px;width:100%}.share-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.share-modal-subtitle{font-size:12px;color:var(--text-muted);margin:0 0 16px}.share-modal-link-row{display:flex;gap:8px;align-items:stretch}.share-modal-link-input{flex:1;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:12px;font-family:monospace;padding:8px 10px;outline:none}.share-modal-link-input:focus{border-color:var(--control-accent)}.share-modal-copy-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background .1s;white-space:nowrap}.share-modal-copy-btn:hover{background:var(--btn-primary-bg-hover)}.share-modal-footer{margin-top:16px;display:flex;justify-content:flex-end}.share-modal-close-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-primary);border-radius:6px;padding:6px 20px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-family);transition:background .1s}.share-modal-close-btn:hover{background:var(--btn-secondary-bg-hover)}