@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";:root{--bg-base: #080b0e;--bg-surface: #111519;--bg-elevated: #1a2028;--bg-dark: var(--bg-base);--sidebar-bg: var(--bg-surface);--panel-dark: rgba(26, 32, 40, .85);--border-dark: rgba(255, 255, 255, .08);--border-mid: rgba(255, 255, 255, .14);--primary-green-dim: #059669;--primary-green: #10b981;--primary-green-bright: #34d399;--primary-green-glow: rgba(52, 211, 153, .4);--primary-green-low: rgba(16, 185, 129, .08);--primary-green-mid: rgba(16, 185, 129, .25);--danger: #f43f5e;--danger-low: rgba(244, 63, 94, .1);--danger-mid: rgba(244, 63, 94, .3);--warning: #f59e0b;--warning-low: rgba(245, 158, 11, .1);--info: #38bdf8;--info-low: rgba(56, 189, 248, .1);--text-primary: #e8f0f7;--text-secondary: #b8c5d1;--text-muted: #7a8fa3;--text-disabled: #4a5a6a;--text-xs: 10px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--font-display: "Roboto", system-ui, sans-serif;--font-body: "Roboto", system-ui, sans-serif;--font-mono: "Roboto", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width-min: 128px;--sidebar-width-default: 184px;--sidebar-width-max: 280px;--z-base: 0;--z-above: 10;--z-sidebar: 20;--z-overlay: 30;--z-modal: 40;--z-cursor: 10000;--viewport-frame: inset 0 0 0 1px rgba(16, 185, 129, .12), inset 0 0 40px rgba(0, 0, 0, .6);--input-bg: #0f172a;--input-border: #334155;--hover-surface: rgba(255, 255, 255, .05);--drawing-bg: #111519;--drawing-line: #94a3b8;--drawing-line-strong: #cbd5e1;--drawing-fill: #1a2028;--drawing-dim: #475569;--drawing-dim-text: #94a3b8;--drawing-selected: #f59e0b;--drawing-label: #64748b}[data-theme=light]{--bg-base: #f3f3f3;--bg-surface: #ffffff;--bg-elevated: #e8e8e8;--panel-dark: rgba(255, 255, 255, .96);--border-dark: rgba(0, 0, 0, .1);--border-mid: rgba(0, 0, 0, .18);--text-primary: #1f2328;--text-secondary: #424242;--text-muted: #6e7681;--text-disabled: #9ca3af;--input-bg: #f0f0f0;--input-border: rgba(0, 0, 0, .22);--hover-surface: rgba(0, 0, 0, .05);--viewport-frame: inset 0 0 0 1px rgba(16, 185, 129, .25), inset 0 0 24px rgba(0, 0, 0, .06);--drawing-bg: #F9F6EE;--drawing-line: #334155;--drawing-line-strong: #0f172a;--drawing-fill: #e2e8f0;--drawing-dim: #64748b;--drawing-dim-text: #475569;--drawing-selected: #d97706;--drawing-label: #64748b}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-base);font-family:var(--font-body);color:var(--text-primary)}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808040;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-green-mid)}.glass-panel{background:var(--panel-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-dark);box-shadow:0 8px 32px #0000002e;border-radius:12px}.glow-text{text-shadow:0 0 10px rgba(16,185,129,.3)}[data-theme=light] .glow-text{text-shadow:0 0 8px rgba(5,150,105,.2)}.menu-item{background:transparent;border:none;color:var(--text-secondary);padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--text-base);font-family:var(--font-body);cursor:pointer;transition:all .2s;width:100%}.menu-item:hover{background:var(--primary-green-low);color:var(--primary-green)}.sidebar-model-item{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-secondary);border-left:2px solid transparent;padding-left:14px;transition:all .15s ease}.sidebar-model-item.active{font-weight:var(--weight-semibold);color:var(--primary-green);border-left-color:var(--primary-green);background:var(--primary-green-low)}.resize-handle{width:5px;cursor:col-resize;flex-shrink:0;position:relative;background:transparent;z-index:var(--z-overlay)}.resize-handle:after{content:"";position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%);width:1px;background:var(--border-dark);border-radius:2px;transition:background .2s ease,width .2s ease}.resize-handle:hover:after{width:3px;background:var(--primary-green);box-shadow:0 0 8px var(--primary-green-glow)}.cube-container{width:60px;height:60px;perspective:400px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s ease}.face{position:absolute;width:60px;height:60px;background:var(--primary-green-low);border:1px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--primary-green);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.face.front{transform:translateZ(30px);background:#10b98133}.face.back{transform:rotateY(180deg) translateZ(30px)}.face.right{transform:rotateY(90deg) translateZ(30px)}.face.left{transform:rotateY(-90deg) translateZ(30px)}.face.top{transform:rotateX(90deg) translateZ(30px)}.face.bottom{transform:rotateX(-90deg) translateZ(30px)}.scissor-cursor{position:fixed;pointer-events:none;z-index:var(--z-cursor);color:var(--primary-green);filter:drop-shadow(0 0 4px rgba(16,185,129,.5));width:24px;height:24px;transform:translate(5px,5px)}.cropping-active{cursor:crosshair}.sidebar-row{position:relative}.sidebar-row .delete-btn{opacity:0;transition:opacity .15s ease}.sidebar-row:hover .delete-btn{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}