*{box-sizing:border-box}main.svelte-1n46o8q{font-family:system-ui,-apple-system,sans-serif;color:#1c1c1e;background:#f2f2f7;min-height:100vh;padding:2rem;max-width:900px;margin:0 auto}@media (prefers-color-scheme: dark){main.svelte-1n46o8q{color:#f2f2f7;background:#1c1c1e}}h1.svelte-1n46o8q{font-size:2rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.subtitle.svelte-1n46o8q{color:#636366;margin:0 0 1.5rem;font-size:.95rem}@media (prefers-color-scheme: dark){.subtitle.svelte-1n46o8q{color:#8e8e93}}.dropzone.svelte-1n46o8q{border:2px dashed #c7c7cc;border-radius:12px;padding:2rem;margin:0 0 1rem;text-align:center;cursor:pointer;transition:border-color .2s;background:#fff}@media (prefers-color-scheme: dark){.dropzone.svelte-1n46o8q{border-color:#3a3a3c;background:#2c2c2e}}.dropzone.svelte-1n46o8q:hover{border-color:#007aff}.dropzone.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0;color:#636366}.loaded.svelte-1n46o8q{color:#34c759!important;font-size:.875rem;margin-top:.5rem!important}.error.svelte-1n46o8q{color:#ff3b30;background:#fff0ef;border:1px solid #ff3b30;border-radius:8px;padding:.75rem 1rem;margin:0 0 1rem;font-size:.875rem}@media (prefers-color-scheme: dark){.error.svelte-1n46o8q{background:#2c1010}}#stage.svelte-1n46o8q{display:block;border-radius:8px;border:1px solid #e5e5ea;margin:0 0 1.5rem;width:100%;max-width:800px}@media (prefers-color-scheme: dark){#stage.svelte-1n46o8q{border-color:#3a3a3c}}.port-selector.svelte-1n46o8q{display:flex;align-items:center;gap:.75rem}.port-selector.svelte-1n46o8q label:where(.svelte-1n46o8q){font-weight:500;font-size:.95rem;white-space:nowrap}.port-selector.svelte-1n46o8q select:where(.svelte-1n46o8q){padding:.5rem .75rem;font-size:.95rem;min-width:220px;border:1px solid #c7c7cc;border-radius:8px;background:#fff;color:#1c1c1e;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}@media (prefers-color-scheme: dark){.port-selector.svelte-1n46o8q select:where(.svelte-1n46o8q){border-color:#3a3a3c;background:#2c2c2e;color:#f2f2f7}}