.home-container.svelte-3b6yrr{max-width:100%}.mode-selector.svelte-3b6yrr{display:flex;gap:12px;margin-bottom:24px;background:#f8f9fa;padding:4px;border-radius:12px}.mode-btn.svelte-3b6yrr{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666}.mode-btn.active.svelte-3b6yrr{background:#4caf50;color:#fff;box-shadow:0 2px 8px #4caf504d}.manual-input.svelte-3b6yrr{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.input-group.svelte-3b6yrr small:where(.svelte-3b6yrr){display:block;color:#888;font-size:12px;margin-top:4px}.submit-btn.svelte-3b6yrr{width:100%;margin-top:8px;font-size:18px;padding:16px}.qr-input.svelte-3b6yrr{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.qr-scanner-placeholder.svelte-3b6yrr{text-align:center;padding:40px 20px}.qr-icon.svelte-3b6yrr{font-size:64px;margin-bottom:16px}.qr-scanner-placeholder.svelte-3b6yrr h3:where(.svelte-3b6yrr){margin-bottom:12px;color:#2c3e50}.qr-scanner-placeholder.svelte-3b6yrr p:where(.svelte-3b6yrr){color:#666;margin-bottom:24px;line-height:1.5}.qr-scanner-video.svelte-3b6yrr{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.home-container.svelte-3b6yrr{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.home-container.svelte-3b6yrr h1:where(.svelte-3b6yrr),.home-container.svelte-3b6yrr>p:where(.svelte-3b6yrr){grid-column:1 / -1}.mode-selector.svelte-3b6yrr{grid-column:1 / -1;max-width:400px;margin:0 auto 32px}.manual-input.svelte-3b6yrr,.qr-input.svelte-3b6yrr{grid-column:1 / -1;max-width:600px;margin:0 auto}.manual-input.svelte-3b6yrr .input-group:where(.svelte-3b6yrr){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-bottom:24px}.manual-input.svelte-3b6yrr .input-group:where(.svelte-3b6yrr):nth-child(odd){grid-column:1}.manual-input.svelte-3b6yrr .input-group:where(.svelte-3b6yrr):nth-child(2n){grid-column:2}.submit-btn.svelte-3b6yrr{grid-column:1 / -1;max-width:400px;margin:24px auto 0}.qr-scanner-placeholder.svelte-3b6yrr{padding:60px 40px}.qr-icon.svelte-3b6yrr{font-size:96px}}@media (min-width: 1024px){.manual-input.svelte-3b6yrr .input-group:where(.svelte-3b6yrr){grid-template-columns:repeat(2,1fr)}}