:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--line-tight: 1.2;--line-normal: 1.45;--font-regular: 400;--font-medium: 650;--font-bold: 750;--font-heavy: 800;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 18px;--space-9: 20px;--space-10: 24px;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 5px;--radius-pill: 999px;--color-bg-app: #e9edef;--color-bg-viewport: #dbe4e7;--color-surface: #f8faf9;--color-surface-raised: #ffffff;--color-surface-muted: #eef3f4;--color-surface-active: #e4f4f5;--color-surface-tabs: #e1e4e6;--color-surface-hover: #edf7f7;--color-surface-history-active: #eef7f7;--color-surface-glass: rgba(247, 249, 249, .92);--color-surface-overlay: rgba(255, 255, 255, .9);--color-border: #ccd6da;--color-border-soft: #e0e7e9;--color-border-strong: #bcc8cd;--color-border-hover: #b6d9dd;--color-border-tabs: #d3dcdf;--color-border-tab-divider: #c9d0d3;--color-border-control: #c6d0d4;--color-border-kbd: #cdd7da;--color-border-viewport-tool: rgba(180, 198, 204, .9);--color-border-swatch: rgba(0, 0, 0, .13);--color-text: #182023;--color-text-strong: #202b2f;--color-text-panel: #334145;--color-text-muted: #68767b;--color-text-soft: #98a4a8;--color-text-control: #263236;--color-text-field: #39474b;--color-text-helper: #718085;--color-text-tree: #526267;--color-text-model: #233238;--color-text-tab: #7a8589;--color-text-tab-active: #344347;--color-text-empty: #6d7b80;--color-text-viewport-tool: #35464b;--color-text-status: rgba(24, 32, 35, .78);--color-text-history: #435359;--color-text-history-active: #164f58;--color-primary: #1f7f8a;--color-primary-hover: #176d76;--color-primary-soft: #e4f4f5;--color-primary-text: #1f555b;--color-primary-viewport-tool: #14636d;--color-focus: #21f4ff;--color-danger: #b64a4a;--color-warning: #a46b16;--color-success: #2b7a4b;--color-icon-tree: #9489ed;--color-status-dot: #a5f0ac;--shadow-none: none;--shadow-raised: 0 1px 2px rgba(20, 35, 40, .08);--shadow-focus: 0 0 0 3px rgba(33, 244, 255, .22);--shadow-popover: 0 10px 24px rgba(24, 32, 35, .14);--z-canvas: 0;--z-sticky: 2;--z-viewport-overlay: 8;--z-popover: 20;--z-modal: 40;color:var(--color-text);background:var(--color-bg-app);font-family:var(--font-sans);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:0;box-shadow:var(--shadow-focus)}h1,h2,p{margin:0}h1{font-size:var(--font-size-xl);line-height:var(--line-tight)}.app-shell{display:grid;grid-template-rows:56px 1fr;height:100vh;background:var(--color-bg-app)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-9);padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{display:flex;align-items:center;gap:var(--space-5);min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-surface-raised);font-size:var(--font-size-md);font-weight:var(--font-heavy)}.brand-block p{max-width:460px;color:var(--color-text-muted);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:var(--space-3)}.toolbar-language{display:inline-flex;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-control)}.toolbar-language select{min-width:72px;height:26px;border:0;background:transparent;color:var(--color-text-control);padding:0;cursor:pointer}.tool-button,.icon-button,.preset-button,.history-row,.mesh-row{font:inherit}.tool-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:34px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-control);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.tool-button{padding:0 var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-medium)}.tool-button.compact{min-height:32px;padding:0 var(--space-4)}.icon-button{width:34px}.tool-button:hover,.icon-button:hover{border-color:var(--color-primary);transform:translateY(-1px)}.tool-button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface-raised)}.tool-button.primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.tool-button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text)}.tool-button:disabled,.icon-button:disabled,.preset-button:disabled,input:disabled{cursor:not-allowed;opacity:.46}.workspace{--left-panel-size: 280px;--right-panel-size: 320px;--left-panel-width: var(--left-panel-size);--right-panel-width: var(--right-panel-size);position:relative;min-height:0;overflow:hidden}.workspace[data-left-open=false]{--left-panel-width: 0px}.workspace[data-right-open=false]{--right-panel-width: 0px}.sidebar,.project-panel{min-height:0;background:var(--color-surface);z-index:3}.project-panel{position:absolute;inset:0 auto 0 0;display:grid;grid-template-rows:40px minmax(0,1fr);width:var(--left-panel-size);min-width:0;overflow:hidden;border-right:1px solid var(--color-border);transform:translate(0);transition:transform .18s ease;will-change:transform}.inspector{position:absolute;inset:0 0 0 auto;display:grid;grid-template-rows:40px minmax(0,1fr);width:var(--right-panel-size);min-height:0;overflow:hidden;border-left:1px solid var(--color-border);padding:0;z-index:3;transform:translate(0);transition:transform .18s ease;will-change:transform}.workspace[data-left-open=false] .project-panel,.workspace[data-right-open=false] .inspector{border-color:transparent;pointer-events:none}.workspace[data-left-open=false] .project-panel{transform:translate(-100%)}.workspace[data-right-open=false] .inspector{transform:translate(100%)}.project-panel-tabs,.panel-titlebar{display:flex;align-items:center;min-width:0;min-height:40px;border-bottom:1px solid var(--color-border-tabs);background:var(--color-surface-tabs)}.project-panel-tabs{display:grid;grid-template-columns:repeat(2,1fr);padding:0}.project-panel-tabs button{min-width:0;min-height:40px;border:0;border-right:1px solid var(--color-border-tab-divider);background:transparent;color:var(--color-text-tab);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-bold)}.project-panel-tabs button.active{background:var(--color-surface);color:var(--color-text-tab-active)}.panel-titlebar{padding:0 var(--space-6)}.panel-titlebar h2{color:var(--color-text-tab-active);font-size:var(--font-size-md);font-weight:var(--font-heavy)}.viewport-wrap{position:absolute;top:0;right:var(--right-panel-width);bottom:0;left:var(--left-panel-width);min-width:0;min-height:0;background:var(--color-bg-viewport);z-index:1}.drawer-toggle{position:absolute;top:var(--space-5);z-index:calc(var(--z-viewport-overlay) + 1);display:grid;place-items:center;width:28px;height:36px;border:1px solid var(--color-border-viewport-tool);background:var(--color-surface-overlay);color:var(--color-text-viewport-tool);cursor:pointer;transition:background .14s ease,border-color .14s ease}.drawer-toggle.left{left:0;border-left:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.drawer-toggle.right{right:0;border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.drawer-toggle:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text)}.three-editor-viewport,.three-editor-canvas{display:block;width:100%;height:100%}.three-editor-viewport{position:relative}.three-editor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-canvas)}.lasso-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-viewport-overlay) + 2);pointer-events:none}.lasso-overlay[data-capturing=true]{cursor:crosshair;pointer-events:auto}.lasso-status{position:absolute;left:var(--space-7);bottom:38px;display:inline-flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100% - 32px));min-height:30px;padding:0 var(--space-4);border:1px solid var(--color-border-viewport-tool);border-radius:var(--radius-md);background:var(--color-surface-overlay);color:var(--color-text-status);font-size:var(--font-size-sm);pointer-events:none}.lasso-status strong{color:var(--color-primary-text);font-weight:var(--font-heavy)}.lasso-status span{color:var(--color-text-muted)}.lasso-status .lasso-error{color:#b42318;font-weight:var(--font-heavy)}.viewport-tools{position:absolute;top:56px;left:var(--space-6);display:grid;gap:var(--space-2);z-index:var(--z-viewport-overlay);pointer-events:auto}.viewport-tools button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border-viewport-tool);border-radius:var(--radius-md);background:var(--color-surface-overlay);color:var(--color-text-viewport-tool);cursor:pointer}.viewport-tools button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-viewport-tool)}.viewport-status{position:absolute;left:var(--space-7);right:var(--space-7);bottom:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-5);color:var(--color-text-status);font-size:var(--font-size-sm);pointer-events:none}.panel-header{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);color:var(--color-text-panel)}.panel-header h2{font-size:var(--font-size-sm);font-weight:var(--font-heavy);letter-spacing:0;text-transform:uppercase}.panel-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--color-border-tabs);background:var(--color-surface-tabs)}.panel-tabs button{min-height:40px;border:0;border-right:1px solid var(--color-border-tab-divider);background:transparent;color:var(--color-text-tab);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-medium)}.panel-tabs button.active{background:var(--color-surface);color:var(--color-text-tab-active)}.panel-scroll{min-height:0;overflow-y:auto;scrollbar-gutter:stable}.panel-content{padding:var(--space-5) var(--space-6) var(--space-7)}.panel-content>.panel-header:not(:first-child){margin-top:var(--space-6)}.empty-hint{color:var(--color-text-empty);font-size:var(--font-size-sm);line-height:var(--line-normal)}.empty-hint.compact{padding-bottom:var(--space-2)}.empty-state{padding:var(--space-3) 0;color:var(--color-text-empty);font-size:var(--font-size-sm);line-height:var(--line-normal)}.empty-state.compact{padding:var(--space-1) 0 var(--space-3)}.mesh-list,.material-list{display:grid;gap:var(--space-2)}.mesh-list.merged{max-height:20vh;overflow:auto;padding-right:var(--space-1)}.scene-tree,.inspector-list{padding:var(--space-1) 0;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised)}.inspector-list.compact{height:178px;overflow:auto}.tool-list{display:grid;gap:var(--space-2)}.tool-list button{display:flex;align-items:center;gap:var(--space-3);min-height:34px;border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-control);cursor:pointer;padding:0 var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-bold)}.tool-list button:hover,.tool-list button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text)}.model-history-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.model-history-list{display:grid;gap:var(--space-2)}.model-history-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-field);cursor:pointer;padding:var(--space-2);text-align:left}.model-history-row:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-hover)}.model-history-row:disabled{cursor:default;opacity:.82}.model-history-thumb{display:grid;place-items:center;width:58px;height:44px;overflow:hidden;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-helper)}.model-history-thumb img{width:100%;height:100%;object-fit:cover}.model-history-main{display:grid;gap:var(--space-1);min-width:0}.model-history-main strong,.model-history-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-history-main strong{color:var(--color-text-strong);font-size:var(--font-size-sm)}.model-history-main span,.model-history-meta{color:var(--color-text-helper);font-size:var(--font-size-xs)}.model-history-progress{display:block;height:4px;overflow:hidden;border-radius:999px;background:var(--color-surface-muted)}.model-history-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.tree-row,.inspector-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:28px;border:1px solid transparent;background:transparent;padding:3px var(--space-3);color:var(--color-text-tree);font-size:var(--font-size-sm);text-align:left}.tree-row svg,.inspector-row svg{color:var(--color-icon-tree);fill:currentColor}.tree-row.model,.inspector-row.model{min-height:24px;padding-left:22px;color:var(--color-text-model);font-weight:var(--font-bold)}.inspector-row.static{cursor:default}.inspector-row:not(.static):not(.model){cursor:pointer}.inspector-row:not(.static):not(.model):hover,.inspector-row.selected,.inspector-row.active{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.inspector-row.future{color:var(--color-text-soft)}.inspector-row-body{display:grid;min-width:0}.inspector-row-main,.inspector-row-meta,.inspector-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-row-main{flex:1 1 auto;color:var(--color-text-strong);font-weight:var(--font-medium)}.inspector-row-material{flex:0 1 44%;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-helper);font-size:var(--font-size-xs)}.part-tree-item{display:grid}.part-row{gap:var(--space-1);padding:2px var(--space-2)}.part-row.selected{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.tree-toggle,.tree-toggle-spacer{display:grid;place-items:center;width:20px;height:22px;flex:0 0 20px}.tree-toggle{border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-tree);cursor:pointer;padding:0}.tree-toggle:hover{background:var(--color-surface-muted);color:var(--color-primary-text)}.part-select-button{display:flex;align-items:center;gap:var(--space-3);min-width:0;min-height:24px;flex:1 1 auto;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 var(--space-1);text-align:left}.internal-mesh-list{display:grid;gap:1px;margin:0 var(--space-2) var(--space-1) 34px;padding-left:var(--space-3);border-left:1px solid var(--color-border-control)}.internal-mesh-row{display:flex;align-items:center;gap:var(--space-2);min-height:22px;padding:1px var(--space-2);color:var(--color-text-helper);font-size:var(--font-size-xs)}.internal-mesh-name,.internal-mesh-material{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.internal-mesh-name{flex:1 1 auto}.internal-mesh-material{flex:0 1 38%;text-align:right}.mesh-badge{flex:0 0 auto;border:1px solid var(--color-border-soft);border-radius:var(--radius-xs);background:var(--color-surface-muted);color:var(--color-text-muted);padding:1px var(--space-2);font-size:var(--font-size-2xs);font-weight:var(--font-bold)}.inspector-row-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-helper);font-size:var(--font-size-xs)}.inspector-row-meta i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-status-dot)}.tree-branch{width:10px;height:16px;margin-left:var(--space-2);border-bottom:1px solid var(--color-border-control);border-left:1px solid var(--color-border-control);flex:0 0 auto}.scene-tree .mesh-row{min-height:34px;padding:5px 9px 5px 22px}.scene-tree .mesh-row span{font-size:var(--font-size-sm)}.scene-tree .mesh-row small{margin-top:1px;font-size:var(--font-size-2xs)}.mesh-row{width:100%;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;padding:9px var(--space-4);text-align:left;cursor:pointer}.mesh-row:hover,.mesh-row.selected{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.mesh-row span,.mesh-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mesh-row span{color:var(--color-text-strong);font-size:var(--font-size-md);font-weight:var(--font-medium)}.mesh-row small{display:flex;align-items:center;gap:var(--space-2);margin-top:3px;color:var(--color-text-helper);font-size:var(--font-size-xs)}.mesh-row small i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-status-dot)}.scene-buttons button{min-height:30px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-history);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-bold)}.scene-buttons button.active{background:var(--color-surface-raised);color:var(--color-primary-text);box-shadow:var(--shadow-raised)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.restore-button{margin-bottom:var(--space-5)}.material-color-panel{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.material-color-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);min-height:34px;border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:3px}.material-color-mode button{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-helper);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-bold)}.material-color-mode button.active{background:var(--color-surface-raised);color:var(--color-primary-text);box-shadow:var(--shadow-raised)}.material-color-row,.material-color-stack{display:grid;gap:var(--space-2)}.material-color-row,.material-color-row.readonly{grid-template-columns:34px minmax(0,1fr)}.material-color-swatch{width:34px;height:34px;border:1px solid var(--color-border-swatch);border-radius:var(--radius-md);background:linear-gradient(45deg,#dfe7ea 25%,transparent 25%),linear-gradient(-45deg,#dfe7ea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe7ea 75%),linear-gradient(-45deg,transparent 75%,#dfe7ea 75%);background-color:var(--color-surface-raised);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.material-color-field{display:grid;gap:var(--space-2);color:var(--color-text-helper);font-size:var(--font-size-xs);font-weight:var(--font-bold)}.material-color-panel input{min-width:0;height:34px;border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-field);font-size:var(--font-size-sm)}.material-color-panel input:not([type=color]){padding:0 var(--space-3)}.material-color-panel input[type=color]{padding:2px;cursor:pointer}.material-color-panel input[readonly]{color:var(--color-text-muted);cursor:default}.material-color-apply{margin-top:var(--space-1)}.region-panel{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);padding:0;color:var(--color-text-helper);font-size:var(--font-size-sm);line-height:var(--line-normal)}.region-list{height:178px;overflow:auto;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised)}.region-empty{display:flex;align-items:center;min-height:28px;padding:3px var(--space-3);color:var(--color-text-empty);font-size:var(--font-size-sm)}.region-help{color:var(--color-text-helper);font-size:var(--font-size-xs);line-height:var(--line-tight)}.region-row{width:100%;border:1px solid transparent;background:transparent;cursor:pointer;padding:0 var(--space-3);text-align:left}.region-row:hover,.region-row.active{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-primary-text);font-weight:var(--font-bold)}.preset-button{display:flex;align-items:center;gap:var(--space-3);min-height:34px;border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:0 9px;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-bold)}.preset-button:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.swatch{width:16px;height:16px;border:1px solid var(--color-border-swatch);border-radius:var(--radius-pill);flex:0 0 auto}.material-search{display:flex;align-items:center;gap:var(--space-2);min-height:34px;margin-bottom:var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-helper);padding:0 var(--space-3)}.material-search input{min-width:0;width:100%;height:30px;border:0;background:transparent;color:var(--color-text-field)}.material-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.material-card{display:grid;grid-template-rows:auto minmax(32px,auto);min-width:0;border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-strong);cursor:pointer;overflow:hidden;padding:0;text-align:left;transition:background .14s ease,border-color .14s ease,transform .14s ease}.material-card:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.material-card.print-card{cursor:default}.material-card.print-card:hover{border-color:var(--color-border-control);background:var(--color-surface-raised);transform:none}.material-card.print-card[data-active=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.material-card:disabled{cursor:not-allowed;opacity:.46;transform:none}.material-card-preview{display:grid;place-items:center;aspect-ratio:1;background:var(--color-surface-muted);overflow:hidden}.material-card-preview.transparent{background-color:var(--color-surface-muted);background-image:linear-gradient(45deg,rgba(96,115,121,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(96,115,121,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(96,115,121,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(96,115,121,.12) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.material-card-preview img{width:100%;height:100%;object-fit:cover}.material-card-preview.transparent img{object-fit:contain;padding:var(--space-2)}.material-card-swatch{width:42%;aspect-ratio:1;border:1px solid var(--color-border-swatch);border-radius:var(--radius-sm)}.material-card-name{display:-webkit-box;min-width:0;padding:var(--space-2);overflow:hidden;color:var(--color-text-strong);font-size:var(--font-size-xs);font-weight:var(--font-bold);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.material-library-button{margin-top:var(--space-4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:var(--z-modal);background:#18202347;padding:var(--space-8)}.material-manager-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);height:min(76vh,720px);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover);overflow:hidden}.model-job-modal,.model-upload-modal,.compact-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(76vh,720px);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover);overflow:hidden}.model-upload-modal{width:min(700px,100%)}.compact-dialog{width:min(380px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:50px;padding:0 var(--space-5);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-raised)}.modal-header h2{color:var(--color-text-strong);font-size:var(--font-size-lg);font-weight:var(--font-heavy)}.modal-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.model-job-list,.model-upload-form,.compact-form{display:grid;align-content:start;gap:var(--space-3);min-height:0;overflow-y:auto;padding:var(--space-5);scrollbar-gutter:stable}.model-job-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);min-height:44px;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-field);cursor:pointer;padding:var(--space-3);text-align:left}.model-job-row:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-hover)}.model-job-row:disabled{cursor:default;opacity:.8}.model-job-main{display:grid;gap:var(--space-1);min-width:0}.model-job-main strong,.model-job-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-job-main strong{color:var(--color-text-strong);font-size:var(--font-size-sm)}.model-job-main span,.model-job-meta,.model-job-error{color:var(--color-text-helper);font-size:var(--font-size-xs)}.model-job-status{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-panel);font-size:var(--font-size-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2)}.model-job-status.completed{border-color:#2b7a4b3d;background:#2b7a4b14;color:var(--color-success)}.model-job-status.failed{border-color:#b64a4a3d;background:#b64a4a14;color:var(--color-danger)}.model-job-error{grid-column:1 / -1;color:var(--color-danger)}.model-upload-fields{display:grid;gap:var(--space-3)}.model-upload-hint{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-helper);font-size:var(--font-size-xs);line-height:var(--line-normal);padding:var(--space-3);white-space:pre-line}.view-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.view-upload-card{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-2);min-height:160px;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;padding:var(--space-3)}.view-upload-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.view-upload-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-bold)}.view-upload-title strong{color:var(--color-danger);font-size:var(--font-size-2xs)}.view-upload-preview{display:grid;place-items:center;min-height:86px;border:1px dashed var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-helper);overflow:hidden}.view-upload-preview img{width:100%;height:100%;object-fit:contain}.view-upload-file{display:-webkit-box;overflow:hidden;color:var(--color-text-helper);font-size:var(--font-size-xs);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.view-upload-card input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.material-manager-layout{position:relative;display:grid;grid-template-columns:152px minmax(0,1fr);min-height:0;overflow:hidden}.asset-library-tabs{display:grid;align-content:start;gap:var(--space-2);border-right:1px solid var(--color-border-soft);background:var(--color-surface-muted);padding:var(--space-4)}.asset-library-tabs button{display:flex;align-items:center;gap:var(--space-2);min-height:34px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-field);cursor:pointer;padding:0 var(--space-3);text-align:left}.asset-library-tabs button.active{border-color:var(--color-border-control);background:var(--color-surface-raised);color:var(--color-text-strong);font-weight:var(--font-bold)}.asset-library-tabs button:disabled{color:var(--color-text-soft);cursor:not-allowed}.material-manager-content{position:relative;z-index:0;display:grid;align-content:start;gap:var(--space-4);min-height:0;overflow-y:auto;padding:var(--space-5);scrollbar-gutter:stable}.material-upload-form{display:grid;gap:var(--space-4)}.form-field{display:grid;gap:var(--space-2);color:var(--color-text-field);font-size:var(--font-size-sm);font-weight:var(--font-bold)}.form-field input,.form-field select{width:100%;min-height:34px;border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-field);padding:0 var(--space-3)}.form-field input[type=file]{padding:var(--space-2)}.modal-error{border:1px solid rgba(182,74,74,.28);border-radius:var(--radius-md);background:#b64a4a14;color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--line-normal);padding:var(--space-3)}.library-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.library-card{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);overflow:hidden}.library-card-delete{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;background:var(--color-surface-overlay)}.library-card-preview{display:grid;place-items:center;aspect-ratio:1.18;background:var(--color-surface-muted);overflow:hidden}.library-card-preview.transparent{background-color:var(--color-surface-muted);background-image:linear-gradient(45deg,rgba(96,115,121,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(96,115,121,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(96,115,121,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(96,115,121,.12) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.library-card-preview img{width:100%;height:100%;object-fit:cover}.library-card-preview.transparent img{object-fit:contain;padding:var(--space-2)}.library-card-body{display:grid;gap:var(--space-3);padding:var(--space-3)}.library-card-name{min-width:0;overflow:hidden;color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-bold);text-overflow:ellipsis;white-space:nowrap}.library-card-meta{color:var(--color-text-helper);font-size:var(--font-size-xs);font-weight:var(--font-medium)}.library-card-template{display:grid;gap:var(--space-1);color:var(--color-text-helper);font-size:var(--font-size-xs);font-weight:var(--font-medium)}.library-card-template select{min-width:0;height:30px;border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-field);padding:0 var(--space-2)}.material-drawer{position:absolute;top:0;right:0;bottom:0;z-index:4;width:min(340px,78%);display:grid;grid-template-rows:auto minmax(0,1fr);border-left:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-popover);padding:var(--space-5);transform:translate(102%);transition:transform .18s ease}.material-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.drawer-header h3{margin:0;color:var(--color-text-strong);font-size:var(--font-size-lg)}.material-drawer .material-upload-form{align-content:start;gap:var(--space-3)}.material-drawer .form-field{display:grid;gap:var(--space-2)}.material-drawer .form-field>span{color:var(--color-text-panel);font-size:var(--font-size-sm);font-weight:var(--font-bold);line-height:1}.material-drawer .form-field input,.material-drawer .form-field select{min-height:32px;height:32px;padding:0 var(--space-3)}.material-drawer .form-field input[type=file]{min-height:34px;height:34px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.material-drawer .form-field input[type=file]::file-selector-button{height:24px;margin-right:var(--space-2)}.material-drawer .tool-button.full-width{min-height:34px;margin-top:var(--space-2)}.icon-button.danger{color:var(--color-danger)}.icon-button.danger:hover{border-color:#b64a4a8c;background:#b64a4a14}.field-row,.toggle-row,.check-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:32px;color:var(--color-text-field);font-size:var(--font-size-md);font-weight:var(--font-medium)}.toggle-row{min-height:36px;font-weight:var(--font-bold)}.setting-list{display:grid;gap:var(--space-1)}.setting-row{min-height:30px}.field-row span,.setting-row span{display:inline-flex;align-items:center;gap:var(--space-2)}.field-row select,.setting-row select{min-width:130px;height:30px;border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-tab-active);padding:0 var(--space-3)}.check-row input,.toggle-row input,.setting-row input{width:18px;height:18px;accent-color:var(--color-primary)}.field-row input[type=color]{width:42px;height:28px;border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:0;background:var(--color-surface-raised)}.slider-row{display:grid;gap:var(--space-3);margin:var(--space-4) 0}.slider-row span{display:flex;justify-content:space-between;color:var(--color-text-field);font-size:var(--font-size-md);font-weight:var(--font-medium)}.slider-row strong{color:var(--color-text-helper);font-size:var(--font-size-sm)}.slider-row input{width:100%;accent-color:var(--color-primary)}.scene-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.scene-buttons button{border:1px solid var(--color-border-control);background:var(--color-surface-raised);text-transform:capitalize}.icon-button.mini{min-height:32px;width:32px;border-radius:var(--radius-md)}.full-width{width:100%}.shortcut-list,.keymap-list,.history-list{display:grid;gap:0}.shortcut-list span,.keymap-row,.history-row{display:flex;align-items:center;min-height:24px;color:var(--color-text-history);font-size:var(--font-size-sm)}.keymap-list{gap:var(--space-1)}.keymap-row{justify-content:space-between;gap:var(--space-5);min-height:22px}.kbd-group{display:inline-flex;justify-content:flex-end;gap:var(--space-1);min-width:112px}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;border:1px solid var(--color-border-kbd);border-radius:var(--radius-xs);background:var(--color-surface-raised);color:var(--color-text-control);font-size:var(--font-size-xs);font-weight:var(--font-heavy)}.history-row{justify-content:flex-start}@media (max-width: 980px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.topbar{align-items:flex-start;flex-direction:column;height:auto;padding:var(--space-5)}.workspace{grid-template-columns:1fr}.viewport-wrap{height:58vh;min-height:420px;order:-1}.project-panel,.inspector{border:0;border-top:1px solid var(--color-border)}}