*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #050508;--bg-secondary: #0a0a0f;--bg-tertiary: #111118;--bg-panel: #0d0d12;--text-primary: #c8c8d0;--text-secondary: #5a5a6e;--text-dim: #3a3a4a;--accent: #4fc3f7;--accent-bright: #7dd3fc;--accent-dim: #1e5a75;--accent-glow: rgba(79, 195, 247, .15);--border: #1a1a28;--border-subtle: #141420}html,body,#app{height:100%;width:100%;background:var(--bg-primary);color:var(--text-primary);font-family:DM Mono,SF Mono,Fira Code,monospace;font-weight:400}button{font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;border-radius:2px;transition:all .12s ease;font-size:12px;text-transform:uppercase;letter-spacing:.5px}button:hover{background:var(--bg-tertiary);border-color:var(--accent-dim);box-shadow:0 0 12px var(--accent-glow)}button.primary{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 8px var(--accent-glow),inset 0 0 8px var(--accent-glow)}button.primary:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-glow)}input,select,textarea{font-family:inherit;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:2px;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 8px var(--accent-glow)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a5a6e' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]{-webkit-appearance:none;background:transparent;padding:0}input[type=range]::-webkit-slider-track{height:4px;background:var(--bg-tertiary);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;margin-top:-6px;cursor:pointer}input[type=color]{padding:2px;width:40px;height:32px;cursor:pointer}label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.icon-picker.svelte-zsg1jl{padding:16px}.icon-grid.svelte-zsg1jl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.icon-btn.svelte-zsg1jl{aspect-ratio:1;padding:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.icon-btn.svelte-zsg1jl:hover{border-color:var(--accent-dim);background:var(--bg-primary)}.icon-btn.selected.svelte-zsg1jl{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 12px #4fc3f74d}.icon-btn.svelte-zsg1jl svg{width:24px;height:24px;fill:var(--text-secondary);transition:fill .15s ease}.icon-btn.svelte-zsg1jl:hover svg,.icon-btn.selected.svelte-zsg1jl svg{fill:var(--accent)}canvas.svelte-29a3{width:100%;height:100%;display:block}.controls.svelte-1y71c66{padding:16px;border-top:1px solid var(--border)}h3.svelte-1y71c66{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.control-group.svelte-1y71c66{margin-bottom:16px}.control-group.svelte-1y71c66 label:where(.svelte-1y71c66){display:block;margin-bottom:6px}.control-group.svelte-1y71c66 input[type=range]:where(.svelte-1y71c66){width:100%}.control-group.svelte-1y71c66 input[type=text]:where(.svelte-1y71c66),.control-group.svelte-1y71c66 select:where(.svelte-1y71c66){width:100%}.control-row.svelte-1y71c66{display:flex;gap:16px}.control-row.svelte-1y71c66 .control-group:where(.svelte-1y71c66){flex:1}.presets.svelte-1y71c66{margin-top:24px}.presets.svelte-1y71c66 label:where(.svelte-1y71c66){display:block;margin-bottom:8px}.preset-buttons.svelte-1y71c66{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-buttons.svelte-1y71c66 button:where(.svelte-1y71c66){font-size:11px;padding:8px}.checkbox-group.svelte-1y71c66{margin-top:8px}.checkbox-label.svelte-1y71c66{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-primary)}.checkbox-label.svelte-1y71c66 input[type=checkbox]:where(.svelte-1y71c66){width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.app.svelte-1n46o8q{display:flex;flex-direction:column;height:100%}header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.header-left.svelte-1n46o8q{display:flex;align-items:center;gap:12px}h1.svelte-1n46o8q{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:2px}h1.svelte-1n46o8q .accent:where(.svelte-1n46o8q){color:var(--accent)}.help-btn.svelte-1n46o8q{width:24px;height:24px;padding:0;font-size:12px;font-weight:500;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-color:var(--border-subtle)}.help-btn.svelte-1n46o8q:hover{color:var(--accent);border-color:var(--accent-dim)}main.svelte-1n46o8q{display:flex;flex:1;overflow:hidden}.sidebar.svelte-1n46o8q{width:300px;border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow-y:auto}.input-tabs.svelte-1n46o8q{display:flex;border-bottom:1px solid var(--border)}.input-tabs.svelte-1n46o8q button:where(.svelte-1n46o8q){flex:1;border:none;border-radius:0;padding:10px;background:transparent;color:var(--text-secondary);font-size:11px}.input-tabs.svelte-1n46o8q button.active:where(.svelte-1n46o8q){color:var(--accent);background:var(--bg-tertiary);border-bottom:1px solid var(--accent)}.preview.svelte-1n46o8q{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary)}.upload-area.svelte-1n46o8q{padding:20px;text-align:center}.upload-area.svelte-1n46o8q input[type=file]:where(.svelte-1n46o8q){display:none}.upload-label.svelte-1n46o8q{display:block;padding:40px 20px;border:1px dashed var(--border);border-radius:2px;cursor:pointer;transition:all .12s ease;font-size:12px;color:var(--text-secondary)}.upload-label.svelte-1n46o8q:hover{border-color:var(--accent-dim);background:var(--bg-tertiary);color:var(--accent)}.paste-area.svelte-1n46o8q{padding:16px;display:flex;flex-direction:column;gap:12px}.paste-area.svelte-1n46o8q textarea:where(.svelte-1n46o8q){resize:vertical;min-height:120px;font-size:11px}.embed-options.svelte-1n46o8q{padding:16px;border-top:1px solid var(--border)}.embed-options.svelte-1n46o8q h3:where(.svelte-1n46o8q){font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.embed-options.svelte-1n46o8q .control-group:where(.svelte-1n46o8q){margin-bottom:12px}.embed-options.svelte-1n46o8q label:where(.svelte-1n46o8q){display:block;margin-bottom:6px;font-size:11px}.embed-options.svelte-1n46o8q select:where(.svelte-1n46o8q),.embed-options.svelte-1n46o8q input:where(.svelte-1n46o8q){width:100%}.fixed-dims.svelte-1n46o8q{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}footer.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;border-top:1px solid var(--border);background:var(--bg-secondary);font-size:10px;color:var(--text-dim)}.footer-left.svelte-1n46o8q{letter-spacing:1px}.footer-links.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.footer-links.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--text-secondary);text-decoration:none;transition:color .12s ease}.footer-links.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:var(--accent)}.footer-links.svelte-1n46o8q .divider:where(.svelte-1n46o8q){color:var(--border)}.modal-overlay.svelte-1n46o8q{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.svelte-1n46o8q{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:14px;font-weight:500;letter-spacing:1px}.modal-header.svelte-1n46o8q h2:where(.svelte-1n46o8q) .accent:where(.svelte-1n46o8q){color:var(--accent)}.close-btn.svelte-1n46o8q{width:28px;height:28px;padding:0;font-size:18px;line-height:1;border-radius:2px;display:flex;align-items:center;justify-content:center}.modal-content.svelte-1n46o8q{padding:20px}.modal-content.svelte-1n46o8q section:where(.svelte-1n46o8q){margin-bottom:20px}.modal-content.svelte-1n46o8q section:where(.svelte-1n46o8q):last-child{margin-bottom:0}.modal-content.svelte-1n46o8q h3:where(.svelte-1n46o8q){font-size:11px;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.modal-content.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:12px;line-height:1.6;color:var(--text-secondary)}.modal-content.svelte-1n46o8q ul:where(.svelte-1n46o8q){list-style:none;font-size:12px;line-height:1.8;color:var(--text-secondary)}.modal-content.svelte-1n46o8q li:where(.svelte-1n46o8q) strong:where(.svelte-1n46o8q){color:var(--text-primary)}