*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-elevated: #3d3d3f;--bg-canvas: #0d0d0f;--bg-tooltip: #48484a;--accent: #0a84ff;--accent-hover: #409cff;--accent-muted: rgba(10,132,255,.18);--accent-border: rgba(10,132,255,.4);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.55);--text-tertiary: rgba(255,255,255,.3);--text-disabled: rgba(255,255,255,.2);--separator: rgba(255,255,255,.08);--separator-mid: rgba(255,255,255,.12);--destructive: #ff453a;--success: #32d74b;--warning: #ffd60a;--orange: #ff9f0a;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--transition: .15s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.4)}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}input,textarea,select{font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--separator-mid);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}input[type=color]{padding:2px;cursor:pointer;width:36px;height:28px;border-radius:var(--radius-sm)}button{font-family:var(--font-sans);font-size:13px;cursor:pointer;border:none;border-radius:var(--radius-sm);transition:all var(--transition);-webkit-user-select:none;user-select:none}button:disabled{opacity:.4;cursor:not-allowed}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;border:none;outline:none;cursor:pointer;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:grab;box-shadow:0 1px 4px #0006;transition:transform var(--transition),background var(--transition)}input[type=range]:hover::-webkit-slider-thumb{background:#fff;transform:scale(1.25)}input[type=range]:active::-webkit-slider-thumb{background:#fff;cursor:grabbing;transform:scale(1.25)}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-muted)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:none;background:var(--accent);cursor:grab;transition:transform var(--transition),background var(--transition)}input[type=range]:hover::-moz-range-thumb{background:#fff;transform:scale(1.25)}input[type=range]::-moz-range-track{background:transparent}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.brand-logo{position:relative;display:inline-block;font-weight:800;letter-spacing:.3px;white-space:nowrap;line-height:1;cursor:default;-webkit-user-select:none;user-select:none}.brand-logo-shine{position:absolute;left:0;top:0;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(100deg,#fff0 42%,#ffffffe6,#fff0 58%);background-size:250% 100%;background-repeat:no-repeat;background-position:165% 0;pointer-events:none}.brand-logo:hover .brand-logo-shine{animation:brand-shine .9s ease-in-out}@keyframes brand-shine{0%{background-position:165% 0}to{background-position:-65% 0}}.panel-section{padding:0 0 2px}.panel-section-header{display:flex;align-items:center;justify-content:space-between;margin:7px 8px 2px;padding:9px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);transition:color var(--transition),background var(--transition),border-color var(--transition)}.panel-section-header:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.panel-section-body{padding:4px 14px 14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0f;color:var(--text-primary)}.btn-danger{background:#ff453a1f;color:var(--destructive)}.btn-danger:hover{background:#ff453a33}.btn-icon{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm)}.btn-icon:hover{background:#ffffff14;color:var(--text-primary)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.form-label{font-size:12px;color:var(--text-secondary);flex-shrink:0;min-width:80px}.form-input{flex:1;padding:5px 8px;background:var(--bg-tertiary);border:1px solid var(--separator-mid);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.tabs-list{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--separator);overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-trigger{flex:1;min-width:max-content;padding:8px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border-radius:0;border-bottom:2px solid transparent;transition:all var(--transition);white-space:nowrap}.tab-trigger:hover{color:var(--text-primary)}.tab-trigger.active{color:var(--accent);border-bottom-color:var(--accent)}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;background:var(--accent-muted);color:var(--accent)}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:10px;transition:background var(--transition);cursor:pointer;border:1px solid var(--separator-mid)}.toggle input:checked~.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition);pointer-events:none;box-shadow:0 1px 3px #0000004d}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.color-swatch{width:24px;height:24px;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.2);cursor:pointer;flex-shrink:0;transition:transform var(--transition)}.color-swatch:hover{transform:scale(1.1)}.separator{height:1px;background:var(--separator);margin:8px 0}.num-input-wrap{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--separator-mid);border-radius:var(--radius-sm);overflow:hidden}.num-input-wrap input{width:56px;min-width:0;flex:0 1 56px;text-align:center;background:transparent;border:none;padding:5px 2px;font-size:12px;-moz-appearance:textfield}.num-input-wrap input::-webkit-outer-spin-button,.num-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}.num-input-step{width:22px;height:28px;flex-shrink:0;background:transparent;color:var(--text-secondary);border-radius:0;display:flex;align-items:center;justify-content:center;font-size:14px}.num-input-step:hover{background:#ffffff14;color:var(--text-primary)}select.styled-select{padding:5px 28px 5px 8px;background:var(--bg-tertiary);border:1px solid var(--separator-mid);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.4)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}select.styled-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.layer-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);-webkit-user-select:none;user-select:none}.layer-item:hover{background:#ffffff0d}.layer-item.selected{background:var(--accent-muted)}.layer-item.selected:hover{background:#0a84ff38}.layer-item.dragging{opacity:.4}.prop-group-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.anim-fadein{animation:fadeIn .15s ease-out}