@font-face{font-family:Amatic SC;src:url(./AmaticSC-Bold-BUanmJIF.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--ink:#1c1a17;--paper:#faf7f2;--line:#d8d2c7;--muted:#8a8378;--ok:#2e6b3f}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{flex-direction:column;align-items:center;gap:20px;max-width:860px;min-height:100%;margin:0 auto;padding:40px 20px 32px;display:flex}.intro{text-align:center}.logo{width:120px;height:120px;margin:0 auto 16px;display:block}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:.72rem}h1{letter-spacing:-.01em;font-size:1.4rem;font-weight:650}.subtitle{color:var(--muted);margin-top:6px;font-size:.95rem}.model-choice{gap:8px;display:flex}.model-option{color:var(--muted);border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .12s}.model-option:hover{opacity:.8}.model-option.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.model-option:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.name-field{width:min(100%,520px)}#name-input{border:none;border-bottom:2px solid var(--ink);text-align:center;letter-spacing:.04em;width:100%;color:var(--ink);background:0 0;border-radius:0;padding:0 8px 2px;font-family:Amatic SC,cursive;font-size:clamp(2.6rem,9vw,4rem);font-weight:700}#name-input::placeholder{color:var(--line)}#name-input:focus-visible{border-bottom-color:var(--muted);outline:none}#viewer{width:100%;height:clamp(320px,52vh,560px);position:relative}#preview{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#preview:active{cursor:grabbing}.hint{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}.order{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100%,520px);display:flex}#email-step[hidden]{display:none}#email-step{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.email-label{color:var(--muted);font-size:.85rem}#email-input{text-align:center;width:min(100%,360px);color:var(--ink);border:1.5px solid var(--muted);background:0 0;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:1rem}#email-input:focus-visible{border-color:var(--ink);outline:none}.error{color:#b3261e}#order-button,#submit-order{width:100%;color:var(--paper);background:var(--ink);cursor:pointer;border:none;border-radius:8px;padding:15px 48px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:opacity .12s}#order-button:hover:not(:disabled),#submit-order:hover:not(:disabled){opacity:.85}#order-button:focus-visible,#submit-order:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#order-button:disabled,#submit-order:disabled{opacity:.35;cursor:not-allowed}.note{color:var(--muted);font-size:.85rem}.confirmation{color:var(--ok);font-size:.95rem;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){#order-button{transition:none}}