html,body{margin:0;padding:0;height:100%;background-color:#1a191f}body{display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.container.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.5rem;font-family:system-ui,sans-serif;width:100%;max-width:600px}header.svelte-1uha8ag{text-align:center;color:#acc1d2;display:flex;align-items:center;justify-content:center;gap:1rem}main.svelte-1uha8ag{border-radius:1rem;display:grid;place-items:center;color:#acc1d2;border:2px dashed rgb(172,193,210);background-color:#1e1f24;cursor:pointer;min-height:250px;padding:1rem;box-sizing:border-box;-webkit-tap-highlight-color:transparent}main.svelte-1uha8ag:hover{background-color:#28292e}main.svelte-1uha8ag:active{background-color:#323338}main.svelte-1uha8ag.disabled{opacity:.5;cursor:not-allowed;border-color:#787878}main.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;text-align:center}.key-section.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem}.key-section.svelte-1uha8ag label:where(.svelte-1uha8ag){color:#acc1d2;font-size:.875rem;word-break:break-word}.key-url-row.svelte-1uha8ag{display:flex;gap:.5rem}.key-url-row.svelte-1uha8ag input:where(.svelte-1uha8ag){flex:1;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgb(172,193,210);background-color:#1e1f24;color:#acc1d2;font-size:.875rem;box-sizing:border-box}.key-url-row.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:none;border-color:#6496c8}.key-section.svelte-1uha8ag textarea:where(.svelte-1uha8ag){width:100%;height:220px;padding:.75rem;border-radius:.5rem;border:1px solid rgb(172,193,210);background-color:#1e1f24;color:#acc1d2;font-family:monospace;font-size:.875rem;resize:vertical;box-sizing:border-box}.key-section.svelte-1uha8ag textarea:where(.svelte-1uha8ag):focus{outline:none;border-color:#6496c8}.key-section.svelte-1uha8ag .error:where(.svelte-1uha8ag){color:#ff6464;font-size:.875rem;margin:0}.key-section.svelte-1uha8ag .success:where(.svelte-1uha8ag){color:#64c864;font-size:.875rem;margin:0}@media(max-width:480px){.container.svelte-1uha8ag{gap:1rem}main.svelte-1uha8ag{min-height:220px}.key-section.svelte-1uha8ag textarea:where(.svelte-1uha8ag){height:200px;font-size:.7rem}}