:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Inter,Segoe UI,Helvetica Neue,Arial,Liberation Sans,sans-serif;background:linear-gradient(120deg,#f8fafc,#e0e7ff)}.container.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}h1.svelte-1n46o8q{font-size:2.2rem;font-weight:700;letter-spacing:.01em;color:#2d3748;margin-bottom:.5em;text-shadow:0 2px 8px #e0e7ff}.card.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:.7em;padding:2em 2.5em;border-radius:18px;background:#fffffff2;box-shadow:0 4px 24px #a5b4fc33,0 1.5px 6px #0001;min-width:260px;max-width:350px}label.svelte-1n46o8q{font-size:1.1rem;font-weight:500;color:#6366f1;margin-bottom:.2em;letter-spacing:.01em}select.svelte-1n46o8q{font-size:1.1rem;padding:.5em 1.2em .5em .7em;border-radius:8px;border:1.5px solid #c7d2fe;background:#f1f5ff;color:#373a47;outline:none;box-shadow:0 1px 4px #a5b4fc22;transition:border .2s}select.svelte-1n46o8q:focus{border:1.5px solid #6366f1;background:#fff}.screen-blocks.svelte-1n46o8q{display:flex;gap:2.5em;justify-content:center;margin-top:2em}.screen-block.svelte-1n46o8q{background:#f8fafc;border-radius:16px;box-shadow:0 2px 10px #a5b4fc22;padding:2em 2.5em 1.5em;min-width:220px;display:flex;flex-direction:column;align-items:center;border:2.5px solid #e0e7ff}.min-block.svelte-1n46o8q{border-color:#38bdf8}.max-block.svelte-1n46o8q{border-color:#a78bfa}.block-label.svelte-1n46o8q{font-size:1.05rem;font-weight:600;color:#6366f1;margin-bottom:.7em;letter-spacing:.03em;text-transform:uppercase}.block-pixel.svelte-1n46o8q{font-size:2.2rem;font-weight:700;color:#22223b;margin-bottom:.3em;letter-spacing:.01em;text-align:center}.block-unit.svelte-1n46o8q{font-size:1.1rem;color:#6366f1;margin-left:.2em}.block-device.svelte-1n46o8q{font-size:.98rem;color:#7c7c8a;margin-top:.2em;text-align:center;opacity:.7}