:root{--bg-main:#e5e7eb;--bg-card:#f3f4f6;--bg-card-dark:#e0e1e3;--text-main:#23272f;--text-subtle:#44474e;--border-main:#b0b3b8;--accent:#a5b4fc;--accent-hover:#818cf8;--btn-bg:#6366f1;--btn-bg-hover:#4f46e5;--btn-text:#fff;--input-bg:#e5e7eb;--input-border:#b0b3b8}.center.svelte-1n46o8q{background:var(--bg-main);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.card.svelte-1n46o8q{background:var(--bg-card);border:1.5px solid var(--border-main);border-radius:16px;flex-direction:column;align-items:center;gap:1.5em;width:100%;max-width:420px;padding:2.5em 2em 2em;display:flex;box-shadow:0 4px 24px #3c3c3c12}h1.svelte-1n46o8q{color:var(--text-main);text-align:center;margin-bottom:.5em;font-size:1.3em;font-weight:600}.file-label.svelte-1n46o8q{background:var(--accent);color:var(--text-main);cursor:pointer;border:1px solid var(--border-main);border-radius:8px;margin-bottom:.5em;padding:.7em 1.5em;font-weight:500;transition:background .2s;display:inline-block}.file-label.svelte-1n46o8q:hover{background:var(--accent-hover)}.file-label.svelte-1n46o8q input[type=file]:where(.svelte-1n46o8q){display:none}.media-preview.svelte-1n46o8q{background:var(--bg-card-dark);border:1px solid var(--border-main);border-radius:8px;width:100%;max-width:380px;margin-top:1em;box-shadow:0 2px 8px #3c3c3c0a}.share-box.svelte-1n46o8q{align-items:center;gap:.5em;width:100%;margin-top:1em;display:flex}.share-url.svelte-1n46o8q{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-subtle);border-radius:6px;flex:1;padding:.5em .7em;font-size:1em}.copy-btn.svelte-1n46o8q{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border:none;border:1px solid var(--border-main);border-radius:6px;padding:.5em 1em;font-weight:500;transition:background .2s}.copy-btn.svelte-1n46o8q:hover{background:var(--btn-bg-hover)}@media (width<=600px){.card.svelte-1n46o8q{max-width:98vw;padding:1.2em .5em 1.5em}.media-preview.svelte-1n46o8q{max-width:98vw}}