.landing{max-width:1100px;margin:0 auto;padding:0 24px 100px}.landing-hero{position:relative;text-align:center;padding:96px 20px 80px;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(124,58,237,.07) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 50% 60%,rgba(196,151,58,.06) 0%,transparent 60%);pointer-events:none}.landing-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:5px 14px;border:1px solid rgba(196,151,58,.25);border-radius:100px;background:#c4973a0f;color:var(--text-secondary);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:28px}.landing-hero-eyebrow-diamond{font-size:.55rem;color:var(--accent)}.landing-hero-title{font-size:clamp(3rem,7vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(120deg,#e8d48a,#c4973a,#9b6e1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px}.landing-hero-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 24px}.landing-hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:520px;margin:0 auto 40px;line-height:1.65}.landing-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.landing-btn-lg{padding:11px 26px;font-size:.9rem;font-weight:600;border-radius:var(--radius)}.landing-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 26px;font-size:.9rem;font-weight:600;border-radius:var(--radius);background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:background .15s;font-family:inherit;letter-spacing:.02em}.landing-btn-outline:hover{background:var(--accent-dim)}.landing-btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:11px 26px;font-size:.9rem;font-weight:600;border-radius:var(--radius);background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s;font-family:inherit;letter-spacing:.02em}.landing-btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.landing-section{padding:72px 0 0}.landing-section-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.landing-section-label:before,.landing-section-label:after{content:"";flex:1;max-width:48px;height:1px;background:#c4973a4d}.landing-section-title{text-align:center;font-size:1.7rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(120deg,#e8d48a,#c4973a 60%,#9b6e1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.landing-section-sub{text-align:center;font-size:.88rem;color:var(--text-secondary);margin-bottom:40px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-top:40px}.landing-feature-card{padding:24px 22px;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08;transition:border-left-color .2s,border-color .2s,transform .2s,box-shadow .2s}.landing-feature-card:hover{border-left-color:var(--accent);border-color:#c4973a40;transform:translateY(-2px);box-shadow:0 8px 28px #c4973a1a,0 4px 24px #0000004d}.landing-feature-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#c4973a26,#c4973a12);border:1px solid rgba(196,151,58,.25);border-radius:var(--radius-md);color:var(--accent);margin-bottom:18px}.landing-feature-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:8px}.landing-feature-title:before{content:"◈";color:var(--accent);font-size:.65rem;flex-shrink:0}.landing-feature-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.landing-sep{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-top:72px}.landing-social-section{padding:72px 0 0;text-align:center}.landing-social-grid{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:32px}.landing-social-link{display:inline-flex;align-items:center;gap:9px;padding:10px 20px;border-radius:var(--radius);font-size:.85rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 2px 8px #0003;transition:color .15s,border-color .15s,box-shadow .15s,transform .15s;white-space:nowrap}.landing-social-link:hover{color:var(--text-primary);transform:translateY(-1px)}.social-discord:hover{border-color:#5865f2;box-shadow:0 4px 14px #5865f233}.social-instagram:hover{border-color:#e1306c;box-shadow:0 4px 14px #e1306c2e}.social-tiktok:hover{border-color:#c4973a80;box-shadow:0 4px 14px #c4973a26}.social-discord .landing-social-icon{color:#5865f2}.social-instagram .landing-social-icon{color:#e1306c}.social-tiktok .landing-social-icon{color:var(--accent)}.landing-social-icon{display:flex;align-items:center;flex-shrink:0}.landing-legal-section{max-width:680px;margin-left:auto;margin-right:auto;padding:72px 0 0}.landing-legal-list{display:flex;flex-direction:column;gap:3px;margin-top:36px}.landing-legal-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 8px #0000002e}.landing-legal-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:color .15s,background .15s;font-family:inherit;letter-spacing:.01em}.landing-legal-toggle:hover{color:var(--text-primary);background:#c4973a0a}.landing-legal-toggle[aria-expanded=true]{color:var(--text-primary);border-bottom:1px solid var(--border)}.landing-legal-toggle-label{display:flex;align-items:center;gap:8px}.landing-legal-toggle-label:before{content:"◈";color:var(--accent);font-size:.55rem;flex-shrink:0}.landing-legal-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s}.landing-legal-chevron.open{transform:rotate(180deg)}.landing-legal-content{padding:16px;color:var(--text-secondary);font-size:.84rem;line-height:1.8;background:var(--bg-card);margin:0}.landing-footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:56px 20px 0;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap;text-align:center}.landing-footer-divider{opacity:.25}@media (max-width: 640px){.landing-hero{padding:64px 16px 56px}.landing-hero-actions{flex-direction:column;align-items:center}.landing-btn-lg,.landing-btn-outline,.landing-btn-ghost{width:100%;max-width:300px}.landing-social-grid{flex-direction:column;align-items:center}.landing-social-link{width:100%;max-width:280px;justify-content:center}.landing-section-label:before,.landing-section-label:after{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0b0910;--bg-secondary: #111019;--bg-card: #17141f;--bg-input: #0e0c15;--border: #2c2440;--border-focus: #c4973a;--text-primary: #e5d9be;--text-secondary: #9a8a68;--text-muted: #554a38;--accent: #c4973a;--accent-hover: #d4a844;--accent-dim: rgba(196, 151, 58, .15);--accent-glow: rgba(196, 151, 58, .3);--arcane: #c4973a;--arcane-dim: rgba(196, 151, 58, .12);--success: #22c55e;--danger: #e84444;--warning: #f59e0b;--info: #60a5fa;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--sb-c-control: #6d28d9;--sb-c-combat: #b91c1c;--sb-c-status: #0f766e;--sb-c-visual: #1e40af;--sb-c-movement: #15803d;--sb-c-conditional: #78350f;--sb-c-world: #1e3a5f;--sb-c-heal: #166534;--sb-c-fire: #c2410c;--sb-c-lightning: #854d0e;--sb-c-freeze: #0c4a6e}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(124,58,237,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(196,151,58,.04) 0%,transparent 50%),var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.editor-container{display:grid;grid-template-columns:1fr 460px;gap:20px;max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.editor-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);border-top:2px solid var(--accent);box-shadow:0 2px 20px #0006,inset 0 1px #c4973a0f}.editor-header h1{font-size:1.4rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(120deg,#e8d48a,#c4973a,#a0741c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.editor-header .meta-info{display:flex;gap:16px;font-size:.875rem;color:var(--text-secondary)}.editor-header .meta-info span{padding:3px 11px;background:#c4973a0f;border-radius:20px;border:1px solid rgba(196,151,58,.18);font-size:.8rem}.editor-main{display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 120px);padding-right:8px}.editor-sidebar{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 120px);overflow-y:auto}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08}.card h2{font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--accent);display:flex;align-items:center;gap:8px}.card h2:before{content:"◈";font-size:.7rem;opacity:.8}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}input[type=text],input[type=number],select{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;transition:border-color .2s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}select option{background:var(--bg-secondary);color:var(--text-primary);padding:4px 8px}select optgroup{background:var(--bg-card);color:var(--text-muted);font-weight:600;font-style:normal;padding:4px 0}input:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #c4973a33}input[type=color]{width:48px;height:36px;padding:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:1px solid transparent;border-radius:var(--radius);font-size:.85rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .18s}.btn-primary{background:linear-gradient(135deg,#c4973a,#a0741c);color:#1a1000;border-color:#d4a844;box-shadow:0 2px 8px #c4973a40}.btn-primary:hover{background:linear-gradient(135deg,#d4a844,#c4973a);box-shadow:0 4px 16px #c4973a66;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;transform:none;box-shadow:none;cursor:not-allowed}.btn-success{background:var(--success);color:#0a1a0f;border-color:#34d86a;font-weight:700}.btn-success:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e4d}.btn-success:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff;border-color:#f05050}.btn-danger:hover{background:#c83333;box-shadow:0 4px 12px #e844444d}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--arcane-dim);color:var(--text-primary);border:1px solid var(--arcane)}.btn-accent:hover{background:#7c3aed38;box-shadow:0 0 12px #7c3aed40}.btn-accent:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:.75rem}.btn-full{width:100%}.effect-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:8px;position:relative}.effect-item .effect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.effect-item .effect-type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:10px}.effect-type-damage{background:#ef444433;color:#ef4444}.effect-type-heal{background:#10b98133;color:#10b981}.effect-type-status{background:#f59e0b33;color:#f59e0b}.effect-type-knockback{background:#3b82f633;color:#3b82f6}.effect-type-badge{border:1px solid}.effect-count{font-size:.7rem;font-weight:400;color:var(--text-muted);margin-left:4px}.effect-desc{font-size:.8rem;color:var(--text-muted);margin:4px 0;font-style:italic}.effect-add-grid{margin-top:12px}.effect-add-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.effect-add-buttons{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.effect-add-btn{font-size:.72rem!important;padding:3px 8px!important}.auto-cost-display{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#c4973a1a,#c4973a0a);border:1px solid rgba(196,151,58,.35);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 14px;margin-bottom:14px;box-shadow:inset 0 1px #c4973a14}.auto-cost-label{font-size:.78rem;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.auto-cost-value{font-size:1.1rem;font-weight:700;color:var(--accent);text-shadow:0 0 12px rgba(196,151,58,.4)}.particle-layer{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:10px}.particle-layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.layer-name-input{font-size:.8rem!important;padding:3px 8px!important;background:transparent!important;border:1px solid transparent!important;color:var(--text-primary)!important;font-weight:600;width:auto;flex:1;margin-right:8px}.layer-name-input:focus{border-color:var(--accent)!important;background:var(--bg-input)!important}.cast-type-selector{display:flex;gap:6px}.cast-type-btn{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .2s;text-align:center}.cast-type-btn:hover{border-color:var(--accent);color:var(--text-primary)}.cast-type-btn.active{border-color:var(--accent);background:#c4973a26;color:var(--accent);font-weight:600}.tag-btn{padding:4px 10px;border:1px solid var(--border);border-radius:20px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:all .2s;white-space:nowrap}.tag-btn:hover{border-color:var(--accent);color:var(--text-primary)}.tag-btn.active{border-color:var(--accent);background:#c4973a33;color:var(--accent);font-weight:600}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.subsection-header{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.5px}.particle-designer-toggle{margin:12px 0 8px}.particle-designer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.particle-color-preview{margin-top:10px;text-align:center}.color-gradient{height:8px;border-radius:4px;margin-bottom:4px;border:1px solid var(--border)}.color-gradient-label{font-size:.7rem;color:var(--text-muted)}.preview-canvas,.spell-preview-canvas{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);background:#08081a;display:block;image-rendering:auto;box-shadow:0 4px 20px #0006,inset 0 0 30px #0000004d}.spell-preview-3d{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#06061a;box-shadow:0 4px 24px #00000080,inset 0 0 40px #0000004d}.spell-preview-3d canvas{display:block;width:100%!important;height:auto!important}.preview-hud{position:absolute;top:10px;left:12px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:2}.preview-spell-name{font-size:.85rem;font-weight:700;color:#fffc;text-shadow:0 0 8px rgba(0,0,0,.7)}.preview-cast-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:4px;background:#ffffff1a;color:var(--accent);border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px}.preview-controls-hint{position:absolute;bottom:8px;right:10px;font-size:.65rem;color:#ffffff40;pointer-events:none;z-index:2}.export-result{padding:10px 14px;border-radius:var(--radius);font-size:.85rem;margin-top:10px}.export-result.success,.export-result.export-success{background:#10b98126;border:1px solid var(--success);color:var(--success)}.export-result.error,.export-result.export-error{background:#ef444426;border:1px solid var(--danger);color:var(--danger)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;text-align:center}.error-page h1{font-size:2rem;color:var(--danger)}.error-page input{width:300px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--danger)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.color-display{display:flex;align-items:center;gap:10px}.color-swatch{width:36px;height:36px;border-radius:var(--radius);border:2px solid var(--border);flex-shrink:0}.color-inputs{display:flex;gap:6px;flex:1}.color-inputs input{width:60px}.gallery-page{max-width:1100px;margin:0 auto;padding:24px 20px}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.gallery-header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(120deg,#e8d48a,#c4973a 60%,#9b6e1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spell-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.spell-gallery-card{padding:0;transition:transform .18s,border-color .2s,box-shadow .2s;overflow:hidden}.spell-gallery-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 28px #c4973a26}.spell-gallery-card-accent{height:3px;background:var(--accent)}.spell-gallery-card.cast-projectile .spell-gallery-card-accent{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.spell-gallery-card.cast-area .spell-gallery-card-accent{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.spell-gallery-card.cast-instant .spell-gallery-card-accent{background:linear-gradient(90deg,#2563eb,#60a5fa)}.spell-gallery-card-body{padding:14px 16px}.spell-gallery-name{font-size:1.05rem;font-weight:700;color:var(--accent);margin-bottom:6px}.spell-gallery-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.spell-gallery-cast-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600}.cast-badge-projectile{background:#f59e0b24;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.cast-badge-area{background:#8b5cf624;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.cast-badge-instant{background:#60a5fa24;color:#60a5fa;border:1px solid rgba(96,165,250,.25)}.cast-badge-default{background:#c4973a1f;color:var(--accent);border:1px solid rgba(196,151,58,.22)}.spell-gallery-footer{display:flex;justify-content:space-between;align-items:center}.spell-gallery-version{font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:2px 8px;border-radius:4px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:54px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0006}.navbar-brand{display:flex;align-items:center;gap:10px}.navbar-logo{font-size:1.4rem;background:linear-gradient(120deg,#e8d48a,#c4973a,#9b6e1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(196,151,58,.4))}.navbar-title{font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--text-primary)}.navbar-links{display:flex;gap:2px}.nav-link{padding:7px 14px;border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.02em;transition:all .15s;border:1px solid transparent}.nav-link:hover{background:var(--accent-dim);color:var(--text-primary);border-color:#c4973a33}.nav-link.active{background:var(--accent-dim);color:var(--accent);font-weight:600;border-color:#c4973a4d}.community-page,.powers-page,.templates-page,.detail-page{max-width:1100px;margin:0 auto;padding:24px 20px}.community-header,.powers-header,.templates-header{margin-bottom:24px}.community-header h1,.powers-header h1,.templates-header h1{font-size:1.8rem;font-weight:700;letter-spacing:.03em;background:linear-gradient(120deg,#e8d48a,#c4973a 60%,#9b6e1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);font-size:.9rem;margin-top:4px}.community-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.search-form{display:flex;gap:8px}.search-input{padding:8px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;width:250px}.search-input:focus{outline:none;border-color:var(--border-focus)}.sort-buttons{display:flex;gap:6px}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.community-card{overflow:hidden;transition:transform .18s,border-color .2s,box-shadow .2s;padding:0}.community-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 32px #c4973a29}.community-card-thumb{width:100%;height:150px;overflow:hidden;background:var(--bg-primary);position:relative}.community-card-thumb img{width:100%;height:100%;object-fit:cover}.community-card-thumb-default{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(196,151,58,.06) 100%);position:relative}.community-card-thumb-default:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 90%,rgba(196,151,58,.09),transparent 65%);pointer-events:none}.community-card-thumb-default.cast-projectile{background:linear-gradient(135deg,#1a1200,#f59e0b1a)}.community-card-thumb-default.cast-area{background:linear-gradient(135deg,#0e0818,#8b5cf61f)}.community-card-thumb-default.cast-instant{background:linear-gradient(135deg,#080f1c,#60a5fa1a)}.community-card-icon{font-size:3.5rem;opacity:.65;position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.15))}.community-card-type-bar{position:absolute;bottom:0;left:0;right:0;height:2px}.community-card-type-bar.cast-projectile{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.community-card-type-bar.cast-area{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.community-card-type-bar.cast-instant{background:linear-gradient(90deg,#2563eb,#60a5fa)}.community-card-body{padding:14px}.community-card-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.community-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.community-card-author{font-weight:500}.community-card-cast{font-size:.72rem;padding:1px 7px;border-radius:8px;background:#c4973a1a;border:1px solid rgba(196,151,58,.2);color:var(--accent)}.community-card-desc{font-size:.83rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.45}.community-card-stats{display:flex;align-items:center;gap:10px;font-size:.79rem;padding-top:8px;border-top:1px solid var(--border)}.stat{color:var(--text-muted);display:flex;align-items:center;gap:3px}.stat-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:3px 8px;cursor:pointer;font-size:.8rem;transition:all .15s}.stat-btn:hover{border-color:var(--accent);color:var(--text-primary)}.like-btn:hover{border-color:#ef4444}.deploy-btn:hover{border-color:var(--success);color:var(--success)}.delete-btn:hover{border-color:var(--danger);color:var(--danger)}.community-card-own{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.own-badge{margin-left:6px;font-size:.8em}.detail-header{display:flex;gap:24px;margin-bottom:24px}.detail-thumbnail{width:300px;min-width:300px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.detail-thumbnail img{width:100%;height:auto}.detail-info h1{font-size:2rem;color:var(--accent)}.detail-author{color:var(--text-muted);margin-bottom:8px}.detail-description{color:var(--text-secondary);margin-bottom:12px}.detail-stats{display:flex;gap:16px;font-size:.9rem;color:var(--text-muted)}.detail-cast-type{color:var(--accent);font-weight:600}.detail-actions{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.detail-author-actions{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius);padding:16px;margin-bottom:24px}.detail-author-actions h3{margin:0 0 12px;font-size:1rem;color:var(--accent)}.detail-section{margin-bottom:24px}.detail-section h2{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary)}.effects-list{display:flex;flex-wrap:wrap;gap:8px}.effect-badge{padding:6px 14px;background:#c4973a26;border:1px solid rgba(196,151,58,.3);border-radius:20px;font-size:.85rem;color:var(--accent)}.comment-form{display:flex;gap:8px;margin-bottom:16px}.comment-input{flex:1;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem}.comment-input:focus{outline:none;border-color:var(--border-focus)}.comments-list{display:flex;flex-direction:column;gap:10px}.comment-item{padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.comment-header{display:flex;justify-content:space-between;margin-bottom:6px}.comment-author{font-weight:600;color:var(--accent);font-size:.9rem}.comment-date{color:var(--text-muted);font-size:.8rem}.comment-text{color:var(--text-secondary);font-size:.9rem}.powers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.power-card{padding:16px;transition:transform .15s,border-color .2s}.power-card:hover{transform:translateY(-2px);border-color:var(--accent)}.power-card-header{border-left:3px solid #FFD700;padding-left:12px;margin-bottom:8px}.power-card-header h3{font-size:1.1rem;color:var(--text-primary)}.power-card-author{font-size:.8rem;color:var(--text-muted)}.power-card-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px}.power-card-footer{display:flex;justify-content:space-between;align-items:center}.power-card-count{font-size:.85rem;color:var(--text-muted)}.power-card-actions{display:flex;gap:6px}.power-edit-form{padding:24px}.form-row{margin-bottom:16px}.form-row label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem}.form-input:focus{outline:none;border-color:var(--border-focus)}.form-color{width:60px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);cursor:pointer}.spell-picker{display:flex;flex-direction:column;gap:6px;max-height:350px;overflow-y:auto;padding:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius)}.spell-pick-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.spell-pick-item:hover{border-color:var(--accent)}.spell-pick-selected{border-color:var(--accent)!important;background:#c4973a1a}.spell-pick-icon{font-size:1.2rem}.spell-pick-name{flex:1;font-weight:600;color:var(--text-primary)}.spell-pick-author{font-size:.8rem;color:var(--text-muted)}.spell-pick-check{color:var(--success);font-weight:700;font-size:1.1rem}.spell-pick-disabled{opacity:.4;cursor:not-allowed}.spell-pick-disabled:hover{border-color:var(--border)!important}.powers-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.powers-search-wrap{position:relative;flex:1;min-width:200px}.powers-search{padding-right:32px}.powers-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:2px}.powers-search-clear:hover{color:var(--text-primary)}.power-edit-layout{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}@media (max-width: 860px){.power-edit-layout{grid-template-columns:1fr}}.power-edit-left{display:flex;flex-direction:column;gap:0}.power-edit-right{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.spell-picker-filters{display:flex;gap:8px;align-items:center}.spell-type-select{width:auto;flex-shrink:0}.field-error{display:block;font-size:.78rem;color:var(--danger);margin-top:4px}.field-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:3px;text-align:right}.form-input-error{border-color:var(--danger)!important}.form-input-error:focus{border-color:var(--danger)!important;box-shadow:0 0 0 2px #ef444426}.selected-spells-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.selected-spells-header{padding:10px 14px;font-size:.85rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.selected-spell-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);transition:background .1s}.selected-spell-item:last-child{border-bottom:none}.selected-spell-item:hover{background:var(--bg-secondary)}.selected-spell-order{width:20px;text-align:center;font-size:.75rem;font-weight:700;color:var(--accent)}.selected-spell-name{flex:1;font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-spell-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-size:.7rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.btn-icon:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.power-json-preview{padding:0;overflow:hidden}.power-json-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.power-json-code{font-family:Consolas,Monaco,monospace;font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:12px 14px;max-height:260px;overflow-y:auto;white-space:pre;line-height:1.5}.tab-bar{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);width:fit-content}.tab-btn{padding:8px 22px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;font-size:.88rem;font-weight:500;transition:all .15s;letter-spacing:.02em}.tab-btn:hover{color:var(--text-primary);background:var(--accent-dim)}.tab-active{background:linear-gradient(135deg,#c4973a,#a0741c)!important;color:#1a1000!important;font-weight:700;box-shadow:0 2px 8px #c4973a4d}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.template-card{padding:18px 20px;transition:transform .15s,border-color .18s,box-shadow .18s;border-left:3px solid var(--border)}.template-card:hover{transform:translateY(-2px);border-left-color:var(--accent);border-color:#c4973a59;box-shadow:0 6px 20px #c4973a1a}.template-card h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.template-card h3:before{content:"◈";color:var(--accent);font-size:.72rem;flex-shrink:0}.template-desc{font-size:.84rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.template-date{font-size:.74rem;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:4px}.template-date:before{content:"◷";font-size:.8rem}.template-actions{display:flex;gap:8px}.mob-card{padding:18px 20px;transition:transform .15s,border-color .18s,box-shadow .18s;border-left:3px solid var(--border);cursor:default}.mob-card:hover{transform:translateY(-2px);border-left-color:var(--accent);border-color:#c4973a59;box-shadow:0 6px 20px #c4973a1a}.mob-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px}.mob-card-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.mob-card-type{font-size:.7rem;padding:2px 8px;background:#c4973a1a;border:1px solid rgba(196,151,58,.2);border-radius:10px;color:var(--accent);white-space:nowrap;flex-shrink:0}.mob-card-desc{font-size:.83rem;color:var(--text-secondary);margin:6px 0 10px;line-height:1.4}.mob-card-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.mob-card-stat{display:flex;align-items:center;gap:3px;padding:2px 8px;background:#ffffff0a;border:1px solid var(--border);border-radius:5px;font-size:.74rem;color:var(--text-muted)}.mob-card-actions{display:flex;gap:8px}.message{padding:10px 16px;border-radius:var(--radius);font-size:.9rem;margin-bottom:16px}.message-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--success)}.message-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--danger)}@media (max-width: 768px){.navbar{flex-direction:column;height:auto;padding:10px 16px;gap:8px}.navbar-links{flex-wrap:wrap;justify-content:center}.community-controls{flex-direction:column;align-items:stretch}.search-input{width:100%}.detail-header{flex-direction:column}.detail-thumbnail{width:100%;min-width:unset}}.ai-card{background:linear-gradient(135deg,#1a1a3e,#2a1a4e);border:1px solid #c4973a44}.ai-card h2{background:linear-gradient(90deg,#c4973a,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ai-prompt-area,.ai-prompt-input{width:100%;min-height:80px;padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical}.ai-prompt-area:focus,.ai-prompt-input:focus{border-color:#c4973a;outline:none;box-shadow:0 0 0 3px #c4973a33}.btn-ai{background:linear-gradient(135deg,#c4973a,#d4a844);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #c4973a44}.btn-ai:disabled{opacity:.6;cursor:not-allowed}.ai-error{color:var(--danger);font-size:.85rem;margin-top:8px;padding:8px 12px;background:#ef444422;border-radius:6px;border:1px solid #ef444444}.mode-selector{display:flex;gap:12px;margin-bottom:8px}.mode-btn{flex:1;padding:14px 20px;border-radius:10px;border:2px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all .2s}.mode-btn:hover{border-color:var(--accent);color:var(--text-primary)}.mode-btn.active{border-color:var(--accent);background:linear-gradient(135deg,#c4973a22,#c4973a11);color:var(--text-primary);box-shadow:0 0 20px #c4973a22}.mode-btn strong{display:block;font-size:1.1rem;margin-bottom:4px}.mode-btn small{font-size:.8rem;opacity:.7}.mode-description{font-size:.85rem;color:var(--text-muted);padding:8px 12px;background:var(--bg-input);border-radius:6px;border-left:3px solid var(--accent)}.animation-editor{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.animation-editor h2{color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.animation-controls{display:flex;gap:16px;align-items:end;margin-bottom:16px;flex-wrap:wrap}.animation-controls .form-group{flex:1;min-width:120px}.timeline-container{margin:20px 0}.timeline-bar{position:relative;height:48px;background:var(--bg-input);border-radius:8px;border:1px solid var(--border);overflow:visible}.timeline-marker{position:absolute;top:4px;bottom:4px;width:4px;border-radius:2px;transform:translate(-50%);cursor:pointer;transition:all .2s}.timeline-marker:hover{transform:translate(-50%) scaleX(2);box-shadow:0 0 8px currentColor}.timeline-label{font-size:.65rem;text-align:center;margin-top:4px;color:var(--text-muted)}.keyframe-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.keyframe-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px}.keyframe-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.keyframe-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid}.keyframe-body{display:grid;gap:10px}.keyframe-body .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.keyframe-add-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.keyframe-add-grid .btn{font-size:.85rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary);font-size:.9rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.editor-mode-toggle{grid-column:1 / -1;display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.editor-mode-toggle .mode-toggle-btn{flex:1;padding:10px 20px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.editor-mode-toggle .mode-toggle-btn:hover{background:var(--bg-card);color:var(--text-primary)}.editor-mode-toggle .mode-toggle-btn.active{background:linear-gradient(135deg,#c4973a22,#e8a53a22);color:var(--accent);border:1px solid var(--accent);font-weight:600}.json-editor-container{display:flex;flex-direction:column;gap:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.json-editor-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.json-editor-title{display:flex;align-items:center;gap:10px}.json-editor-title h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.json-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#c4973a,#e8a53a);border-radius:6px;font-size:.7rem;font-weight:700;color:#fff}.json-editor-stats{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted)}.json-editor-warning{display:flex;align-items:flex-start;gap:10px;padding:10px 20px;background:#f59e0b15;border-bottom:1px solid #f59e0b33;font-size:.82rem;color:#f59e0b}.json-editor-warning p{margin:0;line-height:1.4}.json-editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.json-editor-syntax-error{padding:8px 16px;background:#ef444415;border-bottom:1px solid #ef444433;font-size:.82rem;color:#ef4444;font-family:Fira Code,Cascadia Code,Consolas,monospace}.json-editor-area{display:flex;min-height:500px;max-height:calc(100vh - 350px);overflow:hidden;position:relative}.json-editor-line-numbers{display:flex;flex-direction:column;padding:12px 8px 12px 12px;background:var(--bg-card);border-right:1px solid var(--border);font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;color:var(--text-muted);-webkit-user-select:none;user-select:none;text-align:right;min-width:40px;overflow:hidden;flex-shrink:0}.json-editor-textarea{flex:1;padding:12px 16px;background:var(--bg-primary);color:var(--text-primary);border:none;outline:none;resize:none;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.json-editor-textarea.has-error{background:#ef444408}.json-editor-textarea::placeholder{color:var(--text-muted)}.json-editor-status{padding:12px 20px;border-top:1px solid var(--border)}.json-editor-status-success{background:#10b98115;border-color:#10b98133;color:#10b981}.json-editor-status-error{background:#ef444415;border-color:#ef444433;color:#ef4444}.json-editor-status-warning{background:#f59e0b15;border-color:#f59e0b33;color:#f59e0b}.json-editor-status-message{font-weight:500;font-size:.9rem;margin-bottom:4px}.json-editor-status-details{margin:6px 0 0;padding-left:20px;font-size:.82rem;opacity:.9;list-style:disc}.json-editor-status-details li{margin:2px 0}.collapsible-card{overflow:hidden;transition:border-color .2s,overflow 0s .25s}.collapsible-card.open{overflow:visible;border-color:#c4973a40}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-primary);margin-bottom:0}.collapsible-card.open .collapsible-header{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.collapsible-title{display:flex;align-items:center;gap:10px}.collapsible-title h2{margin:0!important;padding:0!important;border:none!important;font-size:1rem;font-weight:600;color:var(--accent)}.collapsible-title h2:before{display:none}.collapsible-icon{font-size:1.1rem}.collapsible-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#c4973a26;color:var(--accent);border:1px solid rgba(196,151,58,.3)}.collapsible-chevron{font-size:.7rem;color:var(--text-muted);transition:transform .25s ease}.collapsible-chevron.open{transform:rotate(0)}.collapsible-chevron:not(.open){transform:rotate(-90deg)}.collapsible-body{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.effect-add-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.effect-add-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.effect-categories{display:flex;flex-wrap:wrap;gap:6px}.effect-category{position:relative}.effect-category-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.82rem;transition:all .2s}.effect-category-btn:hover{border-color:var(--accent);color:var(--text-primary)}.effect-category-btn.open{border-color:var(--accent);background:#c4973a1a;color:var(--accent)}.effect-category-count{font-size:.65rem;font-weight:600;padding:1px 5px;border-radius:8px;background:#ffffff14;color:var(--text-muted)}.effect-category-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);animation:slideDown .15s ease}.label-hint{font-size:.7rem;font-weight:400;color:var(--text-muted);text-transform:none}.card-description{font-size:.85rem;color:var(--text-muted);margin-bottom:12px;font-style:italic}.mechanic-sub-section{margin-top:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.sub-section-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.ai-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.ai-prompt-row textarea{flex:1}.ai-prompt-row .btn{white-space:nowrap;align-self:stretch}.mode-card h2{border:none;padding:0;margin-bottom:10px}.mode-card h2:before{display:none}.mode-btn-icon{font-size:1.5rem;display:block;margin-bottom:4px}.mode-btn-info{display:flex;flex-direction:column}.mode-btn-info strong{font-size:1rem}.mode-btn-info small{font-size:.78rem;opacity:.7}.anim-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.anim-header-row h2{margin:0!important;border:none!important;padding:0!important}.anim-help-box{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;font-size:.85rem;color:var(--text-secondary);line-height:1.7}.anim-help-box p{margin-bottom:6px}.anim-help-box ul{margin:4px 0;padding-left:18px}.anim-help-box li{margin:3px 0}.timeline-scale-mark{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0f;transform:translate(-50%)}.timeline-scale-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--text-muted);white-space:nowrap}.timeline-marker{position:absolute;top:6px;bottom:6px;width:20px;border-radius:4px;transform:translate(-50%);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border:1px solid}.timeline-marker:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 10px currentColor;z-index:2}.timeline-marker-icon{font-size:.6rem}.timeline-bar{margin-bottom:24px}.keyframes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.kf-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid}.kf-time-input{display:flex!important;align-items:center;gap:4px;margin:0!important}.kf-time-input label{margin:0!important;font-size:.8rem!important}.kf-time-input input{width:60px!important}.kf-time-unit{font-size:.75rem;color:var(--text-muted)}.kf-add-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.kf-add-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kf-content{margin-top:8px}.kf-effect-item{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:6px}.kf-add-effect{margin-top:8px}.kf-add-effect select{font-size:.82rem}.editor-container.mob-editor-page{grid-template-columns:1fr}.editor-container.mob-editor-page>*{grid-column:1 / -1}@media (max-width: 1024px){.editor-container{grid-template-columns:1fr;padding:12px}.editor-sidebar{max-height:unset;position:static}.editor-main{max-height:unset}}@media (max-width: 640px){.form-row,.form-row-3{grid-template-columns:1fr}.mode-selector,.cast-type-selector,.ai-prompt-row,.effect-categories{flex-direction:column}.color-display{flex-wrap:wrap}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:380px;width:90%;text-align:center}.confirm-dialog h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:8px}.confirm-dialog p{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.confirm-actions{display:flex;gap:10px;justify-content:center}.mob-viewer-section{margin-bottom:20px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary);transition:all .3s ease}.mob-viewer-section.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;border:none;margin:0}.mob-viewer-canvas-container{position:relative;width:100%;height:500px;background:#0a0a15;transition:height .3s ease}.mob-viewer-section.fullscreen .mob-viewer-canvas-container{height:calc(100vh - 100px)}.mob-viewer-canvas-container canvas{width:100%!important;height:100%!important}.viewer-action-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0f0f1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;bottom:0;left:0;right:0;z-index:10;border-top:1px solid var(--border);flex-wrap:wrap}.viewer-action-bar .viewer-action-group{display:flex;align-items:center;gap:4px}.viewer-action-bar .viewer-action-label{font-size:.68rem;color:var(--text-muted);margin-right:2px;font-weight:500}.viewer-action-bar .viewer-action-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.viewer-action-btn{padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:.72rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.viewer-action-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.viewer-action-btn:disabled{opacity:.35;cursor:not-allowed}.viewer-action-btn:disabled:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.viewer-overlay{position:absolute;padding:6px 10px;border-radius:var(--radius);background:#0f0f1acc;color:var(--text-secondary);font-size:.75rem;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer-overlay-top-left{top:8px;left:8px}.viewer-overlay-top-right{top:8px;right:8px}.viewer-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);pointer-events:none}.viewer-empty-state p{margin:4px 0}.viewer-toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:44px}.viewer-toolbar-group{display:flex;align-items:center;gap:6px}.viewer-toolbar-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap;font-weight:500}.viewer-toolbar-buttons{display:flex;gap:2px}.viewer-tool-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.viewer-tool-btn:hover{background:var(--bg-card);border-color:var(--accent)}.viewer-tool-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.viewer-tool-btn.playing{animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #c4973a66}50%{box-shadow:0 0 12px #c4973acc}}.viewer-toolbar-select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:.75rem;max-width:180px}.viewer-toolbar-separator{width:1px;height:24px;background:var(--border);margin:0 4px}.viewer-speed-slider,.viewer-timeline-slider{width:80px;height:4px;cursor:pointer;accent-color:var(--accent)}.viewer-timeline-slider{width:120px}.viewer-part-info{gap:10px}.viewer-part-info .viewer-toolbar-label{font-family:Consolas,Courier New,monospace;font-size:.68rem;color:var(--text-secondary)}.viewer-shortcuts-hint{display:flex;gap:14px;padding:6px 12px;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:.7rem;color:var(--text-muted);flex-wrap:wrap}.viewer-shortcuts-hint kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg-card);color:var(--text-primary);font-family:Consolas,monospace;font-size:.68rem;margin-right:3px}.viewer-part-selected{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),0 0 8px #c4973a33}@media (max-width: 768px){.mob-viewer-canvas-container{height:350px}.viewer-toolbar{gap:8px;padding:6px 8px}.viewer-shortcuts-hint{display:none}}.quick-start-card{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(196,151,58,.05) 100%)}.quick-start-card h2{border-bottom:none;margin-bottom:0}.quick-start-card h2:before{display:none}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.quick-start-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;text-align:left;color:var(--text-primary)}.quick-start-btn:hover{border-color:var(--accent);background:#c4973a14;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.qs-icon{font-size:1.6rem;flex-shrink:0}.qs-info{display:flex;flex-direction:column;gap:2px}.qs-info strong{font-size:.85rem}.qs-info small{font-size:.72rem;color:var(--text-secondary);line-height:1.3}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;gap:4px}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--border);color:var(--text-secondary);font-size:.6rem;font-weight:700;cursor:help;flex-shrink:0;transition:all .15s}.tooltip-icon:hover{background:var(--accent);color:#fff}.tooltip-popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-tertiary, #1a1a2e);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-size:.72rem;line-height:1.4;white-space:normal;width:max-content;max-width:260px;z-index:1000;box-shadow:0 4px 16px #0000004d;pointer-events:none;opacity:0;transition:opacity .15s}.tooltip-icon:hover+.tooltip-popup,.tooltip-popup:hover{opacity:1;pointer-events:auto}.spell-summary{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.summary-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#c4973a1a;border:1px solid rgba(196,151,58,.2);font-size:.72rem;color:var(--text-primary);font-weight:500}.summary-chip .chip-icon{font-size:.85rem}.spell-summary-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.summary-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.summary-stat strong{color:var(--text-primary);font-weight:600}@media (max-width: 768px){.quick-start-grid{grid-template-columns:1fr}}.anim-timeline-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:12px}.anim-tl-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,rgba(196,151,58,.08) 0%,transparent 100%);border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap}.anim-tl-header-left,.anim-tl-header-right{display:flex;align-items:center;gap:6px}.anim-tl-title{font-size:.82rem;font-weight:700;color:var(--text-primary);margin-right:4px}.anim-tl-select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:.75rem;max-width:200px}.anim-tl-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap}.anim-tl-btn:hover{background:var(--bg-card);border-color:var(--accent)}.anim-tl-btn-sm{padding:2px 6px;font-size:.7rem}.anim-tl-btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.anim-tl-btn-accent:hover{background:var(--accent-hover)}.anim-tl-btn-active{background:var(--accent);border-color:var(--accent);color:#fff;animation:pulse-glow 1.5s infinite}.anim-tl-btn-danger{color:#ef4444;border-color:#ef44444d}.anim-tl-btn-danger:hover{background:#ef444426;border-color:#ef4444}.anim-tl-speed{display:flex;align-items:center;gap:4px}.anim-tl-speed input[type=range]{width:60px;height:3px;accent-color:var(--accent);cursor:pointer}.anim-tl-label{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.anim-tl-separator{width:1px;height:20px;background:var(--border);margin:0 4px}.anim-tl-tick-display{display:flex;align-items:baseline;gap:3px}.anim-tl-tick-num{font-family:Consolas,monospace;font-size:.9rem;font-weight:700;color:var(--accent)}.anim-tl-tick-label{font-size:.68rem;color:var(--text-muted)}.anim-tl-config{display:flex;align-items:center;gap:16px;padding:6px 12px;background:#c4973a08;border-bottom:1px solid var(--border);flex-wrap:wrap}.anim-tl-config-field{display:flex;align-items:center;gap:6px}.anim-tl-config-field label{font-size:.72rem;color:var(--text-muted);font-weight:500}.anim-tl-name-input{padding:2px 8px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:.78rem;font-weight:600;width:140px}.anim-tl-name-display{font-size:.78rem;font-weight:600;color:var(--text-primary);cursor:pointer;padding:2px 6px;border-radius:var(--radius);transition:background .15s}.anim-tl-name-display:hover{background:#ffffff0d}.anim-tl-edit-icon{font-size:.65rem;opacity:0;transition:opacity .15s}.anim-tl-name-display:hover .anim-tl-edit-icon{opacity:.7}.anim-tl-duration-input{width:60px;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:.78rem;text-align:center}.anim-tl-checkbox{display:flex;align-items:center;gap:4px;font-size:.75rem;cursor:pointer}.anim-tl-dopesheet{display:flex;overflow:hidden}.anim-tl-track-headers{flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-secondary)}.anim-tl-ruler-header{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);font-size:.68rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#00000026}.anim-tl-track-header{display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.04);border-left:3px solid transparent;font-size:.72rem;color:var(--text-secondary);transition:all .15s;cursor:default}.anim-tl-track-header.active{background:#c4973a14;color:var(--text-primary)}.anim-tl-track-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.anim-tl-track-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.anim-tl-track-type{font-size:.6rem;color:var(--text-muted);opacity:.6}.anim-tl-empty-tracks{padding:20px;text-align:center;font-size:.75rem;color:var(--text-muted)}.anim-tl-scroll-area{flex:1;overflow-x:auto;overflow-y:hidden;position:relative}.anim-tl-scroll-inner{position:relative;min-height:60px}.anim-tl-ruler{position:relative;background:#00000026;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.anim-tl-ruler-mark{position:absolute;top:0;width:1px;height:100%;background:#ffffff0f}.anim-tl-ruler-mark.major{background:#ffffff1f}.anim-tl-ruler-label{position:absolute;bottom:2px;left:3px;font-size:.6rem;color:var(--text-muted);font-family:Consolas,monospace;pointer-events:none}.anim-tl-playhead{position:absolute;top:0;width:2px;height:100%;background:#ef4444;z-index:5;pointer-events:none}.anim-tl-playhead:before{content:"";position:absolute;top:-1px;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ef4444}.anim-tl-playhead-line{position:absolute;width:1px;background:#ef444466;pointer-events:none;z-index:4}.anim-tl-track{position:relative;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.anim-tl-track:hover{background:#ffffff05}.anim-tl-track.active{background:#c4973a0d}.anim-tl-grid-line{position:absolute;top:0;width:1px;height:100%;background:#ffffff08;pointer-events:none}.anim-tl-diamond{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;cursor:pointer;z-index:3;transition:transform .1s}.anim-tl-diamond:hover{transform:translate(-50%,-50%) scale(1.3);z-index:6}.anim-tl-diamond.selected{transform:translate(-50%,-50%) scale(1.4);z-index:7;filter:drop-shadow(0 0 6px var(--kf-color))}.anim-tl-diamond-svg{width:100%;height:100%}.anim-tl-diamond-svg rect{fill:var(--kf-color, var(--accent));stroke:#ffffff4d;stroke-width:.5;transition:fill .15s}.anim-tl-diamond.selected .anim-tl-diamond-svg rect{stroke:#fff;stroke-width:1;fill:#fff}.anim-tl-kf-props{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);display:flex;gap:1px}.kf-prop-dot{width:3px;height:3px;border-radius:50%}.kf-prop-pos{background:#22c55e}.kf-prop-rot{background:#3b82f6}.kf-prop-scale{background:#f59e0b}.anim-tl-empty{padding:30px;text-align:center;color:var(--text-muted)}.anim-tl-empty p{margin-bottom:12px;font-size:.85rem}.anim-tl-inspector{border-top:1px solid var(--border);background:#0000001a}.anim-tl-inspector-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#c4973a0f;border-bottom:1px solid var(--border)}.anim-tl-inspector-title{font-size:.8rem;font-weight:700;color:var(--text-primary)}.anim-tl-inspector-tick{font-family:Consolas,monospace;font-size:.72rem;color:var(--accent);margin-left:8px}.anim-tl-inspector-body{padding:8px 12px;display:flex;flex-direction:column;gap:8px}.anim-tl-inspector-row{display:flex;align-items:center;gap:8px}.anim-tl-inspector-row>label{font-size:.72rem;color:var(--text-muted);font-weight:500;width:40px;flex-shrink:0}.anim-tl-inspector-input{width:60px;padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:.78rem;font-family:Consolas,monospace}.anim-tl-inspector-parts{display:flex;flex-wrap:wrap;gap:4px}.anim-tl-part-check{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border);font-size:.7rem;cursor:pointer;transition:all .15s}.anim-tl-part-check:hover{border-color:var(--accent)}.anim-tl-part-check:has(input:checked){background:#c4973a1f;border-color:var(--accent)}.anim-tl-inspector-props-header{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--border)}.anim-tl-inspector-props-header>span{font-size:.72rem;color:var(--text-muted);font-weight:500}.anim-tl-prop-toggles{display:flex;gap:3px}.anim-tl-prop-toggle{padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s}.anim-tl-prop-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.anim-tl-prop-toggle.active.pos{background:#22c55e26;border-color:#22c55e;color:#22c55e}.anim-tl-prop-toggle.active.rot{background:#3b82f626;border-color:#3b82f6;color:#3b82f6}.anim-tl-prop-toggle.active.scale{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.anim-tl-vec3-row{display:flex;align-items:center;gap:6px}.anim-tl-vec3-label{font-size:.7rem;font-weight:600;width:60px;flex-shrink:0}.anim-tl-vec3-label.pos{color:#22c55e}.anim-tl-vec3-label.rot{color:#3b82f6}.anim-tl-vec3-label.scale{color:#f59e0b}.anim-tl-vec3-field{display:flex;align-items:center;gap:3px}.anim-tl-vec3-field label{font-size:.65rem;font-weight:700;width:12px;text-align:center}.anim-tl-vec3-field label.axis-x{color:#ef4444}.anim-tl-vec3-field label.axis-y{color:#22c55e}.anim-tl-vec3-field label.axis-z{color:#3b82f6}.anim-tl-vec3-field input{width:58px;padding:3px 5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);font-size:.75rem;font-family:Consolas,monospace}.sub-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:6px;overflow:hidden;transition:all .15s}.sub-item:hover{border-color:#c4973a4d}.sub-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 8px #c4973a26}.sub-item-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;font-size:.78rem;font-weight:500;color:var(--text-primary);gap:8px}.sub-item-header:hover{background:#ffffff0a}.sub-item-body{padding:8px 10px}.btn-xs{padding:2px 6px;font-size:.68rem;border-radius:var(--radius)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0f;border-color:var(--border)}.mob-viewer-container{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary);margin-bottom:16px;box-shadow:0 4px 20px #0003;transition:all .3s}.mob-viewer-container:hover{box-shadow:0 4px 24px #0000004d}.mob-viewer-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;border:none;margin:0}.part-list-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:4px;cursor:pointer;transition:all .15s;font-size:.78rem}.part-list-item:hover{background:#c4973a0f;border-color:#c4973a4d}.part-list-item.active{background:#c4973a1a;border-color:var(--accent)}.part-list-item .part-icon{font-size:1rem;flex-shrink:0}.part-list-item .part-info{flex:1;min-width:0}.part-list-item .part-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-list-item .part-detail{font-size:.68rem;color:var(--text-muted)}.part-list-item .part-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.part-list-item:hover .part-actions{opacity:1}.collapsible-card{transition:all .2s ease}.collapsible-card:hover{border-color:#c4973a33}.collapsible-header{transition:background .15s}.creatures-tabs{display:flex;gap:4px;padding:8px 16px 0;background:var(--bg-primary);border-bottom:1px solid var(--border)}.creatures-tab{padding:10px 24px;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;position:relative;bottom:-1px}.creatures-tab:hover{color:var(--text-primary);background:#c4973a0f}.creatures-tab.active{color:var(--accent);background:var(--bg-secondary);border-color:var(--border);border-bottom-color:var(--bg-secondary)}.wizard-container{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:0 8px 32px #0006}.wizard-nav{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary);overflow-x:auto;flex-shrink:0}.wizard-nav-step{display:flex;align-items:center;gap:6px;padding:12px 18px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:.02em;transition:all .15s;white-space:nowrap}.wizard-nav-step:hover{color:var(--text-secondary);background:#c4973a0d}.wizard-nav-step.active{color:var(--accent);border-bottom-color:var(--accent);background:#c4973a14}.wizard-nav-step.done{color:var(--success);opacity:.85}.wizard-nav-step.done .wnav-icon{color:var(--success)}.wnav-icon{font-size:1rem}.wnav-label{font-weight:600}.wizard-progress-bar{height:2px;background:var(--border);flex-shrink:0}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,#c4973a,#e8d48a,#c4973a);background-size:200% 100%;animation:shimmer 3s ease infinite;transition:width .4s ease;box-shadow:0 0 8px #c4973a80}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wizard-content{flex:1;overflow-y:auto;padding:20px}.wizard-section{margin-bottom:24px}.wizard-section-title{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.wizard-badge{font-size:.68rem;font-weight:700;background:var(--accent-dim);border:1px solid rgba(196,151,58,.3);border-radius:10px;padding:1px 7px;color:var(--accent);margin-left:6px;letter-spacing:0}.wizard-section-hint{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}.wizard-empty-hint{font-size:.8rem;color:var(--text-muted);text-align:center;padding:20px;border:1px dashed rgba(196,151,58,.2);border-radius:var(--radius);background:#c4973a05}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.wizard-step-indicator{font-size:.8rem;color:var(--text-muted)}.archetype-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.archetype-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);text-align:left;transition:all .15s}.archetype-btn:hover{border-color:#c4973a80;background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.arch-icon{font-size:1.5rem;flex-shrink:0}.arch-info{display:flex;flex-direction:column;gap:2px}.arch-info strong{font-size:.82rem}.arch-info small{font-size:.7rem;color:var(--text-secondary);line-height:1.3}.tag-selector{display:flex;flex-wrap:wrap;gap:6px}.tag-btn{padding:4px 10px;font-size:.73rem;font-weight:500;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;letter-spacing:.02em}.tag-btn:hover{border-color:#c4973a66;color:var(--text-secondary)}.tag-btn.active{background:var(--accent-dim);border-color:#c4973a80;color:var(--accent);font-weight:600}.ai-prompt-row{display:flex;gap:10px;align-items:flex-start}.ai-prompt-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:8px 12px;font-size:.85rem;resize:vertical}.ai-prompt-input:focus{border-color:var(--accent);outline:none}.ai-error{color:var(--danger);font-size:.8rem;margin-top:8px}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;cursor:pointer;color:var(--text-primary);transition:all .15s;text-align:left}.mode-btn:hover{border-color:#c4973a66;background:var(--accent-dim)}.mode-btn.active{border-color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 1px #c4973a1a}.mode-btn-icon{font-size:1.6rem;flex-shrink:0}.mode-btn-info{display:flex;flex-direction:column;gap:2px}.mode-btn-info strong{font-size:.88rem}.mode-btn-info small{font-size:.74rem;color:var(--text-secondary)}.cast-type-large{grid-template-columns:repeat(3,1fr);gap:10px}.cast-type-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;cursor:pointer;color:var(--text-secondary);transition:all .15s;text-align:left}.cast-type-btn:hover{border-color:#c4973a66;color:var(--text-primary);background:var(--accent-dim)}.cast-type-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);box-shadow:inset 0 1px #c4973a1a}.cast-type-icon{font-size:1.5rem;flex-shrink:0}.cast-type-info{display:flex;flex-direction:column;gap:2px}.cast-type-info strong{font-size:.84rem}.cast-type-info small{font-size:.72rem;color:var(--text-secondary);line-height:1.3}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}.slider-val{min-width:60px;font-size:.82rem;color:var(--accent);font-weight:600;text-align:right}.target-selector{display:flex;flex-wrap:wrap;gap:8px}.target-btn{padding:5px 14px;font-size:.78rem;font-weight:500;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.target-btn:hover{border-color:#c4973a66;color:var(--text-secondary)}.target-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.effects-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.effect-item-card{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.effect-item-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff05;border-bottom:1px solid var(--border)}.effect-badge{font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:12px}.effect-item-body{padding:10px 12px}.effect-desc{font-size:.8rem;color:var(--text-secondary);font-style:italic}.effect-cat-grid{display:flex;flex-direction:column;gap:6px}.effect-cat-block{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.effect-cat-header{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;font-size:.8rem;font-weight:600;letter-spacing:.02em;background:#ffffff05;border:none;cursor:pointer;color:var(--text-secondary);width:100%;transition:background .1s,color .1s}.effect-cat-header:hover{background:var(--accent-dim);color:var(--text-primary)}.effect-cat-header.active{background:var(--accent-dim);color:var(--accent)}.cat-chevron{font-size:.65rem;color:var(--text-muted)}.effect-cat-items{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:var(--bg-secondary);border-top:1px solid var(--border)}.effect-pick-btn{padding:4px 12px;font-size:.75rem;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .12s}.effect-pick-btn:hover{border-color:#c4973a80;background:var(--accent-dim);color:var(--text-primary)}.color-theme-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.theme-buttons{flex:1}.theme-btn-row{display:flex;flex-wrap:wrap;gap:6px}.theme-btn{padding:5px 10px;font-size:.75rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all .12s}.theme-btn:hover{border-color:var(--accent);background:#c4973a1a}.particle-layers-list{display:flex;flex-direction:column;gap:10px}.particle-layer-compact{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.particle-layer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.layer-name-input{background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.85rem;font-weight:600;padding:2px 4px;width:150px}.layer-name-input:focus{outline:none;border-bottom-color:var(--accent)}.advanced-section{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;background:#ffffff03}.advanced-section summary{cursor:pointer;font-size:.78rem;color:var(--text-muted);list-style:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.advanced-section summary::-webkit-details-marker{display:none}.advanced-section[open] summary{color:var(--text-primary)}.summary-description-card{border:1px solid rgba(196,151,58,.4);border-left:3px solid var(--accent);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c4973a0f,#c4973a05);padding:18px;box-shadow:inset 0 1px #c4973a0f}.spell-natural-description{display:flex;flex-direction:column;gap:8px}.spell-natural-name{font-size:1.1rem;font-weight:700;color:var(--accent)}.spell-natural-text{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.summary-stats-grid{display:flex;flex-wrap:wrap;gap:8px}.summary-stat-card{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff05;border:1px solid var(--border);border-radius:14px;font-size:.8rem}.ss-icon{font-size:1rem}.ss-label{color:var(--text-secondary)}.mana-breakdown{display:flex;flex-direction:column;gap:6px}.mana-line{display:grid;grid-template-columns:24px 1fr 80px 44px;align-items:center;gap:8px;font-size:.8rem}.mana-line-icon{text-align:center}.mana-line-label{color:var(--text-secondary)}.mana-line-bar-wrap{background:var(--border);border-radius:4px;height:5px;overflow:hidden}.mana-line-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#a0741c,#c4973a);transition:width .4s ease}.mana-line-val{font-weight:600;text-align:right}.mana-line-bonus .mana-line-label{color:var(--success)}.mana-total-line{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--accent-dim);border:1px solid rgba(196,151,58,.4);border-left:3px solid var(--accent);border-radius:var(--radius);font-size:.88rem;font-weight:600;margin-top:6px}.mana-total-val{color:var(--accent);font-size:1.05rem;font-weight:700}.effects-summary-list{display:flex;flex-wrap:wrap;gap:8px}.effect-summary-chip{display:flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff05;font-size:.78rem}.summary-save-hint{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);font-size:.82rem;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.input-large{font-size:1rem;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);width:100%}.input-large:focus{border-color:var(--accent);outline:none}@media (max-width: 900px){.wizard-nav{overflow-x:auto}.archetype-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cast-type-large,.mode-selector{grid-template-columns:1fr}}.theme-switcher{display:flex;align-items:center;gap:7px;padding:0 8px 0 4px;border-left:1px solid var(--border);margin-left:4px}.theme-dot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;background:var(--td-accent, #c4973a);cursor:pointer;transition:all .18s;padding:0;flex-shrink:0;opacity:.45}.theme-dot:hover{opacity:.75;transform:scale(1.2)}.theme-dot.active{opacity:1;border-color:#ffffff80;box-shadow:0 0 7px var(--td-accent, #c4973a);transform:scale(1.1)}[data-theme=parchment]{--bg-primary: #ede2c8;--bg-secondary: #e4d7b4;--bg-card: #f5ecda;--bg-input: #e8ddc4;--border: #bca060;--border-focus: #7a4e10;--text-primary: #1e0e02;--text-secondary: #4e3010;--text-muted: #8a6030;--accent: #7a4e10;--accent-hover: #9a6418;--accent-dim: rgba(122,78,16,.14);--accent-glow: rgba(122,78,16,.28);--arcane: #5a2880;--arcane-dim: rgba(90,40,128,.12);--success: #246a24;--danger: #9a1e1e;--warning: #8a4a08;--info: #1a4c88;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--sb-c-control: #7c3aed;--sb-c-combat: #b91c1c;--sb-c-status: #0d9488;--sb-c-visual: #1d4ed8;--sb-c-movement: #16a34a;--sb-c-conditional: #92400e;--sb-c-world: #1e40af;--sb-c-heal: #15803d;--sb-c-fire: #ea580c;--sb-c-lightning: #a16207;--sb-c-freeze: #0369a1}[data-theme=parchment] body{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(90,40,128,.06) 0%,transparent 55%),var(--bg-primary);color:var(--text-primary)}[data-theme=parchment] .btn-primary{background:linear-gradient(135deg,#7a4e10,#4a2a04);color:#f8e8cc;box-shadow:0 2px 12px #7a4e104d}[data-theme=parchment] .btn-primary:hover{background:linear-gradient(135deg,#9a6418,#6a3a08);box-shadow:0 3px 16px #7a4e1073}[data-theme=parchment] .navbar{background:#d8c89a;border-bottom-color:#bca060}[data-theme=parchment] .card{box-shadow:0 2px 12px #5028001f}[data-theme=parchment] .card h2{color:var(--text-secondary)}[data-theme=parchment] .editor-header{border-top-color:var(--accent);background:#e8d8b8}[data-theme=parchment] .editor-header h1{background:linear-gradient(120deg,#4a2a04,#7a4e10,#3a1a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=parchment] .sb-cat-tab:hover{background:#0000000f;color:var(--text-primary)}[data-theme=parchment] .sb-cat-tab.active{color:var(--text-secondary)}[data-theme=parchment] .sb-dropzone-btn:hover{background:#0000000f;border-color:#00000040;color:var(--text-primary)}[data-theme=parchment] .sb-free-workspace{background-image:radial-gradient(circle,rgba(0,0,0,.15) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}[data-theme=parchment] .sb-program{background:#0000000a}[data-theme=parchment] .sb-children-empty{color:#0000004d}[data-theme=abyssal]{--bg-primary: #040208;--bg-secondary: #07040e;--bg-card: #0b0816;--bg-input: #060311;--border: #1c0e30;--border-focus: #9b4dff;--text-primary: #d4b0ff;--text-secondary: #9068c8;--text-muted: #503878;--accent: #9b4dff;--accent-hover: #b870ff;--accent-dim: rgba(155,77,255,.12);--accent-glow: rgba(155,77,255,.32);--arcane: #ff4ab8;--arcane-dim: rgba(255,74,184,.12);--success: #30cc60;--danger: #f04040;--warning: #f09020;--info: #44a0ff;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--sb-c-control: #8b5cf6;--sb-c-world: #1e3a8a;--sb-c-freeze: #0284c7}[data-theme=abyssal] body{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(155,77,255,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 100%,rgba(255,74,184,.05) 0%,transparent 50%),var(--bg-primary)}[data-theme=abyssal] .btn-primary{background:linear-gradient(135deg,#9b4dff,#5a1aaa);color:#f0e8ff;box-shadow:0 2px 14px #9b4dff66}[data-theme=abyssal] .btn-primary:hover{background:linear-gradient(135deg,#b870ff,#7030cc);box-shadow:0 3px 20px #9b4dff8c}[data-theme=abyssal] .navbar-logo,[data-theme=abyssal] .navbar-title,[data-theme=abyssal] .community-page h1,[data-theme=abyssal] .editor-header h1{background:linear-gradient(120deg,#e0b8ff,#9b4dff,#7030d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=abyssal] .editor-header{border-top-color:var(--accent)}[data-theme=frost]{--bg-primary: #030c18;--bg-secondary: #051428;--bg-card: #081a30;--bg-input: #040f1e;--border: #122a42;--border-focus: #4ab4ff;--text-primary: #cce8ff;--text-secondary: #6898c0;--text-muted: #2a5870;--accent: #4ab4ff;--accent-hover: #70c8ff;--accent-dim: rgba(74,180,255,.12);--accent-glow: rgba(74,180,255,.3);--arcane: #8866ff;--arcane-dim: rgba(136,102,255,.12);--success: #28cc88;--danger: #ee4040;--warning: #f0a020;--info: #60c8ff;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--sb-c-status: #0891b2;--sb-c-world: #1e40af;--sb-c-freeze: #0369a1}[data-theme=frost] body{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(74,180,255,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 20% 100%,rgba(136,102,255,.04) 0%,transparent 50%),var(--bg-primary)}[data-theme=frost] .btn-primary{background:linear-gradient(135deg,#4ab4ff,#1060b0);color:#e8f4ff;box-shadow:0 2px 14px #4ab4ff66}[data-theme=frost] .btn-primary:hover{background:linear-gradient(135deg,#70c8ff,#2080d0);box-shadow:0 3px 20px #4ab4ff8c}[data-theme=frost] .navbar-logo,[data-theme=frost] .navbar-title,[data-theme=frost] .community-page h1,[data-theme=frost] .editor-header h1{background:linear-gradient(120deg,#a0dcff,#4ab4ff,#2070c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=frost] .editor-header{border-top-color:var(--accent)}[data-theme=forest]{--bg-primary: #040b06;--bg-secondary: #071210;--bg-card: #0a1a10;--bg-input: #050d08;--border: #162e1c;--border-focus: #3add70;--text-primary: #c4f0cc;--text-secondary: #68a878;--text-muted: #2c5038;--accent: #3add70;--accent-hover: #58ee88;--accent-dim: rgba(58,221,112,.11);--accent-glow: rgba(58,221,112,.28);--arcane: #a878ff;--arcane-dim: rgba(168,120,255,.11);--success: #3aee80;--danger: #f04848;--warning: #e8a020;--info: #50c0f0;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--sb-c-movement: #166534;--sb-c-world: #064e3b;--sb-c-heal: #166534}[data-theme=forest] body{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(58,221,112,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 100%,rgba(168,120,255,.04) 0%,transparent 50%),var(--bg-primary)}[data-theme=forest] .btn-primary{background:linear-gradient(135deg,#3add70,#1a6a38);color:#e8fff0;box-shadow:0 2px 14px #3add7059}[data-theme=forest] .btn-primary:hover{background:linear-gradient(135deg,#58ee88,#2a8a50);box-shadow:0 3px 20px #3add7080}[data-theme=forest] .navbar-logo,[data-theme=forest] .navbar-title,[data-theme=forest] .community-page h1,[data-theme=forest] .editor-header h1{background:linear-gradient(120deg,#a0ffc0,#3add70,#1a6a38);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=forest] .editor-header{border-top-color:var(--accent)}.pp-page{max-width:1400px;margin:0 auto;padding:24px 20px 60px}.pp-header{margin-bottom:24px;border-top:3px solid var(--accent);padding-top:20px}.pp-header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(120deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px}.pp-header-sub{color:var(--text-muted);font-size:.9rem;margin:0}.pp-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width: 860px){.pp-layout{grid-template-columns:1fr}}.pp-list-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-height:500px}.pp-list-header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px}.pp-list-header h3{font-size:.95rem;font-weight:700;margin:0;color:var(--text-primary)}.pp-list-items{overflow-y:auto;flex:1;padding:8px;display:flex;flex-direction:column;gap:4px}.pp-list-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:24px 10px;line-height:1.6}.pp-list-item{position:relative;padding:10px 36px 10px 12px;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.pp-list-item:hover{background:var(--bg-hover);border-color:var(--border)}.pp-list-item.active{background:rgba(var(--accent-rgb, 138,43,226),.12);border-color:var(--accent)}.pp-list-item-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-list-item-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.pp-list-item-delete{position:absolute;top:8px;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:3px;transition:background .12s,color .12s}.pp-list-item-delete:hover{background:var(--danger);color:#fff}.pp-editor-area{display:flex;flex-direction:column;gap:12px}.pp-editor-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pp-name-input{flex:1;font-size:1.1rem;font-weight:700;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;color:var(--text-primary);min-width:0;transition:border-color .2s}.pp-name-input:focus{outline:none;border-color:var(--accent)}.pp-editor-columns{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}@media (max-width: 1000px){.pp-editor-columns{grid-template-columns:1fr}}.pp-col-left,.pp-col-right{display:flex;flex-direction:column;gap:0}.pp-canvas-wrapper{position:relative;width:100%;height:380px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:#0d0d12}.pp-canvas-overlay-btn{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;gap:8px}.pp-point-count{background:#0000008c;color:var(--text-muted);font-size:.74rem;padding:3px 7px;border-radius:12px;border:1px solid var(--border)}.pp-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pp-shape-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pp-shape-btn{padding:5px 12px;font-size:.8rem;font-weight:500;background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.pp-shape-btn:hover{border-color:var(--accent);color:var(--text-primary)}.pp-shape-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pp-shape-params .form-row{display:flex;gap:10px;flex-wrap:wrap}.pp-shape-params .form-group{flex:1;min-width:100px}.pp-layers-list{display:flex;flex-direction:column;gap:8px}.pp-layer-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s}.pp-layer-card:hover{border-color:var(--accent)}.pp-layer-disabled{opacity:.5}.pp-layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pp-layer-header input[type=color]{padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer}.pp-info-box{margin-top:12px;padding:10px 12px;background:#50c0f014;border:1px solid rgba(80,192,240,.25);border-radius:var(--radius);font-size:.8rem;color:var(--text-secondary);line-height:1.5}.pp-description{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;color:var(--text-primary);font-size:.85rem;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.pp-description:focus{outline:none;border-color:var(--accent)}.pp-empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center;color:var(--text-muted)}.pp-empty-state p{margin-bottom:16px}.btn-success{background:linear-gradient(135deg,var(--success, #3aee80),#1a8a50);color:#e8fff0;border-color:transparent}.btn-success:hover{filter:brightness(1.1)}.pp-wizard-picker{margin-top:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);padding:8px;max-height:200px;overflow-y:auto}.pp-wizard-empty{color:var(--text-muted);font-size:.82rem;text-align:center;padding:10px 0}.pp-wizard-empty a{color:var(--accent)}.pp-wizard-grid{display:flex;flex-direction:column;gap:4px}.pp-wizard-item{text-align:left;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;transition:background .12s,border-color .12s}.pp-wizard-item:hover{background:var(--bg-hover);border-color:var(--accent)}.pp-wizard-item.active{background:rgba(var(--accent-rgb, 138,43,226),.15);border-color:var(--accent)}.pp-wizard-item-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.pp-wizard-item-meta{font-size:.74rem;color:var(--text-muted)}.pp-anim-card{margin-top:12px}.pp-anim-timeline{position:relative;height:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;margin:10px 0 8px;overflow:hidden}.pp-anim-kf-marker{position:absolute;top:0;bottom:0;width:3px;background:var(--accent);border-radius:2px;transform:translate(-50%)}.pp-anim-kf-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;padding-right:2px}.pp-anim-kf-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;transition:border-color .12s}.pp-anim-kf-card:hover{border-color:var(--accent)}.pp-anim-kf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pp-anim-kf-badge{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px}.pp-anim-kf-params{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.impact-step-card{background:var(--bg-primary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px}.custom-pattern-badge-row{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(var(--accent-rgb, 138,43,226),.08);border:1px solid var(--accent);border-radius:var(--radius)}.custom-pattern-badge-label{font-size:.78rem;color:var(--text-muted);flex-shrink:0}.custom-pattern-badge{font-size:.82rem;font-weight:700;color:var(--accent)}.custom-pattern-color-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.nav-session-btn{background:none;border:1px solid var(--accent);border-radius:20px;padding:3px 10px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--accent);transition:background .15s}.nav-session-btn:hover{background:rgba(var(--accent-rgb, 138,43,226),.15)}.nav-session-dot{width:7px;height:7px;background:#4cff82;border-radius:50%;animation:session-pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes session-pulse{0%,to{opacity:1}50%{opacity:.3}}.ebe-root{display:flex;flex-direction:column;gap:8px}.ebe-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.ebe-program{display:flex;flex-direction:column;gap:2px;padding:12px;background:var(--bg-canvas, #0d0d12);border:1px solid var(--border);border-radius:8px;min-height:200px}.ebe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;gap:8px}.ebe-legend{display:flex;flex-wrap:wrap;gap:12px;padding:6px 4px;font-size:.75rem;color:var(--text-secondary)}.ce-page{max-width:1600px;margin:0 auto;padding:20px 16px}.ce-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ce-title{font-size:1.6rem;font-weight:700;color:var(--accent);margin:0 0 4px}.ce-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.ce-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ce-player-badge{font-size:.82rem;color:var(--text-secondary);padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;display:flex;align-items:center}.ce-error{background:#dc262626;border:1px solid rgba(220,38,38,.4);border-radius:8px;color:var(--danger, #ef4444);padding:8px 14px;font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.ce-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width: 760px){.ce-layout{grid-template-columns:1fr}}.ce-sidebar{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.ce-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--text-secondary)}.ce-sidebar-title{font-weight:600;color:var(--text-primary)}.ce-empty-list{display:flex;flex-direction:column;align-items:center;padding:28px 16px;color:var(--text-muted);font-size:.82rem;gap:4px}.ce-empty-list small{font-size:.75rem;opacity:.7}.ce-script-list{padding:6px}.ce-script-item{border-radius:6px;padding:9px 10px;cursor:pointer;transition:background .12s;margin-bottom:2px;border:1px solid transparent}.ce-script-item:hover{background:var(--bg-hover, rgba(255,255,255,.05))}.ce-script-item.active{background:rgba(var(--accent-rgb, 139, 92, 246),.15);border-color:rgba(var(--accent-rgb, 139, 92, 246),.35)}.ce-script-item-name{font-size:.87rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-script-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font-size:.75rem;color:var(--text-muted)}.ce-delete-btn{opacity:0;transition:opacity .15s;padding:1px 5px!important;font-size:.7rem!important}.ce-script-item:hover .ce-delete-btn{opacity:1}.ce-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-muted);font-size:.9rem}.ce-editor-area{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.ce-editor-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap}.ce-name-input{flex:1;min-width:180px;background:var(--bg-input, rgba(255,255,255,.07));border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-weight:600;padding:6px 10px;outline:none}.ce-name-input:focus{border-color:var(--accent)}.ce-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ce-unsaved{font-size:.78rem;color:var(--warning, #f59e0b)}.ce-save-ok{font-size:.78rem;color:var(--success, #22c55e)}.ce-save-err{font-size:.78rem;color:var(--danger, #ef4444)}.ce-blocks-area{padding:14px}.ce-usage-hint{margin:0 14px 14px;padding:10px 14px;background:rgba(var(--accent-rgb, 139, 92, 246),.1);border:1px solid rgba(var(--accent-rgb, 139, 92, 246),.25);border-radius:8px;font-size:.8rem;color:var(--text-secondary);line-height:1.6}.ce-player-prompt{max-width:420px;margin:80px auto;padding:32px;text-align:center}.ce-player-prompt h2{color:var(--accent);margin-bottom:8px}.ce-player-prompt p{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.ce-element-picker{display:flex;flex-wrap:wrap;gap:4px}.ce-element-btn{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:20px;border:1px solid;background:transparent;cursor:pointer;transition:all .15s;line-height:1.4}.ce-element-btn.active{font-weight:700;box-shadow:0 0 0 2px currentColor}.ce-cat-tab{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary)}.ce-cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.ce-cat-tab:hover:not(.active){background:var(--accent-dim);color:var(--accent)}.ce-tag-expand-active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.ebe-tag-hat-block{border:2px solid rgba(0,0,0,.15)}.ebe-tag-hat-params{padding:6px 10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ebe-add-tag-btn{background:#d9770633;border:1px solid #d97706;border-radius:8px;color:#fbbf24;padding:5px 12px;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.ebe-add-tag-btn:hover{background:#d9770659;color:#fde68a}.ebe-tag-handler-wrapper{z-index:2}.ce-pentacle-section{margin:0 16px 20px;padding:16px;background:#00000040;border:1px solid var(--border);border-radius:10px}.ce-pentacle-title{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:6px}.ce-pentacle-hint{font-size:.8rem;color:var(--text-secondary);margin:0 0 12px}.sb-editor{display:grid;grid-template-columns:220px 1fr;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:420px;max-height:68vh;background:var(--bg-secondary)}.ce-blocks-area .sb-editor{min-height:380px;max-height:62vh}body.sb-editor-fullscreen-active{overflow:hidden}.sb-editor.sb-editor--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;border-radius:0;min-height:100vh;max-height:none;height:100vh;width:100vw;display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;grid-template-rows:1fr}@media (max-width: 680px){.sb-editor:not(.sb-editor--fullscreen){grid-template-columns:1fr}.sb-editor.sb-editor--fullscreen{grid-template-columns:200px minmax(0,1fr)!important}}.sb-palette{background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sb-editor--fullscreen .sb-palette{height:100vh;max-height:100vh;width:200px;min-width:200px;max-width:200px;overflow-x:hidden;overflow-y:auto;flex-shrink:0}.sb-editor--fullscreen .sb-palette-cats{flex:0 0 auto}.sb-editor--fullscreen .sb-palette-blocks{flex:1 1 auto;min-height:0;overflow-y:auto}.sb-palette-cats{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.sb-cat-tab{display:flex;align-items:center;gap:7px;padding:9px 12px;background:transparent;border:none;border-left:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;transition:background .12s,color .12s;text-align:left}.sb-cat-tab:hover{background:#ffffff0f;color:#fff}.sb-cat-tab.active{color:#fff;border-left-color:currentColor}.sb-cat-tab-icon{font-size:1rem}.sb-cat-tab-label{font-size:.78rem}.sb-palette-search{padding:8px;border-bottom:1px solid var(--border)}.sb-search-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8rem;padding:5px 8px;outline:none;box-sizing:border-box}.sb-search-input:focus{border-color:var(--accent)}.sb-palette-blocks{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:3px}.sb-palette-tile{position:relative;display:flex;align-items:center;gap:6px;border:none;border-radius:6px;padding:0;cursor:pointer;font-size:.8rem;font-weight:700;transition:filter .15s,transform .1s,box-shadow .15s;overflow:hidden;isolation:isolate;box-shadow:0 2px 7px #00000080,inset 0 1px #ffffff2e}.sb-palette-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(175deg,#ffffff26,#ffffff08,#0000001a);pointer-events:none;z-index:-1}.sb-palette-tile:hover{filter:brightness(1.2);transform:translate(3px);box-shadow:0 3px 12px #0000008c,inset 0 1px #ffffff38}.sb-tile-notch{display:block;width:8px;height:100%;border-radius:6px 0 0 6px}.sb-tile-label{flex:1;padding:8px 6px 8px 2px;text-shadow:0 1px 3px rgba(0,0,0,.45);position:relative;z-index:1}.sb-tile-badge{font-size:.65rem;background:#00000059;border-radius:3px;padding:1px 4px;margin-right:6px}.sb-tile-notch-bot{display:block;width:8px;height:100%;border-radius:0 6px 6px 0}.sb-palette-empty{color:var(--text-muted);font-size:.78rem;padding:16px 8px;text-align:center}.sb-canvas{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-secondary)}.sb-editor--fullscreen .sb-canvas{overflow:hidden;min-height:0;height:100vh;max-height:100vh;display:flex;flex-direction:column}.sb-free-canvas{flex:1;overflow:auto;background:var(--bg-secondary);position:relative}.sb-free-workspace{position:relative;min-width:1800px;min-height:900px;background-color:var(--bg-secondary);background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px,120px 120px,120px 120px}.ebe-handler-wrapper{position:absolute}body.ebe-stack-dragging .ebe-handler-wrapper:not(.ebe-stack-dragging-item){pointer-events:none}body.ebe-stack-dragging .ebe-stack-dragging-item{will-change:left,top;z-index:120;cursor:grabbing}body.ebe-stack-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.sb-drag-ghost-mini{position:absolute;top:-9999px;left:-9999px;padding:6px 12px;border-radius:6px;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px #00000073;transform:rotate(-1deg)}.ebe-handler-wrapper .sb-program{overflow-y:visible}.sb-editor--fullscreen .sb-free-canvas{flex:1 1 auto;overflow:auto;min-height:0}.sb-editor--fullscreen .sb-legend{flex:0 0 auto}.sb-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-wrap:wrap;gap:6px}.sb-canvas-title{font-size:.85rem;color:var(--text-secondary);font-weight:600}.sb-block-count{color:var(--accent);font-weight:700}.sb-clear-btn{font-size:.76rem;color:#ef4444;background:transparent;border:1px solid #ef444455;border-radius:5px;padding:3px 10px;cursor:pointer;transition:background .12s}.sb-clear-btn:hover{background:#ef444426}.sb-program{flex:1;overflow-y:auto;padding:10px 12px 18px;background:#0000001a}.sb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center;gap:10px;font-size:.88rem}.sb-empty-icon{font-size:2.5rem;opacity:.4}.sb-legend{display:flex;flex-wrap:wrap;gap:10px;padding:8px 14px;border-top:1px solid var(--border);background:var(--bg-card)}.sb-legend-item{display:flex;align-items:center;gap:4px;font-size:.72rem}.sb-legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.sb-block{margin-bottom:4px;position:relative;transition:transform .12s ease,opacity .12s ease}.sb-block:hover:not(.sb-dragging){transform:translate(2px)}.sb-notch-top,.sb-notch-bot{display:none}.sb-header{border-radius:8px;padding:8px 12px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:42px;box-shadow:0 6px 16px #0000008c,0 2px 4px #00000059,inset 0 1px #ffffff42,inset 0 -3px #00000052,inset 5px 0 #0003;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;isolation:isolate;transition:box-shadow .15s ease,outline .12s ease}.sb-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(175deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.03) 42%,transparent 65%,rgba(0,0,0,.13) 100%);pointer-events:none;z-index:-1}.sb-cat-icon{font-size:.85rem;opacity:.8;flex-shrink:0}.sb-label{font-weight:700;font-size:.85rem;flex-shrink:0;color:#fff;margin-right:4px;text-shadow:0 1px 4px rgba(0,0,0,.55)}.sb-params{display:flex;flex-wrap:wrap;align-items:center;gap:5px;flex:1}.sb-param{display:flex;align-items:center;gap:3px}.sb-param-label{font-size:.71rem;opacity:.72;color:#ffffffd9}.sb-unit{font-size:.71rem;opacity:.65;color:#ffffffd9}.sb-param-bool{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.78rem;color:#ffffffeb}.sb-param-bool input{accent-color:var(--accent, #c4973a);width:14px;height:14px}.sb-controls{display:flex;gap:3px;flex-shrink:0;margin-left:auto;position:relative;z-index:1}.sb-btn{background:#00000061;border:1px solid rgba(255,255,255,.18);border-radius:4px;color:#ffffffd9;cursor:pointer;font-size:.7rem;font-weight:700;padding:2px 7px;line-height:1.4;transition:background .12s,border-color .12s}.sb-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff4d}.sb-btn:disabled{opacity:.3;cursor:default}.sb-btn-del{border-color:#ef444473;color:#ffaaaae6}.sb-btn-del:hover{background:#ef444461!important;border-color:#ef4444b3!important}.sb-mouth{display:grid;grid-template-columns:13px 1fr;grid-template-rows:auto auto;border:2.5px solid;border-top:none;border-bottom:none;margin-bottom:0}.sb-mouth-arm{grid-column:1;grid-row:1;width:13px}.sb-children{grid-column:2;grid-row:1;padding:8px 8px 8px 10px;background:#00000047;min-height:40px}.sb-mouth-cap{grid-column:1 / -1;height:12px;border-radius:0 0 6px}.sb-children-empty{color:#ffffff47;font-size:.74rem;font-style:italic;padding:6px 4px}.sb-dropzone{position:relative;display:inline-block;margin-top:3px;margin-bottom:2px}.sb-dropzone-sm{margin-top:0}.sb-dropzone-btn{background:transparent;border:1.5px dashed rgba(255,255,255,.18);border-radius:5px;color:var(--text-muted);cursor:pointer;font-size:.73rem;padding:3px 12px;transition:border-color .15s,color .15s,background .15s;letter-spacing:.02em}.sb-dropzone-btn:hover{background:#ffffff0f;border-color:#ffffff59;color:#fff}.sb-mini-palette{position:absolute;z-index:300;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px;min-width:260px;max-width:340px;max-height:400px;overflow-y:auto;box-shadow:0 12px 32px #000000b3}.sb-mini-cat{margin-bottom:8px}.sb-mini-cat-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.sb-mini-cat-blocks{display:flex;flex-wrap:wrap;gap:3px}.sb-mini-block{border:none;border-radius:5px;padding:4px 9px;font-size:.76rem;font-weight:700;cursor:pointer;transition:filter .12s,transform .08s;box-shadow:0 2px 5px #00000073,inset 0 1px #ffffff26;text-shadow:0 1px 2px rgba(0,0,0,.4)}.sb-mini-block:hover{filter:brightness(1.22);transform:scale(1.05)}.pent-editor{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.pent-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pent-tool{font-size:.8rem;font-weight:600;padding:5px 12px;border-radius:6px;border:1.5px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:all .15s}.pent-tool:hover{background:#ffffff1a;color:#fff}.pent-tool.active{font-weight:700;background:#0000004d}.pent-sep{width:1px;height:20px;background:#ffffff1f}.pent-count{font-size:.76rem;color:var(--text-muted)}.pent-canvas{display:flex;flex-wrap:wrap;width:320px;height:320px;cursor:crosshair;border-radius:4px;overflow:hidden;flex-shrink:0;outline:1px solid rgba(255,255,255,.1);outline-offset:0}.pent-pixel{width:10px;height:10px;box-sizing:border-box;transition:background .05s}.pent-element-badge{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600}.pent-element-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pent-preview{display:grid;border-radius:4px;overflow:hidden;flex-shrink:0;position:relative;outline:1px solid rgba(255,255,255,.1);outline-offset:0}.grimoire-page{max-width:1200px;margin:0 auto;padding:20px 16px 60px;min-height:100vh}.grimoire-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.grimoire-title{font-size:2rem;font-weight:900;color:var(--accent);margin:0 0 4px;letter-spacing:-.01em}.grimoire-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.grimoire-header-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grimoire-error{background:#dc262626;border:1px solid rgba(220,38,38,.4);border-radius:8px;color:#fca5a5;padding:8px 14px;margin-bottom:16px;font-size:.85rem;display:flex;justify-content:space-between}.grimoire-section{margin-bottom:40px}.grimoire-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.grimoire-section-icon{font-size:1.4rem}.grimoire-section-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.grimoire-section-count{font-size:.8rem;color:var(--text-muted);background:#ffffff0f;padding:3px 10px;border-radius:20px}.grimoire-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.grimoire-empty-icon{font-size:2rem;display:block;margin-bottom:10px}.grimoire-empty-sub{font-size:.82rem;margin-top:6px}.grimoire-seals{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.grimoire-seal-card{border:1px solid;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.grimoire-seal-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000080}.grimoire-seal-symbol{position:relative;display:flex;justify-content:center;align-items:center;padding:20px;background:#0006}.grimoire-seal-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grimoire-seal-info{padding:14px 16px}.grimoire-seal-element{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:1px solid;border-radius:20px;padding:2px 8px;margin-bottom:8px}.grimoire-seal-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 5px}.grimoire-seal-desc{font-size:.82rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.grimoire-seal-meta{display:flex;gap:12px;font-size:.76rem;color:var(--text-muted);margin-bottom:6px}.grimoire-seal-id{font-size:.72rem;color:var(--text-muted)}.grimoire-seal-id code{font-size:.72rem;background:#ffffff12;padding:1px 5px;border-radius:3px}.grimoire-footer{text-align:center;padding:30px 0 10px;color:#ffffff1f;font-size:1.1rem;letter-spacing:.3em}.grimoire-footer-deco{font-size:1.2rem}.grimoire-prompt{max-width:440px;margin:80px auto;text-align:center;padding:32px}.grimoire-icon{font-size:3rem;margin-bottom:12px}.grimoire-prompt h2{color:var(--accent);margin-bottom:8px}.grimoire-prompt p{color:var(--text-secondary);font-size:.9rem}.grimoire-prompt-input{display:flex;gap:8px;margin-top:16px;justify-content:center}.custom-effect-ref{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#c084fc14;border:1px solid rgba(192,132,252,.25);border-radius:6px;font-size:.85rem}.custom-effect-ref-icon{color:#c084fc;font-size:1rem}.custom-effect-ref-name{font-weight:700;color:#e9d5ff;flex:1}.custom-effect-ref-id{font-size:.72rem;color:var(--text-muted);background:#ffffff0f;padding:1px 5px;border-radius:3px}.custom-script-pick{display:flex;align-items:center;gap:5px}.custom-script-count{font-size:.72rem;color:var(--text-muted);margin-left:2px}.grand-sceau-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.grand-sceau-card{border:1px solid;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.grand-sceau-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000080}.grand-sceau-symbol{display:flex;justify-content:center;align-items:center;padding:16px;background:#00000059;border-radius:8px;margin:12px 12px 0}.grand-sceau-info{padding:10px 14px 14px}.grand-sceau-element{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.grand-sceau-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.grand-sceau-desc{font-size:.78rem;color:var(--text-secondary);margin-bottom:6px;line-height:1.4}.grand-sceau-meta{font-size:.72rem;color:var(--text-muted)}.ebe-handler{margin-bottom:0;border-radius:12px;overflow:visible;background:#080510e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #000000bf,0 4px 12px #00000080,inset 0 0 0 1px #ffffff0a}.ai-rule-editor-card{padding:16px;margin:0 16px 12px}.ai-rule-editor-title{margin:0 0 12px;font-size:.95rem}.ai-rule-editor-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 12px}.ai-rule-param-hint{font-size:.7rem;color:var(--text-muted);margin-left:6px}.ai-rule-priority-hint{color:var(--text-muted);font-size:.72rem}.ai-rule-action-desc{font-size:.75rem;color:var(--text-muted);margin:8px 0 0}.ai-rule-mob-bound-hint{font-size:.78rem;color:var(--text-muted);margin:0 0 8px;padding:8px 10px;background:#d9770614;border-left:3px solid #d97706;border-radius:0 6px 6px 0}.ai-rule-param-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ai-rule-param-row select,.ai-rule-param-row input{flex:1;min-width:100px}.ai-rule-param-count{flex:0 0 72px!important;min-width:72px!important}.ai-rule-ref-card .form-group select{width:100%}.ai-rule-ref-mob-param{margin-top:8px}.ai-rule-ref-warning{display:block;margin-top:4px;font-size:.72rem;color:var(--warning, #f59e0b)}.ebe-hat-block{display:flex;align-items:center;gap:8px;padding:10px 14px 10px 16px;border-radius:11px 11px 0 0;font-weight:700;font-size:.9rem;color:#fff;flex-wrap:wrap;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff47,inset 0 -3px #00000047}.ebe-hat-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff3,#ffffff0f 48%,#0000001f);pointer-events:none;z-index:-1}.ebe-hat-block:active{cursor:grabbing}.ebe-hat-icon{font-size:1.1rem}.ebe-hat-label{font-size:1rem;letter-spacing:.02em;text-shadow:0 1px 5px rgba(0,0,0,.55)}.ebe-hat-semantics{background:#00000061;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:2px 9px;font-size:.66rem;font-weight:700;letter-spacing:.07em;white-space:nowrap;text-transform:uppercase}.ebe-hat-summary{flex:1;font-size:.76rem;font-weight:400;opacity:.75;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.ebe-hat-add{padding:6px 10px 10px 14px;background:#00000026;border-top:1px solid rgba(255,255,255,.05)}.ebe-context-banner{background:#6366f117;border-left:3px solid rgba(99,102,241,.55);border-bottom:1px solid rgba(99,102,241,.18);padding:4px 14px;font-size:.66rem;color:#818cf8;letter-spacing:.07em;text-transform:uppercase;font-weight:600}.ebe-trigger-picker{position:relative;padding:12px 0 0}.ebe-add-handler-btn{background:#6366f11f;border:1.5px dashed rgba(99,102,241,.6);border-radius:8px;color:#a5b4fc;font-size:.85rem;padding:8px 20px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;letter-spacing:.02em}.ebe-add-handler-btn:hover{background:#6366f138;border-color:#6366f1;color:#c7d2fe}.ebe-trigger-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:var(--bg-card, #1e1e2e);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:280px;box-shadow:0 8px 24px #00000080}.ebe-trigger-item{background:none;border:none;border-left:4px solid transparent;border-radius:6px;padding:7px 12px;cursor:pointer;display:flex;gap:10px;align-items:baseline;text-align:left;transition:background .12s;color:#e2e8f0}.ebe-trigger-item:hover{background:#ffffff12}.ebe-trigger-desc{font-size:.72rem;color:var(--text-muted, #94a3b8);flex:1}.ce-difficulty-selector{display:flex;gap:4px;background:#0003;border-radius:8px;padding:3px}.ce-diff-btn{background:none;border:none;border-radius:6px;color:var(--text-muted, #94a3b8);padding:4px 10px;font-size:.78rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.ce-diff-btn.active{background:#6366f159;color:#c7d2fe;font-weight:600}.ce-diff-btn:hover:not(.active){background:#ffffff12;color:#e2e8f0}.ce-mode-btn{background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-muted, #94a3b8);padding:5px 12px;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.ce-mode-btn.active{background:#10b98133;border-color:#10b981;color:#6ee7b7}.ce-mode-btn:hover:not(.active){background:#ffffff12;color:#e2e8f0}.ebe-canvas-readonly .sb-block-controls{display:none!important}.sb-locked-section{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.sb-locked-section summary{cursor:pointer;font-size:.75rem;color:var(--text-muted, #94a3b8);padding:4px 6px;-webkit-user-select:none;user-select:none;list-style:none}.sb-locked-section summary::-webkit-details-marker{display:none}.sb-tile-locked{opacity:.45;cursor:not-allowed;pointer-events:none;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:#ffffff0d;margin-bottom:3px}.sb-lock-badge{font-size:.7rem}.sb-palette-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.sb-palette-tab-btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:6px 4px;font-size:.78rem;color:var(--text-muted, #94a3b8);cursor:pointer;transition:color .15s,border-color .15s}.sb-palette-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.sb-macro-compact{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#6366f126!important;color:#c7d2fe!important;border:1px solid rgba(99,102,241,.3)!important;margin-bottom:6px}.sb-macro-icon{font-size:1.1rem}.sb-macro-label{flex:1;font-size:.82rem;font-weight:600}.sb-macro-expand{background:#0000004d!important;font-size:.7rem!important;color:#a5b4fc!important}.sb-tooltip-rich{position:absolute;z-index:300;background:#0e0a18f7;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;font-size:.76rem;color:#e2e8f0;max-width:260px;box-shadow:0 8px 28px #000000a6,0 0 0 1px #ffffff0a;pointer-events:none;top:calc(100% + 6px);left:0;line-height:1.55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sb-tooltip-cost{color:#f59e0b;font-weight:600;margin-top:4px}.sb-tooltip-params{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.sb-tooltip-params span{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:.7rem}.sb-line-number{font-size:.63rem;font-weight:700;color:#ffffff61;min-width:18px;text-align:right;-webkit-user-select:none;user-select:none}.sb-collapse-btn{background:none;border:none;color:#fff9;font-size:.65rem;cursor:pointer;padding:0 2px;line-height:1}.sb-collapse-btn:hover{color:#fff}.sb-collapsed-hint{border-left:3px solid;background:#00000040;padding:4px 12px;font-size:.72rem;color:var(--text-muted, #94a3b8);border-radius:0 6px 6px 0;margin:0 0 6px 12px;font-style:italic}.sb-context-badge{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:4px;font-size:.65rem;color:#fcd34d;padding:0 5px;font-weight:600}.sb-param-input,.sb-param-select{background:#00000085;border:1px solid rgba(255,255,255,.24);border-radius:6px;color:#f5f0e6;font-size:.79rem;padding:4px 8px;outline:none;font-family:inherit;box-shadow:inset 0 1px 3px #00000073;transition:border-color .12s,box-shadow .12s}.sb-param-input:focus,.sb-param-select:focus{border-color:#ffffff73;box-shadow:inset 0 1px 3px #00000073,0 0 0 2px #6366f159}.sb-param-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.7) 50%),linear-gradient(135deg,rgba(255,255,255,.7) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% + 1px),calc(100% - 9px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:22px}.sb-param-select option{background:#1e293b;color:#f1f5f9}.sb-param-tag-select{min-width:110px}.sb-param-tag-empty{font-size:.72rem;font-style:italic;opacity:.65;color:#ffffffd9;padding:2px 4px}.ebe-tag-hat-params{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:6px 12px!important}.ebe-tag-name-input{flex:1 1 100px;min-width:80px}.ebe-tag-scope-select{width:118px;flex-shrink:0}.ebe-tag-semantics{background:#00000073;border-color:#ffffff47}.sb-drag-insert{position:relative;height:8px;margin:2px 0;border-radius:4px;transition:height .14s ease,margin .14s ease,background .14s ease,box-shadow .14s ease;cursor:default}body.sb-dnd-active .sb-drag-insert{height:14px;margin:3px 0}body.sb-dnd-active .sb-block:not(.sb-dragging){contain:layout style}.sb-drag-insert-active{height:28px;margin:6px 0;background:#6366f138;border:2px dashed #818cf8;box-shadow:0 0 12px #6366f159;display:flex;align-items:center;justify-content:center}.sb-drag-insert-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c7d2fe;pointer-events:none;animation:sb-drop-pulse .8s ease-in-out infinite alternate}@keyframes sb-drop-pulse{0%{opacity:.65}to{opacity:1}}.sb-child-drag-insert{margin:3px 8px}.sb-child-drag-insert.sb-drag-insert-active{background:#8b5cf638;border-color:#a78bfa;box-shadow:0 0 10px #8b5cf64d}.sb-block.sb-dragging{opacity:.35;transform:scale(.98);filter:saturate(.8)}.sb-drag-ghost{opacity:.92;pointer-events:none;z-index:9999;transform:rotate(-1deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,.55))}.sb-drag-ghost .sb-block-controls,.sb-drag-ghost .sb-drag-insert,.sb-drag-ghost .sb-dropzone,.sb-drag-ghost .sb-notch-top,.sb-drag-ghost .sb-notch-bot{display:none!important}body.sb-dnd-active .sb-program{transition:background .15s,outline .15s}.sb-program.sb-program-drop-over{background:#6366f114;border-radius:6px;outline:2px dashed rgba(99,102,241,.45);outline-offset:2px}body.sb-dnd-active .sb-free-workspace{cursor:grabbing}.sb-drag-handle{font-size:.9rem;color:#fff6;cursor:grab;padding:0 4px 0 2px;-webkit-user-select:none;user-select:none;letter-spacing:-1px;position:relative;z-index:1}.sb-drag-handle:active{cursor:grabbing}.sb-header[draggable=true]{cursor:grab}.sb-header[draggable=true]:active{cursor:grabbing}.sb-param-num-wrap{display:inline-flex;align-items:center;gap:2px}.sb-param-limit-badge{font-size:.55rem;font-weight:700;border-radius:3px;padding:0 3px;line-height:1.5}.sb-param-at-max{background:#f9731640;color:#f97316;border:1px solid rgba(249,115,22,.4)}.ebe-cost-bar-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}.ebe-cost-label{font-size:.73rem;white-space:nowrap}.ebe-cost-mana{opacity:.75;font-size:.7rem}.ebe-cost-bar-track{width:80px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ebe-cost-bar-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.lang-toggle-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--text-muted, #94a3b8);border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s;margin-right:4px}.lang-toggle-btn:hover{background:#ffffff26;color:#fff}select.lang-toggle-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:24px;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='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-color:#ffffff14}select.lang-toggle-btn option{background:#1e293b;color:#e2e8f0;font-weight:600}.sb-fullscreen-btn{background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:3px 8px;transition:all .15s;flex-shrink:0}.sb-fullscreen-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.sb-header.sb-drop-target{outline:2px dashed #818cf8;outline-offset:3px;box-shadow:0 0 14px #6366f173,0 6px 16px #0000008c;transform:translateY(-1px)}.sb-param-range-wrap{display:flex;align-items:center;gap:3px}.sb-range-sep{font-size:.72rem;color:#ffffff80;flex-shrink:0}.sb-range-toggle{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff9;cursor:pointer;font-size:.7rem;padding:1px 5px;line-height:1.4;transition:all .1s;flex-shrink:0}.sb-range-toggle:hover{background:var(--accent-dim);color:var(--accent)}.sb-range-toggle.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.ce-pentacle-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.ce-pentacle-preview-col{display:flex;flex-direction:column;align-items:center;gap:8px}.ce-pentacle-preview-label{font-size:.78rem;font-weight:700;color:var(--accent);text-align:center}.ce-pentacle-preview-hint{font-size:.72rem;color:var(--text-muted);text-align:center}