:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#171719;background:#0d0d0e;font-family:Inter,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{background:#0d0d0e;min-height:100vh;padding:72px clamp(24px,8vw,180px) 32px}.app-header,.workspace{width:min(100%,960px);margin-inline:auto}.app-header{justify-content:space-between;align-items:center;margin-bottom:clamp(44px,8vh,80px);display:flex}.brand{color:#f4f1f2;letter-spacing:0;font-size:1.17rem;font-weight:800;text-decoration:none}.workspace{grid-template-columns:.88fr 1.08fr;align-items:center;gap:clamp(24px,3vw,40px);display:grid}.controls{gap:8px;display:grid}.field-card{border-radius:32px;grid-template-rows:auto 46px 16px;gap:12px;height:142px;padding:23px 24px 17px;display:grid}.field-label{color:#171719b8;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.field-label small{letter-spacing:.05em;opacity:.64;margin-left:5px;font-size:.62rem;font-weight:800}.field-id{background:#f1d93c}.field-passcode{background:#52bf7e}input{color:#1c1c1e;background:#ffffff7a;border:0;border-radius:14px;outline:none;width:100%;height:46px;padding:0 16px;font-size:.92rem;font-weight:650}.passcode-input{display:block;position:relative}.passcode-input input{padding-right:68px}.visibility-button{color:#171719b8;background:#17171917;border:0;border-radius:10px;min-width:50px;height:36px;font-size:.7rem;font-weight:850;position:absolute;top:5px;right:6px}.visibility-button:hover{background:#17171929}.field-error,.field-helper{white-space:nowrap;min-height:16px;margin:0;overflow:hidden}.field-error{color:#6d1818;font-size:.69rem;font-weight:750;line-height:1.35}input::placeholder{color:#1f1f2061}input:focus{background:#ffffffb3;box-shadow:0 0 0 3px #ffffff5c}.preview{background:#af97cf;border-radius:32px;grid-template-rows:auto auto;align-content:center;align-items:center;gap:18px;min-height:600px;padding:54px 32px 24px;display:grid;position:relative;overflow:hidden}.status{z-index:2;color:#211d25;opacity:1;background:#ffffff8c;border-radius:999px;min-height:30px;margin:0;padding:7px 11px;font-size:.72rem;font-weight:800;transition:opacity .16s;position:absolute;top:20px;left:24px}.status:empty{opacity:0;pointer-events:none}.status[data-state=error]{color:#7d1f19;background:#ffe2df}.preview-empty{color:#1c181f8c;letter-spacing:.04em;place-items:center;font-size:.82rem;font-weight:850;display:grid;position:absolute;inset:0}.preview[data-empty=false] .preview-empty{display:none}.preview[data-empty=true] .qr-stage{visibility:hidden}.qr-stage{aspect-ratio:1;background:#faf8ff;border-radius:46% 54% 51% 49%/51% 43% 57% 49%;justify-self:center;place-items:center;width:min(100%,320px);padding:14px;display:grid}canvas{aspect-ratio:1;background:#fff;width:100%;display:block}.output-bottom{justify-content:center;align-items:center;width:100%;display:flex}.output-actions{align-items:center;gap:18px;display:flex}.copy-button,.download-button,.copy-url-button{color:#1b181dc7;letter-spacing:.04em;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:7px;min-height:44px;padding:0 4px;font-size:.74rem;font-weight:900;line-height:1;display:inline-flex}.copy-button:disabled,.download-button:disabled,.copy-url-button:disabled{color:#1b181d4d;cursor:not-allowed;border-bottom-color:#0000}.button-icon{place-items:center;width:17px;font-size:1.1rem;font-weight:500;display:grid}.copy-button:hover,.download-button:hover,.copy-url-button:hover{color:#1b181d;border-bottom-color:#1b181d}.copy-button:disabled:hover,.download-button:disabled:hover,.copy-url-button:disabled:hover{color:#1b181d4d;border-bottom-color:#0000}.bottom-actions{justify-content:flex-end;margin-top:10px;display:flex}.reset-button{color:#f2f1f3;letter-spacing:.05em;background:#202023;border:1px solid #343438;border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;font-size:.74rem;font-weight:850;display:inline-flex}.reset-icon{font-size:1.05rem;font-weight:500;line-height:1}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff}.reset-button:hover{color:#18181a;background:#f7f7f8;border-color:#f7f7f8}@media (width<=740px){.shell{padding:30px 18px 36px}.app-header{margin-bottom:36px}.workspace{grid-template-columns:1fr;gap:20px}.preview{grid-template-rows:auto auto;min-height:520px}.bottom-actions{margin-top:12px}}@media (width<=420px){.field-card{border-radius:26px;height:136px;padding:20px 20px 15px}.preview{border-radius:26px;min-height:500px;padding:46px 20px 20px}.qr-stage{width:min(100%,250px)}.output-actions{gap:10px}}