.app-header.svelte-x4vrug{left:0;right:0;z-index:1000;background:linear-gradient(180deg,var(--color-bg-overlay) 0%,var(--color-bg-elevated) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.header-content.svelte-x4vrug{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;max-width:100%}.brand.svelte-x4vrug{display:flex;align-items:center;gap:12px}.brand-icon.svelte-x4vrug{width:28px;height:28px;color:var(--color-accent-primary);opacity:.9}.brand-text.svelte-x4vrug{display:flex;align-items:baseline;gap:10px}.title.svelte-x4vrug{font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.2px;margin:0}.subtitle.svelte-x4vrug{font-size:12px;color:var(--color-text-muted);font-weight:500}.legend-wrapper.svelte-x4vrug{margin-left:auto}.theme-toggle.svelte-x4vrug{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:12px;background:var(--color-bg-glass);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.theme-toggle.svelte-x4vrug:hover{background:var(--color-bg-panel-hover);border-color:var(--color-border-hover);color:var(--color-accent-primary)}@media(max-width:768px){.header-content.svelte-x4vrug{height:auto;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}.legend-wrapper.svelte-x4vrug{margin-left:40px}.theme-toggle.svelte-x4vrug{margin-left:0;align-self:flex-end}}.controls-container.svelte-1ej8gcn{position:absolute;bottom:88px;right:12px;display:flex;align-items:center;gap:3px;padding:3px;background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-default);border-radius:8px;z-index:1000}.control-btn.svelte-1ej8gcn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-glass);border:1px solid var(--color-border-muted);border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.control-btn.svelte-1ej8gcn:hover{background:var(--color-bg-panel-hover);border-color:var(--color-border-hover);color:var(--color-text-secondary)}.control-btn.svelte-1ej8gcn:disabled{opacity:.4;cursor:not-allowed}.control-btn.svelte-1ej8gcn:disabled:hover{background:var(--color-bg-glass);border-color:var(--color-border-muted);color:var(--color-text-tertiary)}.control-btn.svelte-1ej8gcn:active{transform:scale(.95)}.control-btn.primary.svelte-1ej8gcn{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.control-btn.primary.svelte-1ej8gcn:hover{background:color-mix(in srgb,var(--color-success) 24%,transparent);border-color:var(--color-success);color:color-mix(in srgb,var(--color-success) 82%,white)}.control-btn.danger.svelte-1ej8gcn{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.control-btn.danger.svelte-1ej8gcn:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 24%,transparent);border-color:var(--color-danger);color:color-mix(in srgb,var(--color-danger) 75%,white)}.sidebar.svelte-4c2dt7{position:relative;height:100%;width:100%;background-color:var(--color-bg-surface);background-image:radial-gradient(circle,var(--color-bg-grid-dot-soft) 1px,transparent 1px);background-size:20px 20px;border-left:1px solid var(--color-border-muted);display:flex;flex-direction:column;z-index:1000}.sidebar-body.svelte-4c2dt7{flex:1;overflow-y:auto;padding:10px 14px 14px}.panel-section.svelte-4c2dt7+.panel-section:where(.svelte-4c2dt7){margin-top:10px}.sidebar-body.svelte-4c2dt7::-webkit-scrollbar{width:5px}.sidebar-body.svelte-4c2dt7::-webkit-scrollbar-track{background:transparent}.sidebar-body.svelte-4c2dt7::-webkit-scrollbar-thumb{background:#4b556366;border-radius:3px}.sidebar-body.svelte-4c2dt7::-webkit-scrollbar-thumb:hover{background:#4b556399}.empty-state.svelte-4c2dt7{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center}.empty-state.compact.svelte-4c2dt7{padding:20px 12px 16px}.empty-text.svelte-4c2dt7{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--color-text-tertiary)}.empty-hint.svelte-4c2dt7{margin:0;font-size:12px;color:var(--color-text-muted)}.unlock-list.svelte-4c2dt7{display:flex;flex-direction:column;gap:4px}.unlock-item.svelte-4c2dt7{display:flex;flex-direction:column;gap:6px;padding:5px 6px 5px 8px;background:var(--color-bg-subtle);border:1px solid var(--color-border-soft);border-radius:6px;transition:all .15s ease}.unlock-main-row.svelte-4c2dt7{display:flex;align-items:flex-start;gap:8px;width:100%}.unlock-item.svelte-4c2dt7:hover{background:var(--color-bg-panel-hover);border-color:var(--type-color, rgba(75, 85, 99, .4))}.unlock-item.dimmed.svelte-4c2dt7{opacity:.3;filter:grayscale(.5)}.step-number.svelte-4c2dt7{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-accent-primary-soft);color:var(--color-accent-primary);border-radius:5px;font-size:10px;font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums;margin-top:2px}.unlock-icon.svelte-4c2dt7{width:26px;height:26px;border-radius:3px;overflow:hidden;flex-shrink:0;background:#0000004d}.unlock-icon.svelte-4c2dt7 img:where(.svelte-4c2dt7){width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.icon-placeholder.svelte-4c2dt7{width:100%;height:100%;background:var(--color-border-soft)}.unlock-info.svelte-4c2dt7{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.unlock-pills.svelte-4c2dt7{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.unlock-name.svelte-4c2dt7{font-size:12px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.effect-label.svelte-4c2dt7{font-size:11px;font-weight:600;color:var(--color-accent-primary);flex-shrink:0}.effect-label.secondary.svelte-4c2dt7{color:var(--color-info);font-weight:500}.unlock-actions.svelte-4c2dt7{display:flex;align-items:center;gap:1px;flex-shrink:0;opacity:.35;transition:opacity .15s ease}.unlock-item.svelte-4c2dt7:hover .unlock-actions:where(.svelte-4c2dt7){opacity:1}.move-btn.svelte-4c2dt7{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:3px;color:var(--color-text-tertiary);cursor:pointer;transition:all .12s ease;padding:0}.move-btn.svelte-4c2dt7:hover:not(:disabled){background:#3b82f633;color:#93c5fd}.move-btn.svelte-4c2dt7:disabled{opacity:.2;cursor:not-allowed}.unlockable-section.svelte-4c2dt7{border-top:1px solid var(--color-border-muted);padding-top:10px;margin-top:10px}.section-title.svelte-4c2dt7{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.unlockable-list.svelte-4c2dt7{display:flex;flex-direction:column;gap:4px}.unlockable-item.svelte-4c2dt7{display:flex;align-items:flex-start;gap:8px;padding:5px 8px;background:var(--color-bg-subtle);border:1px solid var(--color-border-soft);border-radius:5px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;color:inherit}.unlockable-item.svelte-4c2dt7:hover{background:var(--color-bg-subtle-strong);border-color:var(--type-color, rgba(75, 85, 99, .4))}.subdued-list.svelte-4c2dt7 .unlockable-item:where(.svelte-4c2dt7){background:color-mix(in srgb,var(--color-bg-subtle) 65%,transparent);border-color:var(--color-border-faint)}.subdued-list.svelte-4c2dt7 .unlockable-item:where(.svelte-4c2dt7):hover{background:color-mix(in srgb,var(--color-bg-subtle-strong) 80%,transparent)}.unavailable-item.svelte-4c2dt7 .unlockable-name:where(.svelte-4c2dt7){color:#8f95a3}.unavailable-item.svelte-4c2dt7 .add-icon:where(.svelte-4c2dt7){background:#3b82f61a;color:#60a5fa}.unlockable-icon.svelte-4c2dt7{width:22px;height:22px;border-radius:3px;overflow:hidden;flex-shrink:0;background:#0000004d}.unlockable-icon.svelte-4c2dt7 img:where(.svelte-4c2dt7){width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.unlockable-info.svelte-4c2dt7{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.unlockable-name.svelte-4c2dt7,.unlock-name.svelte-4c2dt7{font-size:12px;font-weight:500;color:var(--color-text-tertiary);line-height:1.3}.meta-pill.svelte-4c2dt7{display:inline-flex;align-items:center;padding:1px 5px;border-radius:999px;font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;background:#52525b2e;border:1px solid rgba(113,113,122,.28);color:var(--color-text-tertiary);white-space:nowrap}.size-pill.svelte-4c2dt7{background:#3f3f4633;border-color:#52525b52;color:#8b8b95}.unlock-pills.svelte-4c2dt7,.unlockable-pills.svelte-4c2dt7{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.unlock-pills.svelte-4c2dt7 .effect-label:where(.svelte-4c2dt7),.unlockable-pills.svelte-4c2dt7 .effect-label:where(.svelte-4c2dt7){font-size:11px;font-weight:600}.unlockable-pills.svelte-4c2dt7{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.unlock-description.svelte-4c2dt7{font-size:11px;color:var(--color-text-muted);line-height:1.4;margin-top:4px;padding-top:4px;border-top:1px solid var(--color-border-soft)}.unlock-description.svelte-4c2dt7 span{color:var(--color-accent-primary);font-weight:500}.unlockable-description.svelte-4c2dt7{font-size:11px;color:var(--color-text-muted);line-height:1.4;margin-top:4px;padding-top:4px;border-top:1px solid var(--color-border-soft)}.unlockable-description.svelte-4c2dt7 span{color:var(--color-accent-primary);font-weight:500}.unlock-description.svelte-4c2dt7,.unlockable-description.svelte-4c2dt7{font-size:11px;color:var(--color-text-muted);line-height:1.4;margin-top:4px;padding-top:4px;border-top:1px solid var(--color-border-soft)}.unlock-description.full-width.svelte-4c2dt7{width:100%}.unlock-description.svelte-4c2dt7 span,.unlockable-description.svelte-4c2dt7 span{color:var(--color-accent-primary);font-weight:500}.add-icon.svelte-4c2dt7{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#22c55e1f;color:#22c55e;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.search-section.svelte-4c2dt7{display:flex;flex-direction:column;gap:6px;padding:0 0 12px;border-bottom:1px solid var(--color-border-muted);margin-bottom:12px}.search-input-wrapper.svelte-4c2dt7{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-glass);border:1px solid var(--color-border-default);border-radius:8px;transition:all .15s ease}.search-input-wrapper.svelte-4c2dt7:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-soft)}.search-input.svelte-4c2dt7{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:13px;outline:none}.search-input.svelte-4c2dt7::placeholder{color:var(--color-text-muted)}.clear-search.svelte-4c2dt7{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-border-default);border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;padding:0}.clear-search.svelte-4c2dt7:hover{background:#ef444433;color:#ef4444}.search-results.svelte-4c2dt7{font-size:11px;color:var(--color-text-tertiary);padding-left:4px}.category-filters.svelte-4c2dt7{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px;border-bottom:1px solid var(--color-border-muted);margin-bottom:12px}.category-pill.svelte-4c2dt7{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-bg-glass);border:1px solid var(--color-border-muted);border-radius:5px;cursor:pointer;transition:all .15s ease;font-size:11px;font-weight:500;color:var(--color-text-tertiary)}.category-pill.svelte-4c2dt7:hover,.category-pill.hover.svelte-4c2dt7{background:var(--color-bg-panel-hover);border-color:var(--category-color, rgba(75, 85, 99, .6));box-shadow:0 0 8px color-mix(in oklch,var(--category-color, transparent) 30%,transparent);color:var(--category-color)}.category-pill.active.svelte-4c2dt7{background:color-mix(in srgb,var(--category-color) 12%,var(--color-bg-surface));border-color:var(--category-color, rgba(75, 85, 99, .6));box-shadow:0 0 12px color-mix(in oklch,var(--category-color, transparent) 40%,transparent);color:var(--category-color)}.category-pill.active.svelte-4c2dt7 .category-icon:where(.svelte-4c2dt7),.category-pill.svelte-4c2dt7:hover .category-icon:where(.svelte-4c2dt7){color:var(--category-color);filter:drop-shadow(0 0 3px var(--category-color))}.category-icon.svelte-4c2dt7{display:flex;align-items:center;justify-content:center;transition:all .15s ease}.category-dot.svelte-4c2dt7{width:6px;height:6px;border-radius:50%;box-shadow:0 0 4px currentColor}.category-label.svelte-4c2dt7{text-transform:uppercase;letter-spacing:.5px}.clear-filters-link.svelte-4c2dt7{display:flex;align-items:center;gap:4px;padding:4px 6px;background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-size:11px;font-weight:500;color:var(--color-text-tertiary);margin-left:4px}.clear-filters-link.svelte-4c2dt7:hover{color:#ef4444}.size-filters.svelte-4c2dt7{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 12px;border-bottom:1px solid var(--color-border-muted);margin-bottom:12px;align-items:center}.size-pill.svelte-4c2dt7{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--color-bg-glass);border:1px solid var(--color-border-muted);border-radius:4px;cursor:pointer;transition:all .15s ease;font-size:10px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.size-pill.svelte-4c2dt7:hover,.size-pill.hover.svelte-4c2dt7{background:var(--color-bg-panel-hover);border-color:var(--size-color, rgba(75, 85, 99, .6));box-shadow:0 0 8px color-mix(in oklch,var(--size-color, transparent) 30%,transparent);color:var(--size-color)}.size-pill.active.svelte-4c2dt7{background:color-mix(in srgb,var(--size-color) 12%,var(--color-bg-surface));border-color:var(--size-color, rgba(75, 85, 99, .6));box-shadow:0 0 12px color-mix(in oklch,var(--size-color, transparent) 40%,transparent);color:var(--size-color)}.size-dot.svelte-4c2dt7{width:5px;height:5px;border-radius:50%;box-shadow:0 0 3px currentColor}.size-label.svelte-4c2dt7{font-size:10px}@media(max-width:768px){.sidebar.svelte-4c2dt7{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;max-height:none;border-left:none;border-top:none}.sidebar-body.svelte-4c2dt7{padding:12px}.category-filters.svelte-4c2dt7,.size-filters.svelte-4c2dt7{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.category-filters.svelte-4c2dt7::-webkit-scrollbar,.size-filters.svelte-4c2dt7::-webkit-scrollbar{display:none}.category-pill.svelte-4c2dt7,.size-pill.svelte-4c2dt7{padding:8px 12px;min-height:40px;font-size:12px;flex-shrink:0}.category-icon.svelte-4c2dt7,.size-dot.svelte-4c2dt7{width:14px;height:14px}.category-label.svelte-4c2dt7,.size-label.svelte-4c2dt7{font-size:11px}.clear-filters-link.svelte-4c2dt7{padding:8px 10px;min-height:40px;flex-shrink:0}.search-input-wrapper.svelte-4c2dt7{padding:10px 12px;min-height:44px}.search-input.svelte-4c2dt7{font-size:16px}.panel-section.svelte-4c2dt7{margin-bottom:8px}.section-title.svelte-4c2dt7{font-size:11px;padding:8px 0}.unlock-item.svelte-4c2dt7{padding:8px}.unlock-icon.svelte-4c2dt7{width:32px;height:32px}}.sidebar.svelte-3exez1{position:relative;height:100%;width:100%;background-color:var(--color-bg-surface);background-image:radial-gradient(circle,var(--color-bg-grid-dot-soft) 1px,transparent 1px);background-size:20px 20px;border-left:1px solid var(--color-border-muted);display:flex;flex-direction:column;z-index:1000}.sidebar-body.svelte-3exez1{flex:1;overflow-y:auto;padding:12px}.sidebar-body.svelte-3exez1::-webkit-scrollbar{width:5px}.sidebar-body.svelte-3exez1::-webkit-scrollbar-track{background:transparent}.sidebar-body.svelte-3exez1::-webkit-scrollbar-thumb{background:#4b556366;border-radius:3px}.empty-state.svelte-3exez1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center}.empty-text.svelte-3exez1{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--color-text-tertiary)}.empty-hint.svelte-3exez1{margin:0;font-size:12px;color:var(--color-text-muted)}.effects-list.svelte-3exez1{display:flex;flex-direction:column;gap:6px}.effect-card.svelte-3exez1{background:var(--color-bg-subtle);border:1px solid var(--color-border-soft);border-radius:8px;padding:10px 12px;transition:all .15s ease;cursor:pointer}.effect-card.svelte-3exez1:hover,.effect-card.hovered.svelte-3exez1{background:var(--color-bg-panel-hover);border-color:color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.effect-card.flashed.svelte-3exez1{animation:svelte-3exez1-effect-flash .7s ease-out}@keyframes svelte-3exez1-effect-flash{0%{background:var(--color-accent-primary-soft);border-color:color-mix(in srgb,var(--color-accent-primary) 60%,transparent);box-shadow:0 0 color-mix(in srgb,var(--color-accent-primary) 24%,transparent)}35%{background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-accent-primary) 38%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent-primary) 10%,transparent)}to{background:var(--color-bg-subtle);border-color:var(--color-border-soft);box-shadow:0 0 0 0 transparent}}.effect-content.svelte-3exez1{display:flex;flex-direction:column;gap:6px}.effect-title.svelte-3exez1{font-size:12px;font-weight:500;color:var(--color-text-primary);line-height:1.5}.effect-title.svelte-3exez1 .colored-text{color:var(--color-accent-primary);font-weight:600}.effect-body.svelte-3exez1{font-size:11px;line-height:1.5;color:var(--color-text-tertiary);padding-left:10px;border-left:2px solid var(--color-accent-primary-soft)}.effect-body.svelte-3exez1 .colored-text{color:var(--color-accent-primary);font-weight:600}.effect-footer.svelte-3exez1{display:flex;align-items:center;gap:8px;margin-top:4px}.effect-sources.svelte-3exez1{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}.source-node.svelte-3exez1{display:flex;align-items:center;cursor:pointer;padding:2px;border-radius:4px;transition:all .15s ease}.source-node.svelte-3exez1:hover,.source-node.hovered.svelte-3exez1{background:var(--color-bg-subtle-strong)}.source-icon.svelte-3exez1{position:relative;width:22px;height:22px;border-radius:3px;overflow:hidden;background:#0000004d;border:1.5px solid var(--badge-color, #6b7280)}.source-icon.svelte-3exez1 img:where(.svelte-3exez1){width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.icon-placeholder.svelte-3exez1{width:100%;height:100%;background:var(--color-border-soft)}.secondary-badge.svelte-3exez1{position:absolute;bottom:-1px;right:-1px;background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:7px;font-weight:700;padding:0 2px;border-radius:2px;line-height:1.2}@media(max-width:768px){.sidebar.svelte-3exez1{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:100%;max-height:none;border-left:none;border-top:none;border-radius:0}.sidebar-body.svelte-3exez1{padding:12px;height:100%}}.timeline-container.svelte-18vhkmf{position:fixed;bottom:0;left:0;right:var(--sidebar-width, 320px);display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);transition:right .2s cubic-bezier(.4,0,.2,1);z-index:1002}.timeline-container.collapsed.svelte-18vhkmf{right:0}.timeline-controls.svelte-18vhkmf{display:flex;align-items:center;gap:6px;flex-shrink:0}.control-btn.svelte-18vhkmf{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-glass);border:1px solid var(--color-border-muted);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.control-btn.svelte-18vhkmf:hover:not(:disabled){background:var(--color-bg-panel-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.control-btn.svelte-18vhkmf:disabled{opacity:.3;cursor:not-allowed}.play-btn.svelte-18vhkmf{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.play-btn.svelte-18vhkmf:hover:not(:disabled){background:color-mix(in srgb,var(--color-success) 24%,transparent);border-color:var(--color-success)}.play-btn.playing.svelte-18vhkmf{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.play-btn.playing.svelte-18vhkmf:hover{background:color-mix(in srgb,var(--color-danger) 24%,transparent);border-color:var(--color-danger)}.slider-wrapper.svelte-18vhkmf{flex:1;display:flex;flex-direction:column;gap:4px;min-width:200px}.slider-track-container.svelte-18vhkmf{position:relative;height:24px;display:flex;align-items:center}.timeline-slider.svelte-18vhkmf{position:absolute;width:100%;height:100%;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:2}.timeline-slider.svelte-18vhkmf::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--color-border-default);border-radius:3px}.timeline-slider.svelte-18vhkmf::-moz-range-track{width:100%;height:6px;background:var(--color-border-default);border-radius:3px}.timeline-slider.svelte-18vhkmf::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-success);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0006;transition:transform .1s ease,box-shadow .15s ease;margin-top:-6px}.timeline-slider.svelte-18vhkmf::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px color-mix(in srgb,var(--color-success) 40%,transparent)}.timeline-slider.svelte-18vhkmf::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.timeline-slider.svelte-18vhkmf::-moz-range-thumb{width:18px;height:18px;background:var(--color-success);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0006;border:none;transition:transform .1s ease,box-shadow .15s ease}.timeline-slider.svelte-18vhkmf::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px color-mix(in srgb,var(--color-success) 40%,transparent)}.timeline-slider.svelte-18vhkmf::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1)}.timeline-slider.svelte-18vhkmf:focus{outline:none}.timeline-slider.svelte-18vhkmf:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 30%,transparent)}.track-fill.svelte-18vhkmf{position:absolute;top:50%;left:0;transform:translateY(-50%);height:6px;background:linear-gradient(90deg,var(--color-success) 0%,color-mix(in srgb,var(--color-success) 82%,black) 100%);border-radius:3px;pointer-events:none;z-index:1;max-width:calc(100% - 9px)}.milestone-markers.svelte-18vhkmf{position:absolute;width:100%;height:100%;pointer-events:none;z-index:3}.milestone.svelte-18vhkmf{position:absolute;top:50%;left:var(--milestone-left, 9px);transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-border-strong);border-radius:50%;border:1px solid var(--color-bg-surface);transition:background .2s ease,transform .15s ease,box-shadow .15s ease;pointer-events:auto;cursor:pointer;padding:0;margin:0}.milestone.active.svelte-18vhkmf{background:var(--color-success);box-shadow:0 0 6px color-mix(in srgb,var(--color-success) 50%,transparent)}.milestone.highlighted.svelte-18vhkmf{background:var(--color-accent-primary);box-shadow:0 0 8px color-mix(in srgb,var(--color-accent-primary) 60%,transparent);border-color:color-mix(in srgb,var(--color-accent-primary) 80%,transparent)}.milestone.svelte-18vhkmf:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 4px var(--color-bg-subtle-strong)}.milestone.highlighted.svelte-18vhkmf:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent-primary) 30%,transparent),0 0 8px color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}.step-display.svelte-18vhkmf{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--color-bg-glass);border:1px solid var(--color-border-muted);border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;color:var(--color-text-primary);flex-shrink:0;min-width:70px;justify-content:center}.current-step.svelte-18vhkmf{color:var(--color-success)}.separator.svelte-18vhkmf{color:var(--color-text-muted);opacity:.5}.total-steps.svelte-18vhkmf{color:var(--color-text-tertiary)}.speed-dropdown.svelte-18vhkmf{position:relative}.speed-toggle.svelte-18vhkmf{font-size:12px;font-weight:600;min-width:36px}.speed-menu.svelte-18vhkmf{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-default);border-radius:8px;padding:4px;z-index:1010;min-width:56px}.speed-option.svelte-18vhkmf{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:all .1s ease}.speed-option.svelte-18vhkmf:hover{background:var(--color-bg-subtle-strong);color:var(--color-text-primary)}.speed-option.active.svelte-18vhkmf{color:var(--color-success);background:var(--color-success-soft)}.step-display.mobile-only.svelte-18vhkmf{display:none}@media(max-width:768px){.step-display.desktop-only.svelte-18vhkmf{display:none}.step-display.mobile-only.svelte-18vhkmf{display:flex}.timeline-container.svelte-18vhkmf{padding:8px 12px 60px;gap:8px;flex-direction:column-reverse;align-items:stretch;height:auto}.timeline-controls.svelte-18vhkmf{justify-content:center;gap:8px;flex-wrap:nowrap}.control-btn.svelte-18vhkmf{width:40px;height:40px}.speed-dropdown.svelte-18vhkmf{order:0;margin-left:0}.speed-toggle.svelte-18vhkmf{width:auto;padding:0 12px;font-size:12px;height:40px}.step-display.svelte-18vhkmf{padding:8px 12px;font-size:12px;min-width:auto;position:static;order:0;background:var(--color-bg-glass);border:1px solid var(--color-border-muted);border-radius:6px}.timeline-slider.svelte-18vhkmf{height:32px}.slider-wrapper.svelte-18vhkmf{padding:4px 0}.milestone-markers.svelte-18vhkmf{display:none}}.page-layout.svelte-1uha8ag{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-area.svelte-1uha8ag{flex:1;position:relative;display:flex;overflow:hidden}.toolbar.svelte-1uha8ag{position:absolute;top:8px;left:12px;display:flex;align-items:center;gap:10px;z-index:999}.toolbar.svelte-1uha8ag>:where(.svelte-1uha8ag){pointer-events:auto}.layout-toggle.svelte-1uha8ag{display:flex;align-items:center;background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-default);border-radius:8px;padding:3px;gap:1px}.toggle-btn.svelte-1uha8ag{display:flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.toggle-btn.svelte-1uha8ag:hover:not(:disabled){color:var(--color-text-tertiary);background:var(--color-bg-subtle)}.toggle-btn.active.svelte-1uha8ag{background:var(--color-success-soft);color:var(--color-success)}.toggle-btn.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:16px;height:16px}.zoom-indicator.svelte-1uha8ag{position:absolute;bottom:88px;left:12px;padding:6px 10px;background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-default);border-radius:8px;font-size:11px;font-weight:500;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.points-indicator.svelte-1uha8ag{position:absolute;top:8px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-default);border-radius:8px;font-size:11px;font-weight:500;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.points-indicator.over-limit.svelte-1uha8ag{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.points-value.svelte-1uha8ag{font-weight:700;color:var(--color-success)}.points-indicator.over-limit.svelte-1uha8ag .points-value:where(.svelte-1uha8ag){color:var(--color-danger)}.points-separator.svelte-1uha8ag{margin:0 2px}.points-max.svelte-1uha8ag{font-weight:600}.points-label.svelte-1uha8ag{margin-left:4px;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.points-warning.svelte-1uha8ag{margin-left:8px;font-size:10px;font-weight:600}.container.svelte-1uha8ag{flex:1;position:relative;overflow:hidden;cursor:grab;background-color:var(--color-bg-canvas);background-image:radial-gradient(circle,var(--color-bg-grid-dot) 1px,transparent 1px);background-size:16px 16px;touch-action:none;user-select:none;-webkit-user-select:none}.container.svelte-1uha8ag:active{cursor:grabbing}#tree-svg.svelte-1uha8ag{width:100%;height:100%;contain:layout paint}#tree-svg>g{transform-origin:0 0}.tooltip.svelte-1uha8ag{position:fixed;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:12px;padding:16px;max-width:400px;font-size:13px;line-height:1.5;pointer-events:none;z-index:1010;display:none;box-shadow:var(--shadow-lg)}.sidebar.svelte-1uha8ag{width:var(--sidebar-width, 320px);display:flex;flex-direction:column;background:var(--color-bg-surface);border-left:1px solid var(--color-border-muted);overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1),border-left-color .2s ease;position:relative}.sidebar.collapsed.svelte-1uha8ag{width:0;min-width:0;border-left:none}.sidebar-collapse-handle.svelte-1uha8ag{position:absolute;right:var(--sidebar-width, 320px);top:50%;transform:translateY(-50%);width:28px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-bg-surface);border:1px solid var(--color-border-muted);border-right:none;border-radius:6px 0 0 6px;color:var(--color-text-muted);cursor:pointer;transition:right .2s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar-collapse-handle.svelte-1uha8ag:hover{color:var(--color-text-tertiary);background:var(--color-bg-surface-strong);border-color:var(--color-border-strong)}.sidebar-collapse-handle.collapsed.svelte-1uha8ag{right:0}.sidebar-content.svelte-1uha8ag{flex:1;overflow:hidden}.panel-toggle.svelte-1uha8ag{display:flex;border-bottom:1px solid var(--color-border-muted);flex-shrink:0}.panel-toggle-btn.svelte-1uha8ag{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:transparent;border:none;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent}.panel-toggle-btn.svelte-1uha8ag:hover{color:var(--color-text-tertiary);background:var(--color-bg-subtle)}.panel-toggle-btn.active.svelte-1uha8ag{color:var(--color-text-secondary);border-bottom-color:var(--color-accent-primary);background:var(--color-bg-subtle-strong)}.tab-count.svelte-1uha8ag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--color-accent-primary-soft);color:var(--color-accent-primary)}@media(max-width:768px){.toolbar.svelte-1uha8ag{top:90px;flex-direction:column;gap:8px}.zoom-indicator.svelte-1uha8ag,.points-indicator.svelte-1uha8ag{display:none}.toggle-btn.svelte-1uha8ag span:where(.svelte-1uha8ag){display:none}.toggle-btn.svelte-1uha8ag{padding:8px}.sidebar.svelte-1uha8ag,.sidebar-collapse-handle.svelte-1uha8ag{display:none}.container.svelte-1uha8ag{right:0}.mobile-drawer.svelte-1uha8ag{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:1010;pointer-events:none}.mobile-drawer.open.svelte-1uha8ag{pointer-events:auto}.mobile-drawer-handle.svelte-1uha8ag{position:fixed;left:0;right:0;bottom:0;height:44px;background:var(--color-bg-surface);border:none;border-top:1px solid var(--color-border-strong);border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;z-index:1011;box-shadow:var(--shadow-md);transition:bottom .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.mobile-drawer.open.svelte-1uha8ag .mobile-drawer-handle:where(.svelte-1uha8ag){bottom:calc(85vh - 44px);border-radius:0;border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-muted)}.handle-bar.svelte-1uha8ag{width:40px;height:5px;background:var(--color-text-muted);border-radius:3px}.mobile-drawer-content.svelte-1uha8ag{position:fixed;left:0;right:0;bottom:0;height:0;background:var(--color-bg-surface);border-radius:16px 16px 0 0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1),visibility .3s;display:flex;flex-direction:column;z-index:1010;visibility:hidden}.mobile-drawer.open.svelte-1uha8ag .mobile-drawer-content:where(.svelte-1uha8ag){height:85vh;visibility:visible}.mobile-drawer-tabs.svelte-1uha8ag{display:flex;border-bottom:1px solid var(--color-border-muted);flex-shrink:0;padding-top:44px;opacity:0;transition:opacity .2s ease .1s}.mobile-drawer.open.svelte-1uha8ag .mobile-drawer-tabs:where(.svelte-1uha8ag){opacity:1}.mobile-drawer-tab.svelte-1uha8ag{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:transparent;border:none;color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;min-height:48px}.mobile-drawer-tab.active.svelte-1uha8ag{color:var(--color-text-secondary);border-bottom-color:var(--color-accent-primary);background:var(--color-bg-subtle-strong)}.mobile-drawer-content.svelte-1uha8ag{display:flex;flex-direction:column;height:100%}.mobile-drawer-body.svelte-1uha8ag{flex:1;overflow-y:auto;min-height:0;opacity:0;transition:opacity .2s ease .1s}.mobile-drawer.open.svelte-1uha8ag .mobile-drawer-body:where(.svelte-1uha8ag){opacity:1}.mobile-drawer.open.svelte-1uha8ag:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-backdrop);z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media(min-width:769px){.mobile-drawer.svelte-1uha8ag{display:none!important}}