*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#f8f9fa;background:#0a0a14;height:100%;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}:root{--bg-darker:#020617;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-panel:#1e293b;--bg-hover:#475569;--border-primary:#ffffff14;--border-active:#3b82f680;--text-primary:#fff;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-glow:#3b82f64d;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--gradient-premium:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);--gradient-dark:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);--header-height:64px;--sidebar-rail-width:72px;--sidebar-drawer-width:320px;--property-panel-width:320px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--radius-md:12px;--radius-lg:16px;--shadow-premium:0 10px 40px #00000080;--transition-base:.2s cubic-bezier(.4,0,.2,1)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:15px}.text-lg{font-size:20px}.font-bold{font-weight:700}.font-medium{font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer;color:#fff;border:none;padding:10px 18px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-premium);box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-icon{width:40px;height:40px;color:var(--text-secondary);background:0 0;border-radius:10px;padding:0}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{background:var(--bg-hover);color:var(--accent-primary);border:1px solid var(--border-active)}.tool-rail{width:var(--sidebar-rail-width);background:var(--bg-panel);border-right:1px solid var(--border-primary);height:100%;padding-top:var(--spacing-md);align-items:center;gap:var(--spacing-sm);z-index:100;flex-direction:column;display:flex}.tool-drawer{width:var(--sidebar-drawer-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);height:100%;padding:var(--spacing-lg);z-index:90;overflow-y:auto}.canvas-viewport{background:var(--bg-darker);padding:var(--spacing-lg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.canvas-floating{box-shadow:var(--shadow-premium);background:#fff;transition:transform .3s}.glass{-webkit-backdrop-filter:blur(20px);background:#16162ab3;border:1px solid #ffffff1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}input,select,textarea{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:#fff;transition:all var(--transition-base);border-radius:10px;outline:none;padding:10px 14px;font-size:14px}input:focus,select:focus{border-color:var(--accent-primary);background:var(--bg-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.flex-1{flex:1}.gap-sm{gap:8px}.gap-md{gap:16px}.w-full{width:100%}