.canvas-wrapper.svelte-dfb6jk{position:fixed;inset:0;z-index:0;background:#000;transition:top .3s ease,right .3s ease,bottom .3s ease}.canvas-wrapper.bounded.svelte-dfb6jk{top:var(--nav-h, 60px);right:300px;bottom:0;left:0}@media(max-width:768px){.canvas-wrapper.bounded.svelte-dfb6jk{top:var(--nav-h, 48px);right:0;bottom:60vh;left:0}}canvas.svelte-dfb6jk{display:block;width:100%;height:100%}.fs-hint.svelte-mpvf39{position:fixed;top:.75rem;right:.75rem;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.fs-hint.visible.svelte-mpvf39{opacity:1;pointer-events:auto}.fs-exit-btn.svelte-mpvf39{display:flex;align-items:center;gap:.4rem;background:#06061099;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .2s ease}.fs-exit-btn.svelte-mpvf39:hover{background:#ffffff14;color:var(--text-primary)}.detail-topbar.svelte-mpvf39{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:var(--nav-h);background:#06061099;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-bottom:1px solid var(--border-faint);z-index:30;gap:.5rem}.topbar-btn.svelte-mpvf39{display:flex;align-items:center;gap:.4rem;border-radius:var(--radius-sm);padding:.4rem .85rem;font-size:.8rem;cursor:pointer;font-family:inherit;transition:all .2s ease;letter-spacing:.01em}.back-btn.svelte-mpvf39{background:var(--bg-glass-lt);border:1px solid var(--border-faint);color:var(--text-secondary)}.back-btn.svelte-mpvf39:hover{background:var(--bg-glass-md);color:var(--text-primary);border-color:var(--border-subtle)}.fullscreen-btn.svelte-mpvf39{background:#7ecfff14;border:1px solid rgba(126,207,255,.2);color:var(--accent-blue)}.fullscreen-btn.svelte-mpvf39:hover{background:#7ecfff26;border-color:#7ecfff59}.panel-toggle-btn.svelte-mpvf39{background:var(--bg-glass-lt);border:1px solid var(--border-faint);color:var(--text-muted);padding:.4rem .55rem;flex-shrink:0}.panel-toggle-btn.svelte-mpvf39:hover{background:var(--bg-glass-md);color:var(--text-primary);border-color:var(--border-subtle)}.panel-toggle-btn.panel-open.svelte-mpvf39{color:var(--accent-blue);border-color:#7ecfff59;background:#7ecfff14}.panel-reopen-btn.svelte-mpvf39{position:fixed;bottom:1.25rem;right:1.25rem;z-index:26;display:flex;align-items:center;gap:.4rem;background:#060610bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.45rem .9rem;border-radius:99px;font-size:.78rem;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.panel-reopen-btn.svelte-mpvf39:hover{background:#7ecfff1a;color:var(--accent-blue);border-color:#7ecfff59}.detail-title-wrap.svelte-mpvf39{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;pointer-events:none}.topbar-right.svelte-mpvf39{display:flex;align-items:center;gap:.5rem}.detail-cat-badge.svelte-mpvf39{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-violet);background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);padding:.2rem .55rem;border-radius:99px}.detail-title.svelte-mpvf39{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.settings-panel.svelte-mpvf39{position:fixed;top:var(--nav-h);right:0;bottom:0;width:300px;background:#060610d9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-left:1px solid var(--border-faint);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem;z-index:25;transform:translate(0);transition:transform .35s cubic-bezier(.4,0,.2,1)}.settings-panel.panel-closed.svelte-mpvf39{transform:translate(110%)}.panel-effect-info.svelte-mpvf39{display:flex;flex-direction:column;gap:.6rem}.panel-effect-header.svelte-mpvf39{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.panel-effect-name.svelte-mpvf39{font-size:1rem;font-weight:700;color:var(--text-primary);flex:1}.panel-featured-badge.svelte-mpvf39{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);padding:.2rem .5rem;border-radius:99px}.panel-effect-desc.svelte-mpvf39{font-size:.78rem;line-height:1.65;color:var(--text-secondary)}.panel-tags.svelte-mpvf39{display:flex;flex-wrap:wrap;gap:.3rem}.panel-tag.svelte-mpvf39{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.panel-divider.svelte-mpvf39{height:1px;background:var(--border-faint);margin:0 -1.5rem}.panel-section-label.svelte-mpvf39{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.controls-list.svelte-mpvf39{display:flex;flex-direction:column;gap:1rem}.ctrl-group.svelte-mpvf39{display:flex;flex-direction:column;gap:.5rem}.ctrl-header.svelte-mpvf39{display:flex;justify-content:space-between;align-items:center}.ctrl-header.svelte-mpvf39 label:where(.svelte-mpvf39){font-size:.8rem;color:var(--text-secondary);cursor:pointer;font-weight:500}.ctrl-val.svelte-mpvf39{font-size:.72rem;color:var(--accent-blue);font-family:var(--font-mono);background:#7ecfff14;padding:.1rem .4rem;border-radius:4px}.range-wrap.svelte-mpvf39{display:flex;flex-direction:column;gap:.3rem}.settings-panel.svelte-mpvf39 input[type=range]:where(.svelte-mpvf39){width:100%;accent-color:var(--accent-blue);height:4px;cursor:pointer;border-radius:99px}.range-track-labels.svelte-mpvf39{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.color-wrap.svelte-mpvf39{display:flex;align-items:center;gap:.6rem}.settings-panel.svelte-mpvf39 input[type=color]:where(.svelte-mpvf39){width:40px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:2px;flex-shrink:0}.color-val.svelte-mpvf39{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary)}.toggle-label.svelte-mpvf39{display:flex;align-items:center;gap:.6rem;cursor:pointer}.toggle-label.svelte-mpvf39 input[type=checkbox]:where(.svelte-mpvf39){display:none}.toggle-track.svelte-mpvf39{width:36px;height:20px;border-radius:99px;background:#ffffff1a;border:1px solid var(--border-subtle);position:relative;transition:all .25s ease;flex-shrink:0}.toggle-label.svelte-mpvf39 input:where(.svelte-mpvf39):checked~.toggle-track:where(.svelte-mpvf39){background:#7ecfff4d;border-color:#7ecfff80}.toggle-thumb.svelte-mpvf39{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#ffffff80;transition:all .25s ease}.toggle-label.svelte-mpvf39 input:where(.svelte-mpvf39):checked~.toggle-track:where(.svelte-mpvf39) .toggle-thumb:where(.svelte-mpvf39){left:18px;background:var(--accent-blue)}.toggle-state.svelte-mpvf39{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.select-wrap.svelte-mpvf39{position:relative}.settings-panel.svelte-mpvf39 select:where(.svelte-mpvf39){width:100%;background:#0f0f1e;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.45rem 2rem .45rem .65rem;font-family:inherit;font-size:.8rem;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;transition:border-color .2s}.settings-panel.svelte-mpvf39 select:where(.svelte-mpvf39):focus{border-color:var(--border-accent)}.settings-panel.svelte-mpvf39 select:where(.svelte-mpvf39) option:where(.svelte-mpvf39){background:#0f0f1e;color:var(--text-primary)}.select-chevron.svelte-mpvf39{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.text-input.svelte-mpvf39{width:100%;background:var(--bg-glass-lt);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.45rem .65rem;font-family:inherit;font-size:.8rem;outline:none;transition:border-color .2s}.text-input.svelte-mpvf39:focus{border-color:var(--border-accent)}.text-input.svelte-mpvf39::placeholder{color:var(--text-muted)}.file-upload-btn.svelte-mpvf39{position:relative;display:flex;align-items:center;gap:.45rem;width:100%;padding:.5rem .8rem;background:#7ecfff0f;border:1px solid rgba(126,207,255,.18);border-radius:var(--radius-sm);color:var(--accent-blue);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s;box-sizing:border-box}.file-upload-btn.svelte-mpvf39:hover{background:#7ecfff1f;border-color:#7ecfff59}.settings-hint.svelte-mpvf39{padding-top:1.25rem;font-size:.72rem;color:var(--text-muted);text-align:center}.settings-hint.svelte-mpvf39 kbd:where(.svelte-mpvf39){background:var(--bg-glass-md);border:1px solid var(--border-faint);padding:.1rem .45rem;border-radius:5px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.share-btn.svelte-mpvf39{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.55rem .8rem;margin-top:.5rem;background:#a78bfa14;border:1px solid rgba(167,139,250,.25);border-radius:var(--radius-sm);color:var(--accent-violet);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.share-btn.svelte-mpvf39:hover{background:#a78bfa29;border-color:#a78bfa73}.share-btn.share-copied.svelte-mpvf39{background:#34d3991a;border-color:#34d39959;color:#34d399}.share-btn.share-uploading.svelte-mpvf39{background:#fbbf2414;border-color:#fbbf244d;color:#fbbf24;cursor:wait;opacity:.8}.share-btn.svelte-mpvf39:disabled{pointer-events:none}.spin.svelte-mpvf39{animation:svelte-mpvf39-spin-share .9s linear infinite}@keyframes svelte-mpvf39-spin-share{to{transform:rotate(360deg)}}@media(max-width:768px){.detail-title-wrap.svelte-mpvf39{display:none}.fullscreen-btn.svelte-mpvf39 span:where(.svelte-mpvf39){display:none}.back-btn.svelte-mpvf39 span:where(.svelte-mpvf39){display:none}.back-btn.svelte-mpvf39,.fullscreen-btn.svelte-mpvf39{padding:.4rem .55rem}.settings-panel.svelte-mpvf39{width:100%;inset:auto 0 0;height:60vh;border-left:none;border-top:1px solid var(--border-faint);border-radius:20px 20px 0 0;transform:translateY(0)}.settings-panel.panel-closed.svelte-mpvf39{transform:translateY(110%)}.panel-reopen-btn.svelte-mpvf39{bottom:1rem;right:50%;transform:translate(50%)}}