@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,600&display=swap";:root{--primary-amber: #f59e0b;--primary-orange: #ea580c;--primary-crimson: #b91c1c;--primary-gold: #fbbf24;--wood-dark: #3c1e08;--wood-medium: #78350f;--bg-sand: #fef7ee;--bg-card: rgba(255, 255, 255, .92);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(245, 158, 11, .25);--text-dark: #1e1b18;--text-muted: #6b7280;--shadow-sm: 0 2px 8px rgba(120, 53, 15, .08);--shadow-md: 0 8px 24px rgba(120, 53, 15, .12);--shadow-lg: 0 16px 36px rgba(120, 53, 15, .18);--radius-full: 9999px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% 30%,#fff7ed,#ffedd5 60%,#fed7aa);color:var(--text-dark)}.app-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.workspace-3d{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.top-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:2px solid var(--glass-border);box-shadow:var(--shadow-sm);gap:16px}.top-bar-left{display:flex;align-items:center}.brand-badge{display:flex;align-items:center;gap:10px}.brand-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(245,158,11,.4));animation:pulse-glow 3s infinite ease-in-out}.brand-title{font-size:20px;font-weight:800;color:var(--primary-crimson);letter-spacing:-.5px;line-height:1.1}.brand-subtitle{font-size:11px;font-weight:600;color:var(--wood-medium);text-transform:uppercase;letter-spacing:.8px}.top-bar-center{display:flex;align-items:center;gap:16px}.mode-toggle-group{display:flex;background:#f1f5f9;padding:4px;border-radius:var(--radius-full);border:1.5px solid #e2e8f0}.mode-btn{border:none;background:transparent;padding:8px 18px;border-radius:var(--radius-full);font-size:14px;font-weight:700;color:#64748b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #d9770659;transform:scale(1.02)}.progress-container{display:flex;flex-direction:column;gap:4px;min-width:170px}.progress-bar-bg{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;transition:width .4s ease-out}.progress-label{font-size:12px;font-weight:700;color:var(--wood-medium);text-align:center}.top-bar-right{display:flex;align-items:center;gap:10px}.action-pill-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:all .2s ease;white-space:nowrap}.theme-btn{background:#fdf4ff;color:#86198f;border-color:#f5d0fe}.theme-btn:hover{background:#fae8ff;transform:translateY(-2px);box-shadow:0 4px 12px #c026d340}.theme-btn.sketch-active{background:#f1f5f9;color:#0f172a;border-color:#94a3b8;box-shadow:0 4px 12px #0f172a26}.download-btn{background:#ecfdf5;color:#047857;border-color:#a7f3d0;text-decoration:none}.download-btn:hover{background:#d1fae5;transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}.hint-btn{background:#fef08a;color:#854d0e;border-color:#fde047}.hint-btn:hover{background:#fde047;transform:translateY(-2px);box-shadow:0 4px 12px #eab3084d}.candle-btn{background:#fed7aa;color:#9a3412;border-color:#fdba74}.candle-btn.active{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;box-shadow:0 4px 12px #ea580c59}.info-btn{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.info-btn:hover{background:#bae6fd;transform:translateY(-2px)}.reset-btn{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.reset-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.icon-circle-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1.5px solid #cbd5e1;color:#475569;cursor:pointer;transition:all .2s ease}.icon-circle-btn:hover{background:#e2e8f0;transform:scale(1.05)}.component-tray-container{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:1000px;z-index:20;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px 18px;display:flex;flex-direction:column;gap:10px}.component-tray-header{display:flex;justify-content:space-between;align-items:center}.tray-title{font-size:13px;font-weight:800;color:var(--wood-medium);display:flex;align-items:center;gap:6px}.tray-sparkle-icon{color:var(--primary-amber)}.tray-hint-text{font-size:12px;font-weight:600;color:#78350f;background:#fef3c7;padding:3px 10px;border-radius:var(--radius-full)}.component-tray-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--primary-amber) transparent}.component-tray-scroll::-webkit-scrollbar{height:6px}.component-tray-scroll::-webkit-scrollbar-thumb{background:var(--primary-amber);border-radius:999px}.part-card{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;background:#fff;border:2px solid #fed7aa;border-radius:var(--radius-md);padding:10px 8px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);text-align:center}.part-card:hover{transform:translateY(-4px);border-color:var(--primary-amber);box-shadow:0 6px 16px #f59e0b40}.part-card.selected{border-color:var(--primary-orange);background:#fff7ed;box-shadow:0 0 0 3px #ea580c40,0 6px 16px #ea580c33;transform:translateY(-4px) scale(1.03)}.part-card.done{border-color:#a7f3d0;background:#f0fdf4}.part-card-preview{position:relative;width:44px;height:44px;background:#fef3c7;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.part-emoji{font-size:24px}.part-done-badge{position:absolute;top:-4px;right:-4px;background:#10b981;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.part-card-info{display:flex;flex-direction:column;gap:2px;width:100%}.part-card-name{font-size:11px;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-card-status{font-size:10px;font-weight:700;border-radius:var(--radius-full);padding:1px 4px}.status-ready{color:#d97706;background:#fef3c7}.status-done{color:#059669;background:#d1fae5}.selected-controls-overlay{position:absolute;top:80px;left:24px;z-index:25;pointer-events:auto;animation:slide-in-left .3s cubic-bezier(.16,1,.3,1)}.selected-controls-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--primary-amber);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-lg);max-width:320px;display:flex;flex-direction:column;gap:12px}.selected-header{display:flex;justify-content:space-between;align-items:flex-start}.selected-tag{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--primary-orange);background:#ffedd5;padding:2px 8px;border-radius:var(--radius-full);display:inline-block;margin-bottom:4px}.selected-name{font-size:16px;font-weight:800;color:var(--wood-medium);line-height:1.2}.selected-desc{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.4}.close-btn{background:#f1f5f9;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.close-btn:hover{background:#e2e8f0}.selected-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.control-btn{background:#fff;color:var(--wood-medium);border:1.5px solid #fed7aa;flex:1 1 calc(50% - 4px);justify-content:center;padding:8px 12px}.control-btn:hover{background:#fff7ed;border-color:var(--primary-amber);transform:translateY(-2px)}.snap-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:100%;justify-content:center;padding:10px 16px;box-shadow:0 4px 12px #10b9814d}.snap-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;width:100%;justify-content:center;padding:10px 16px;box-shadow:0 4px 12px #ef44444d}.remove-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.placed-status-banner{display:flex;align-items:center;gap:8px;background:#d1fae5;color:#065f46;font-size:12px;font-weight:700;padding:8px 12px;border-radius:var(--radius-md);width:100%}.feedback-toast{position:absolute;top:86px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:bounce-in .4s cubic-bezier(.175,.885,.32,1.275)}.toast-success{background:#10b981;color:#fff;border:2px solid #34d399}.toast-hint{background:#f59e0b;color:#fff;border:2px solid #fbbf24}.toast-info{background:#3b82f6;color:#fff;border:2px solid #60a5fa}.toast-text{font-size:15px;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b18a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.celebration-card,.info-modal-card{background:#fff;border-radius:28px;padding:32px;max-width:500px;width:100%;box-shadow:0 24px 48px #00000040;border:3px solid var(--primary-amber);text-align:center}.celebration-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 16px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d97706}.celebration-sparkle{position:absolute;top:-4px;right:-4px;color:var(--primary-orange);animation:spin-slow 4s infinite linear}.celebration-title{font-size:28px;font-weight:800;color:var(--primary-crimson);margin-bottom:6px}.celebration-subtitle{font-size:15px;color:var(--wood-medium);font-weight:600;margin-bottom:20px}.celebration-fact-box{background:#fff7ed;border:1.5px dashed var(--primary-amber);border-radius:var(--radius-md);padding:14px 18px;text-align:left;margin-bottom:24px}.fact-badge{font-size:11px;font-weight:800;color:var(--primary-orange);text-transform:uppercase;display:block;margin-bottom:4px}.fact-text{font-size:13px;color:var(--wood-medium);line-height:1.5}.celebration-actions{display:flex;gap:12px}.celebration-btn-primary{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;flex:1;justify-content:center;padding:12px 20px;font-size:15px;box-shadow:0 6px 18px #ea580c59}.celebration-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ea580c73}.celebration-btn-secondary{background:#f1f5f9;color:#334155;border:1.5px solid #cbd5e1;flex:1;justify-content:center;padding:12px 20px;font-size:15px}.celebration-btn-secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.info-modal-card{text-align:left;max-height:85vh;display:flex;flex-direction:column}.info-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.info-badge{font-size:11px;font-weight:800;color:var(--primary-orange);background:#ffedd5;padding:2px 8px;border-radius:var(--radius-full)}.info-title{font-size:22px;font-weight:800;color:var(--primary-crimson);margin-top:4px}.info-modal-body{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px;margin-bottom:20px}.info-section h3{font-size:15px;font-weight:800;color:var(--wood-medium);margin-bottom:4px}.info-section p{font-size:13px;color:#4b5563;line-height:1.5}.panel-list{margin-top:6px;padding-left:18px;font-size:13px;color:#374151;display:flex;flex-direction:column;gap:4px}.highlight-box{background:#fef3c7;padding:12px 16px;border-radius:var(--radius-md);border-left:4px solid var(--primary-amber)}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 4px 10px rgba(245,158,11,.7))}}@keyframes bounce-in{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}60%{transform:translate(-50%,6px) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pop-in{animation:bounce-in .35s cubic-bezier(.175,.885,.32,1.275)}@media (max-width: 768px){.top-bar{padding:8px 12px;flex-wrap:wrap}.brand-title{font-size:16px}.brand-subtitle{font-size:9px}.top-bar-center{order:3;width:100%;justify-content:space-between}.progress-container{min-width:120px}.btn-label{display:none}.action-pill-btn{padding:8px 10px}.component-tray-container{bottom:8px;width:calc(100% - 16px);padding:8px 12px}.part-card{flex:0 0 100px;padding:8px 6px}.selected-controls-overlay{top:auto;bottom:120px;left:12px;right:12px}.selected-controls-card{max-width:100%}}.admin-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0f172a;color:#f8fafc;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,sans-serif}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#1e293b;border-bottom:1px solid #334155;box-shadow:0 4px 16px #00000040;z-index:10}.admin-header-left{display:flex;align-items:center;gap:16px}.back-btn{background:#334155;color:#f8fafc;border:1px solid #475569}.back-btn:hover{background:#475569;transform:translateY(-2px)}.admin-title-group{display:flex;flex-direction:column}.admin-title{font-size:18px;font-weight:800;color:#f59e0b}.admin-subtitle{font-size:11px;color:#94a3b8}.db-status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.db-connected{background:#10b98126;color:#34d399;border:1px solid #059669}.db-disconnected{background:#ef444426;color:#f87171;border:1px solid #dc2626}.admin-body{display:flex;flex:1;overflow:hidden}.admin-main-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #334155;background:#0f172a}.admin-tabs{display:flex;gap:8px;padding:16px 28px 0;border-bottom:1px solid #334155;background:#1e293b}.admin-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-bottom:3px solid transparent;color:#94a3b8;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.admin-tab-btn:hover{color:#f8fafc}.admin-tab-btn.active{color:#f59e0b;border-bottom-color:#f59e0b}.admin-tab-content{padding:24px 28px;overflow-y:auto}.tab-header-box{margin-bottom:20px}.tab-header-box h2{font-size:20px;font-weight:800;color:#f8fafc}.tab-header-box p{font-size:13px;color:#94a3b8;margin-top:4px}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.theme-card{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:all .25s ease;position:relative;box-shadow:0 4px 12px #0003}.theme-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.theme-card.preview-active{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b80,0 8px 24px #f59e0b26}.theme-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.theme-badge-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.theme-card-controls{display:flex;align-items:center;gap:6px}.theme-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #475569;background:#334155;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.theme-icon-btn:hover{background:#475569;color:#fff}.theme-icon-btn.btn-edit-icon:hover{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}.theme-icon-btn.btn-delete-icon:hover{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.theme-type-badge{font-size:10px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-full)}.type-preset{background:#0284c7;color:#fff}.type-glb{background:#7c3aed;color:#fff}.type-panels{background:#059669;color:#fff}.theme-default-badge{display:inline-flex;align-items:center;gap:4px;background:#f59e0b;color:#000;font-size:10px;font-weight:800;padding:3px 8px;border-radius:var(--radius-full)}.theme-card-body{display:flex;flex-direction:column;gap:8px;flex:1}.theme-card-title{font-size:16px;font-weight:800;color:#f8fafc;line-height:1.3}.theme-card-desc{font-size:12px;color:#94a3b8;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.theme-meta-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:#cbd5e1;margin-top:2px}.meta-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#0f172a;border:1px solid #334155;border-radius:6px;font-size:11px;font-weight:600}.theme-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:6px}.actions-row-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions-row-secondary{display:flex;align-items:center;gap:8px}.btn-card-action{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;border:1px solid #475569;background:#334155;color:#f8fafc;transition:all .2s ease;white-space:nowrap}.btn-card-action:hover{background:#475569}.btn-previewing{background:#f59e0b;color:#000;border-color:#f59e0b}.btn-set-default{background:#065f46;color:#34d399;border-color:#059669}.btn-default-active{background:#10b98126;color:#34d399;border-color:#059669;cursor:default}.btn-delete{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.admin-form{max-width:600px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;color:#cbd5e1}.form-input,.form-textarea,.form-select{background:#1e293b;border:1px solid #334155;border-radius:var(--radius-md);padding:10px 14px;color:#f8fafc;font-size:13px;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.color-picker-row{display:flex;align-items:center;gap:10px}.color-picker{width:44px;height:38px;border-radius:var(--radius-md);border:1px solid #334155;background:transparent;cursor:pointer}.color-code{font-size:12px;font-mono:true;color:#94a3b8}.dropzone-box{position:relative;border:2px dashed #475569;border-radius:var(--radius-lg);background:#1e293b;transition:all .2s ease}.dropzone-box:hover{border-color:#f59e0b;background:#f59e0b0d}.file-hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:8px;cursor:pointer}.dropzone-icon{color:#f59e0b}.dropzone-title{font-size:14px;font-weight:700;color:#f8fafc}.dropzone-hint{font-size:11px;color:#64748b}.form-guide-card{background:#0284c71a;border-left:3px solid #0284c7;padding:12px 16px;border-radius:var(--radius-md);font-size:12px;color:#bae6fd}.form-guide-card code{background:#0000004d;padding:2px 6px;border-radius:4px;color:#38bdf8}.btn-submit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800;font-size:14px;padding:12px 24px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s ease;margin-top:10px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.panel-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-upload-box{background:#1e293b;border:1px solid #334155;border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:6px}.panel-label{font-size:12px;font-weight:700;color:#f59e0b}.panel-upload-box input{font-size:11px;color:#94a3b8}.file-ready-tag{font-size:10px;color:#34d399;font-weight:700}.assets-list{display:flex;flex-direction:column;gap:12px;max-width:600px}.asset-download-card{display:flex;justify-content:space-between;align-items:center;background:#1e293b;border:1px solid #334155;border-radius:var(--radius-md);padding:14px 18px}.asset-info{display:flex;align-items:center;gap:12px}.asset-icon{color:#38bdf8}.asset-info h4{font-size:13px;font-weight:800;color:#f8fafc}.asset-info p{font-size:11px;color:#64748b}.download-action-btn{background:#0284c7;color:#fff;text-decoration:none}.download-action-btn:hover{background:#0369a1;transform:translateY(-2px)}.admin-preview-panel{width:440px;background:#1e293b;display:flex;flex-direction:column;border-left:1px solid #334155}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #334155}.preview-tag{font-size:10px;font-weight:800;color:#f59e0b;text-transform:uppercase}.preview-title-group h3{font-size:15px;font-weight:800;color:#f8fafc}.candle-toggle-btn{display:flex;align-items:center;gap:6px;background:#334155;border:1px solid #475569;color:#94a3b8;padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;cursor:pointer}.candle-toggle-btn.active{background:#ea580c;color:#fff;border-color:#f97316}.preview-canvas-wrapper{flex:1;position:relative;min-height:380px;background:radial-gradient(circle at 50% 40%,#1e293b,#0f172a)}.preview-footer-note{padding:12px 18px;border-top:1px solid #334155;font-size:11px;color:#64748b;display:flex;align-items:center;gap:6px}.admin-toast{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:700;box-shadow:0 8px 24px #0006}.toast-success{background:#065f46;color:#34d399;border:1px solid #059669}.toast-error{background:#7f1d1d;color:#fca5a5;border:1px solid #dc2626}.toast-info{background:#0369a1;color:#7dd3fc;border:1px solid #0284c7}@media (max-width: 900px){.admin-body{flex-direction:column}.admin-preview-panel{width:100%;height:320px}.panel-upload-grid{grid-template-columns:1fr}}.edit-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.edit-modal-card{background:#1e293b;border:1px solid #475569;border-radius:16px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:popIn .25s ease-out;overflow:hidden}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #334155;background:#0f172a}.edit-modal-title{font-size:17px;font-weight:800;color:#f8fafc;display:flex;align-items:center;gap:8px}.edit-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#334155;color:#cbd5e1;border:1px solid #475569;cursor:pointer;transition:all .2s}.edit-modal-close:hover{background:#475569;color:#fff}.edit-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.edit-modal-footer{padding:16px 24px;border-top:1px solid #334155;background:#0f172a;display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:8px 18px;border-radius:8px;border:1px solid #475569;background:#334155;color:#e2e8f0;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#475569}.btn-save-edit{padding:8px 22px;border-radius:8px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f59e0b66;display:flex;align-items:center;gap:6px}.btn-save-edit:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-save-edit:disabled{opacity:.6;cursor:not-allowed;transform:none}