:root{--bg: #1a1a2e;--surface: #222240;--border: #3a3a5c;--text: #e0e0e8;--text-muted: #8888a8;--accent: #6c63ff;--accent-hover: #7b73ff;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#app{display:flex;height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;color:var(--text);background:var(--surface)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.search-bar.svelte-yyldap{display:flex;align-items:center;gap:8px;padding:12px 0}input.svelte-yyldap{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--surface);color:var(--text)}input.svelte-yyldap:focus{outline:none;border-color:var(--accent)}.spinner.svelte-yyldap{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-yyldap-spin .6s linear infinite}@keyframes svelte-yyldap-spin{to{transform:rotate(360deg)}}.card.svelte-k79o1k{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid transparent;border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .15s}.card.svelte-k79o1k:hover{border-color:var(--border)}.card.selected.svelte-k79o1k{border-color:var(--accent)}img.svelte-k79o1k{width:80px;height:80px;object-fit:contain}.label.svelte-k79o1k{font-size:11px;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.grid.svelte-12i4tla{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;overflow-y:auto;max-height:calc(100vh - 200px);padding:4px 0}.hint.svelte-12i4tla{color:var(--text-muted);font-size:13px;text-align:center;padding:24px 0}.swatch.svelte-1prctuf{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--surface)}.swatch.skipped.svelte-1prctuf{opacity:.4}.color-chip.svelte-1prctuf{width:28px;height:28px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.info.svelte-1prctuf{flex:1;display:flex;align-items:center;gap:6px}.row.svelte-1prctuf{display:flex;align-items:center;gap:6px;flex:1}input[type=color].svelte-1prctuf{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer}.name-input.svelte-1prctuf{flex:1;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;min-width:0}.skip-btn.svelte-1prctuf{font-size:11px;padding:2px 8px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted)}.skip-btn.svelte-1prctuf:hover{border-color:var(--accent);color:var(--text)}.palette-panel.svelte-tc3x6e{display:flex;flex-direction:column;gap:8px;padding:8px 0}.controls.svelte-tc3x6e{display:flex;align-items:center;gap:12px}label.svelte-tc3x6e{font-size:13px;display:flex;align-items:center;gap:8px;color:var(--text-muted)}input[type=range].svelte-tc3x6e{width:120px}.loading.svelte-tc3x6e{font-size:12px;color:var(--accent)}.swatches.svelte-tc3x6e{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.block-config.svelte-uhkc7z{padding:8px 0;display:flex;flex-direction:column;gap:6px}h3.svelte-uhkc7z{font-size:14px;font-weight:600;margin:0}.row.svelte-uhkc7z{display:flex;align-items:center;gap:8px}label.svelte-uhkc7z{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.radio-group.svelte-uhkc7z{gap:12px}.label.svelte-uhkc7z{color:var(--text-muted)}input[type=range].svelte-uhkc7z{width:100px}input[type=radio].svelte-uhkc7z,input[type=checkbox].svelte-uhkc7z{accent-color:var(--accent)}.text-label.svelte-uhkc7z{flex:1}.text-input.svelte-uhkc7z{flex:1;padding:3px 6px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:13px}.text-input.svelte-uhkc7z:focus{outline:none;border-color:var(--accent)}input[type=color].svelte-uhkc7z{width:32px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:none}.export-panel.svelte-17nkvtk{display:flex;gap:8px;padding:12px 0}.btn.svelte-17nkvtk{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.btn.svelte-17nkvtk:hover:not(:disabled){border-color:var(--accent)}.btn.svelte-17nkvtk:disabled{opacity:.4;cursor:default}.btn.primary.svelte-17nkvtk{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary.svelte-17nkvtk:hover:not(:disabled){background:var(--accent-hover)}.attribution.svelte-j5ntyh{font-size:11px;color:var(--text-muted);text-align:center;padding:8px 0}.attribution.svelte-j5ntyh a{color:var(--accent)}.viewport.svelte-1mxgw6n{width:100%;height:100%;position:relative}canvas.svelte-1mxgw6n{display:block;width:100%;height:100%}.backdrop.svelte-apjqso{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal.svelte-apjqso{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:420px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}header.svelte-apjqso{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--border)}h2.svelte-apjqso{margin:0;font-size:16px;font-weight:700;color:var(--text)}.close-btn.svelte-apjqso{background:none;border:none;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 2px}.close-btn.svelte-apjqso:hover{color:var(--text)}.body.svelte-apjqso{padding:12px 18px;overflow-y:auto}dl.svelte-apjqso{margin:0}dt.svelte-apjqso{font-weight:600;font-size:13px;color:var(--accent);margin-top:10px}dt.svelte-apjqso:first-child{margin-top:0}dd.svelte-apjqso{margin:2px 0 0;font-size:13px;color:var(--text);line-height:1.45}.icon.svelte-apjqso{display:inline-block;width:1.3em;text-align:center}footer.svelte-apjqso{padding:10px 18px 14px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.primary-btn.svelte-apjqso{padding:6px 18px;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.primary-btn.svelte-apjqso:hover{filter:brightness(1.15)}.sidebar.svelte-1n46o8q{width:350px;min-width:350px;height:100vh;padding:16px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.title-row.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between}.title.svelte-1n46o8q{font-size:18px;font-weight:700;margin:0}.title-actions.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.help-btn.svelte-1n46o8q{width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.help-btn.svelte-1n46o8q:hover{color:var(--accent);border-color:var(--accent)}.lang-select.svelte-1n46o8q{padding:2px 4px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer}.lang-select.svelte-1n46o8q:focus{outline:none;border-color:var(--accent)}.github-link.svelte-1n46o8q{color:var(--text-muted);display:flex;align-items:center}.github-link.svelte-1n46o8q:hover{color:var(--accent)}.main.svelte-1n46o8q{flex:1;display:flex;align-items:stretch;justify-content:stretch;position:relative}.viewport-wrapper.svelte-1n46o8q{width:100%;height:100%;position:relative}.status-overlay.svelte-1n46o8q,.error-overlay.svelte-1n46o8q{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:6px;font-size:13px;z-index:10;border:1px solid var(--border);max-width:80%;text-align:center}.status-overlay.svelte-1n46o8q{background:var(--surface);color:var(--accent)}.error-overlay.svelte-1n46o8q{background:#3e1a1a;color:#ff6b6b;border-color:#5c2a2a}.back-btn.svelte-1n46o8q{padding:4px 0;border:none;background:transparent;color:var(--accent);font-size:13px;text-align:left}.back-btn.svelte-1n46o8q:hover{text-decoration:underline}.diagnostics.svelte-1n46o8q{font-size:11px;color:var(--text-muted);padding:8px 0}.diagnostics.svelte-1n46o8q summary:where(.svelte-1n46o8q){cursor:pointer;color:var(--accent)}.diagnostics.svelte-1n46o8q ul:where(.svelte-1n46o8q){margin:4px 0;padding-left:16px}.diagnostics.svelte-1n46o8q li:where(.svelte-1n46o8q){padding:1px 0;word-break:break-all}.placeholder.svelte-1n46o8q{color:var(--text-muted);font-size:14px;margin:auto}