.preview-section.svelte-1rfvs7n{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:color-mix(in srgb,var(--bg-deep) 50%,transparent);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.preview-item.svelte-1rfvs7n{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--text-secondary)}.preview-item.svelte-1rfvs7n svg:where(.svelte-1rfvs7n){color:var(--primary-1);flex-shrink:0}.preview-item.svelte-1rfvs7n strong:where(.svelte-1rfvs7n){color:var(--text-primary)}.theme-option.svelte-1rfvs7n{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:color-mix(in srgb,var(--primary-1) 8%,transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--primary-1) 20%,transparent)}.toggle-label.svelte-1rfvs7n{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.toggle-input.svelte-1rfvs7n{display:none}.toggle-switch.svelte-1rfvs7n{width:40px;height:22px;background:color-mix(in srgb,var(--primary-2) 30%,transparent);border-radius:11px;position:relative;flex-shrink:0;transition:background var(--transition-fast)}.toggle-switch.svelte-1rfvs7n:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:transform var(--transition-fast)}.toggle-input.svelte-1rfvs7n:checked+.toggle-switch:where(.svelte-1rfvs7n){background:var(--accent-1)}.toggle-input.svelte-1rfvs7n:checked+.toggle-switch:where(.svelte-1rfvs7n):after{transform:translate(18px)}.toggle-text.svelte-1rfvs7n{display:flex;flex-direction:column;gap:2px}.toggle-text.svelte-1rfvs7n strong:where(.svelte-1rfvs7n){color:var(--text-primary);font-size:.9rem}.theme-name.svelte-1rfvs7n{font-size:.75rem;color:var(--text-muted)}.theme-preview.svelte-1rfvs7n{display:flex;gap:3px}.theme-preview.svelte-1rfvs7n span:where(.svelte-1rfvs7n){width:16px;height:16px;border-radius:var(--radius-sm)}.no-theme-note.svelte-1rfvs7n{margin:0;padding:var(--space-md);background:color-mix(in srgb,var(--bg-deep) 50%,transparent);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-muted)}.error-message.svelte-1rfvs7n{padding:var(--space-md);background:color-mix(in srgb,var(--accent-2) 15%,transparent);border:1px solid var(--accent-2);border-radius:var(--radius-md);color:var(--accent-2);font-size:.9rem;margin-top:var(--space-lg)}.loading-text.svelte-g57nfa{text-align:center;color:var(--text-muted);padding:var(--space-xl)}.edit-grid.svelte-g57nfa{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-xl);align-items:start}.panel-title.svelte-g57nfa{margin:0 0 var(--space-lg) 0;font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.error-banner.svelte-g57nfa{background:color-mix(in srgb,var(--accent-2) 15%,transparent);border:1px solid var(--accent-2);border-radius:var(--radius-md);padding:var(--space-md);color:var(--accent-2);font-size:.9rem;margin-bottom:var(--space-lg)}.form-fields.svelte-g57nfa{display:flex;flex-direction:column;gap:var(--space-lg)}.toggle-field.svelte-g57nfa{padding:var(--space-sm) 0}.toggle-label.svelte-g57nfa{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.toggle-input.svelte-g57nfa{display:none}.toggle-switch.svelte-g57nfa{width:44px;height:24px;background:color-mix(in srgb,var(--primary-2) 30%,transparent);border-radius:12px;position:relative;flex-shrink:0;transition:background var(--transition-fast)}.toggle-switch.svelte-g57nfa:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-primary);border-radius:50%;transition:transform var(--transition-fast)}.toggle-input.svelte-g57nfa:checked+.toggle-switch:where(.svelte-g57nfa){background:var(--accent-1);box-shadow:0 0 12px color-mix(in srgb,var(--accent-1) 50%,transparent)}.toggle-input.svelte-g57nfa:checked+.toggle-switch:where(.svelte-g57nfa):after{transform:translate(20px)}.toggle-text.svelte-g57nfa strong:where(.svelte-g57nfa){color:var(--text-primary)}.public-url.svelte-g57nfa{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:color-mix(in srgb,var(--primary-1) 10%,transparent);border-radius:var(--radius-md)}.url-label.svelte-g57nfa{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.url-row.svelte-g57nfa{display:flex;align-items:center;gap:var(--space-xs)}.url-link.svelte-g57nfa{display:flex;align-items:center;gap:var(--space-xs);flex:1;min-width:0;font-family:var(--font-mono);font-size:.8rem;color:var(--primary-1);text-decoration:none;transition:color var(--transition-fast)}.url-link.svelte-g57nfa:hover{color:var(--accent-1)}.url-text.svelte-g57nfa{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-icon.svelte-g57nfa{flex-shrink:0;opacity:.5}.url-link.svelte-g57nfa:hover .external-icon:where(.svelte-g57nfa){opacity:1}.copy-url-btn.svelte-g57nfa{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.copy-url-btn.svelte-g57nfa:hover{background:color-mix(in srgb,var(--primary-2) 15%,transparent);color:var(--primary-1)}.username-warning.svelte-g57nfa{padding:var(--space-md);background:color-mix(in srgb,var(--neon-yellow) 10%,transparent);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary)}.username-warning.svelte-g57nfa a:where(.svelte-g57nfa){color:var(--primary-1)}.theme-field.svelte-g57nfa{display:flex;flex-direction:column;gap:var(--space-sm)}.theme-label.svelte-g57nfa{font-size:.9rem;font-weight:500;color:var(--text-primary)}.theme-hint.svelte-g57nfa{font-size:.8rem;color:var(--text-muted);margin:0}.theme-grid.svelte-g57nfa{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-sm);max-height:200px;overflow-y:auto;padding:var(--space-sm);background:color-mix(in srgb,var(--bg-deep) 40%,transparent);border-radius:var(--radius-md)}.theme-option.svelte-g57nfa{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-option.svelte-g57nfa:hover{background:color-mix(in srgb,var(--primary-2) 10%,transparent)}.theme-option.selected.svelte-g57nfa{border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 10%,transparent)}.theme-preview.svelte-g57nfa{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden}.theme-preview.svelte-g57nfa span:where(.svelte-g57nfa){width:100%;height:100%}.theme-name.svelte-g57nfa{font-size:.65rem;color:var(--text-muted);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-option.selected.svelte-g57nfa .theme-name:where(.svelte-g57nfa){color:var(--text-primary)}.form-actions.svelte-g57nfa{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid color-mix(in srgb,var(--primary-2) 10%,transparent)}.examples-panel.svelte-g57nfa{display:flex;flex-direction:column;gap:var(--space-md)}.examples-header.svelte-g57nfa{display:flex;justify-content:space-between;align-items:center}.examples-header.svelte-g57nfa .panel-title:where(.svelte-g57nfa){margin:0}.header-actions.svelte-g57nfa{display:flex;gap:var(--space-sm);align-items:center}.header-actions.svelte-g57nfa button{display:flex;align-items:center;gap:var(--space-xs)}.empty-examples.svelte-g57nfa{text-align:center;padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.empty-examples.svelte-g57nfa p:where(.svelte-g57nfa){margin:0;color:var(--text-muted)}.examples-list.svelte-g57nfa{display:flex;flex-direction:column;gap:var(--space-sm)}.example-item.svelte-g57nfa{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--bg-card);border:1px solid color-mix(in srgb,var(--primary-2) 15%,transparent);border-radius:var(--radius-md)}.example-thumb.svelte-g57nfa{width:80px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.example-info.svelte-g57nfa{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.example-title.svelte-g57nfa{font-weight:500;color:var(--text-primary)}.example-stats.svelte-g57nfa{display:flex;gap:var(--space-sm);align-items:center}.example-clicks.svelte-g57nfa{font-size:.8rem;color:var(--text-muted)}.example-comments.svelte-g57nfa{font-size:.8rem;color:var(--primary-4);text-decoration:none;transition:color var(--transition-fast)}.example-comments.svelte-g57nfa:hover{color:var(--primary-3);text-decoration:underline}.example-actions.svelte-g57nfa{display:flex;gap:var(--space-xs)}.order-btn.svelte-g57nfa,.remove-btn.svelte-g57nfa{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid color-mix(in srgb,var(--primary-2) 20%,transparent);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.order-btn.svelte-g57nfa:hover:not(:disabled){border-color:var(--primary-1);color:var(--primary-1)}.order-btn.svelte-g57nfa:disabled{opacity:.3;cursor:not-allowed}.remove-btn.svelte-g57nfa:hover{border-color:var(--accent-2);color:var(--accent-2)}.modal-backdrop.svelte-g57nfa{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:100}.modal.svelte-g57nfa{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--primary-2) 20%,transparent);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header.svelte-g57nfa{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--primary-2) 10%,transparent)}.modal-header.svelte-g57nfa h3:where(.svelte-g57nfa){margin:0;color:var(--text-primary)}.close-btn.svelte-g57nfa{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs)}.close-btn.svelte-g57nfa:hover{color:var(--text-primary)}.modal-content.svelte-g57nfa{padding:var(--space-lg);overflow-y:auto;flex:1;min-height:0}.no-examples.svelte-g57nfa{text-align:center;color:var(--text-muted);padding:var(--space-lg)}.available-examples.svelte-g57nfa{display:flex;flex-direction:column;gap:var(--space-sm)}.available-item.svelte-g57nfa{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:color-mix(in srgb,var(--bg-deep) 30%,transparent);border-radius:var(--radius-md)}.available-thumb.svelte-g57nfa{width:100px;height:60px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.available-info.svelte-g57nfa{flex:1}.available-title.svelte-g57nfa{font-weight:500;color:var(--text-primary)}.modal-search.svelte-g57nfa{position:relative;display:flex;align-items:center;margin-bottom:var(--space-md)}.modal-search-icon.svelte-g57nfa{position:absolute;left:var(--space-sm);color:var(--text-muted);pointer-events:none}.modal-search-input.svelte-g57nfa{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-sm) + 24px);padding-right:36px;background:color-mix(in srgb,var(--bg-deep) 50%,transparent);border:1px solid color-mix(in srgb,var(--primary-2) 20%,transparent);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.modal-search-input.svelte-g57nfa::placeholder{color:var(--text-muted)}.modal-search-input.svelte-g57nfa:focus{outline:none;border-color:var(--primary-1);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-1) 15%,transparent)}.modal-search-clear.svelte-g57nfa{position:absolute;right:var(--space-xs);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:color-mix(in srgb,var(--text-muted) 20%,transparent);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-search-clear.svelte-g57nfa:hover{background:color-mix(in srgb,var(--primary-1) 20%,transparent);color:var(--primary-1)}@media(max-width:900px){.edit-grid.svelte-g57nfa{grid-template-columns:1fr}}