:root{color:#17202a;font-synthesis:none;text-rendering:geometricprecision;background:#e7ebee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}.app-shell{background:linear-gradient(90deg,#17202a14 1px,#0000 1px) 0 0/16px 16px,linear-gradient(0deg,#17202a0f 1px,#0000 1px) 0 0/16px 16px,#edf0f2;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:100vh;display:grid}.tool-panel{z-index:1;background:#f7f8f5;border-right:1px solid #b7c0c8;flex-direction:column;gap:18px;min-height:100vh;padding:22px;display:flex;box-shadow:7px 0 24px #2c374224}.brand-row{border-bottom:1px solid #d7d4c7;align-items:center;gap:13px;padding-bottom:8px;display:flex}.mark{color:#f7f8f5;background:#1f2d3a;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}h1{letter-spacing:0;margin:0;font-size:1.45rem;line-height:1.05}p{color:#66717a;margin:4px 0 0;font-size:.92rem}.field{gap:8px;display:grid}.field span{color:#4c5963;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:750}input[type=text],input:not([type]),select{color:#17202a;background:#fffdf5;border:1px solid #b8c1c8;border-radius:7px;outline:none;width:100%;min-height:42px;padding:10px 12px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1c68a940}input[type=range]{accent-color:#1f2d3a}.swatches{grid-template-columns:repeat(4,42px);gap:9px;display:grid}.swatch{cursor:pointer;background:#fffdf5;border:1px solid #b8c1c8;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.swatch i{border-radius:50%;width:23px;height:23px;display:block;box-shadow:inset 0 0 0 4px #ffffff47}.swatch.active{border-color:#1f2d3a;box-shadow:0 0 0 3px #1f2d3a24}.segmented{background:#e9ece8;border:1px solid #b8c1c8;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:3px;padding:3px;display:grid}.segmented button{color:#4a5660;cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:6px;min-height:35px}.segmented button.active{color:#111920;background:#fffdf5;box-shadow:0 1px 4px #212b3424}.primary,.download{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-weight:760;text-decoration:none;display:inline-flex}.primary{color:#fffdf5;cursor:pointer;background:#1f2d3a;margin-top:4px}.primary:disabled{cursor:wait;opacity:.72}.download{color:#10253a;background:#dceadf;border:1px solid #a4bca9}.preview-stage{align-content:center;place-items:center;gap:18px;min-height:100vh;padding:clamp(20px,5vw,58px);display:grid}.printer-bar{color:#475460;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:min(100%,860px);font-size:.75rem;font-weight:850;display:grid}.printer-bar span{background:repeating-linear-gradient(90deg,#1f2d3a 0 18px,#68737d 18px 30px);border-radius:99px;height:8px}canvas{aspect-ratio:19/9;width:min(100%,860px);height:auto;max-height:calc(100vh - 170px);image-rendering:pixelated;background:#f7f3df;border:1px solid #89939c;border-radius:8px;display:block;box-shadow:0 18px 38px #1e273038}@media (width<=820px){.app-shell{grid-template-columns:1fr}.tool-panel{border-bottom:1px solid #b7c0c8;border-right:0;min-height:auto;box-shadow:0 7px 24px #2c37421f}.preview-stage{min-height:auto;padding:18px}}