:root{--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", sans-serif;--bg-dark: #090d16;--bg-panel: rgba(18, 24, 38, .75);--bg-card: rgba(28, 36, 56, .6);--bg-hover: rgba(45, 56, 84, .8);--border-light: rgba(255, 255, 255, .1);--border-glow: rgba(168, 85, 247, .5);--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-glow: linear-gradient(135deg, rgba(168, 85, 247, .4) 0%, rgba(236, 72, 153, .4) 100%);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(168, 85, 247, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow:hidden;background-image:radial-gradient(circle at 15% 20%,rgba(168,85,247,.12) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(6,182,212,.12) 0%,transparent 40%)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.glass-card{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;z-index:50;height:68px;border-bottom:1px solid var(--border-light)}.brand-title{display:flex;align-items:center;gap:12px}.logo-icon{font-size:26px;background:var(--gradient-primary);width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.brand-text h1{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.brand-text .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text .tagline{font-size:.75rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:10px}.btn{font-family:var(--font-primary);font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast);outline:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 14px #a855f766}.btn-primary:hover{box-shadow:0 6px 20px #a855f799;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:#fff3}.btn-accent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 14px #10b98159}.btn-accent:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-1px)}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center;background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.btn-icon:hover:not(:disabled){background:var(--bg-hover);border-color:#ffffff40}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-danger-soft{color:var(--accent-rose)}.btn-danger-soft:hover{background:#f43f5e26;border-color:#f43f5e66}.divider{width:1px;height:24px;background:var(--border-light);margin:0 4px}.workspace{display:flex;flex:1;height:calc(100vh - 68px);overflow:hidden;position:relative}.quick-toolbar{width:180px;padding:16px 12px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--border-light);z-index:20}.tool-group{display:flex;flex-direction:column;gap:8px}.tool-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.tool-btn{font-family:var(--font-primary);font-size:.8rem;font-weight:500;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-light);display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition-fast)}.tool-btn:hover{background:var(--bg-hover);color:var(--text-main)}.tool-select-dropdown{width:100%;font-family:var(--font-primary);font-size:.78rem;font-weight:600;padding:8px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-light);outline:none;cursor:pointer}.tool-select-dropdown:hover{background:var(--bg-hover);border-color:var(--accent-purple)}.tool-btn.active{background:#a855f72e;color:#d8b4fe;border-color:var(--accent-purple);box-shadow:0 0 10px #a855f733}.zoom-controls{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}#zoom-val{font-size:.75rem;font-weight:600;min-width:42px;text-align:center}.canvas-section{flex:1;display:flex;align-items:center;justify-content:center;background-color:#050810;position:relative;overflow:hidden;padding:16px}.canvas-wrapper{position:relative;border-radius:var(--radius-md);box-shadow:0 20px 50px #0009;transition:transform var(--transition-smooth)}#paper-doll-canvas{display:block;max-height:88vh;max-width:72vw;object-fit:contain;border-radius:var(--radius-md);background-color:transparent;cursor:crosshair}.canvas-wrapper.bg-transparent{background-image:linear-gradient(45deg,#161f33 25%,transparent 25%),linear-gradient(-45deg,#161f33 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#161f33 75%),linear-gradient(-45deg,transparent 75%,#161f33 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px}.canvas-wrapper.bg-grid-dark{background-color:#0b1120;background-image:radial-gradient(rgba(56,189,248,.25) 1px,transparent 1px);background-size:24px 24px}.canvas-wrapper.bg-studio-light{background:radial-gradient(circle at center,#fff,#e2e8f0)}.canvas-wrapper.bg-sunset{background:linear-gradient(135deg,#ff9a9e,#fecfef 99%,#feada6)}.canvas-wrapper.bg-pastel-pink{background-color:#fff1f2;background-image:radial-gradient(#fda4af 2px,transparent 2px);background-size:32px 32px}.selection-gizmo{position:absolute;pointer-events:none;border:2px dashed var(--accent-purple);box-shadow:0 0 15px #a855f780;border-radius:4px;z-index:100;transition:opacity .1s ease}.selection-gizmo.hidden{display:none}.gizmo-btn{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--bg-dark);border:2px solid var(--accent-purple);color:var(--text-main);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-sm);transition:transform .15s ease}.gizmo-btn:hover{transform:scale(1.25);background:var(--accent-purple)}.gizmo-rotate{top:-34px;left:50%;transform:translate(-50%)}.gizmo-scale{bottom:-12px;right:-12px;cursor:nwse-resize}.gizmo-delete{top:-12px;right:-12px;border-color:var(--accent-rose);color:var(--accent-rose)}.gizmo-delete:hover{background:var(--accent-rose);color:#fff}.gizmo-duplicate{top:-12px;left:-12px;border-color:var(--accent-cyan)}.gizmo-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#090d16d9;padding:2px 8px;border-radius:10px;font-size:.7rem;color:var(--text-muted);white-space:nowrap;border:1px solid var(--border-light)}.toast-container{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast{background:#121826e6;color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;border:1px solid var(--border-glow);box-shadow:var(--shadow-glow);animation:toastIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.inspector-panel{width:380px;display:flex;flex-direction:column;border-left:1px solid var(--border-light);z-index:20}.sidebar-tabs{display:flex;background:#0a0e1899;border-bottom:1px solid var(--border-light);overflow-x:auto}.tab-btn{flex:1;padding:12px 8px;font-family:var(--font-primary);font-size:.75rem;font-weight:600;background:transparent;color:var(--text-muted);border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{color:var(--text-main);background:#ffffff08}.tab-btn.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple);background:#a855f714}.tab-icon{font-size:1.1rem}.tab-content{display:none;flex:1;padding:20px;overflow-y:auto}.tab-content.active{display:flex;flex-direction:column;gap:16px}.panel-header h3{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:4px}.panel-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.parts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.part-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all var(--transition-fast)}.part-card:hover{border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 12px #a855f733}.part-preview{width:100%;height:90px;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:var(--radius-sm);padding:6px}.part-preview img{max-width:100%;max-height:100%;object-fit:contain}.part-title{font-size:.75rem;font-weight:600;text-align:center}.add-part-btn{width:100%;font-size:.72rem;padding:4px 8px}.layer-list{display:flex;flex-direction:column;gap:8px}.layer-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-light);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.layer-item:hover{background:var(--bg-hover)}.layer-item.selected{border-color:var(--accent-purple);background:#a855f71f}.layer-info{display:flex;align-items:center;gap:10px}.layer-drag-handle{color:var(--text-dim);cursor:grab}.layer-name{font-size:.8rem;font-weight:600}.layer-actions{display:flex;align-items:center;gap:4px}.selected-target-badge{background:#a855f726;border:1px solid var(--accent-purple);color:#d8b4fe;padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-align:center}.preset-colors{display:flex;gap:8px;margin-top:6px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-light);cursor:pointer;transition:transform var(--transition-fast)}.color-swatch:hover{transform:scale(1.2)}.slider-row{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:4px}.control-group input[type=range]{width:100%;accent-color:var(--accent-purple);cursor:pointer}.bg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bg-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.bg-card.active{border-color:var(--accent-cyan);box-shadow:0 0 10px #06b6d44d}.bg-preview{width:100%;height:60px;border-radius:var(--radius-sm)}.bg-checker{background-image:linear-gradient(45deg,#161f33 25%,transparent 25%),linear-gradient(-45deg,#161f33 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#161f33 75%),linear-gradient(-45deg,transparent 75%,#161f33 75%);background-size:16px 16px}.bg-dark-grid{background:#0b1120 radial-gradient(rgba(56,189,248,.3) 1px,transparent 1px);background-size:12px 12px}.bg-studio{background:radial-gradient(circle,#fff,#cbd5e1)}.bg-sunset-grad{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.bg-pastel-dots{background:#fff1f2 radial-gradient(#fda4af 2px,transparent 2px);background-size:16px 16px}.stickers-grid{display:flex;flex-direction:column;gap:8px}.sticker-btn{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-main);padding:10px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:600;cursor:pointer}.sticker-btn:hover{background:var(--bg-hover);border-color:var(--accent-pink)}.sticker-emoji{font-size:1.4rem}