:root{color:#111;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{min-height:100vh;padding:32px}.hero{justify-content:space-between;align-items:end;gap:24px;max-width:1380px;margin:0 auto 24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#8b6f47;margin:0 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.07em;max-width:920px;margin:0;font-size:clamp(40px,7vw,96px);line-height:.88}.subtitle{color:#5f574d;max-width:680px;font-size:18px}.grid{grid-template-columns:420px 1fr;gap:24px;max-width:1380px;margin:0 auto;display:grid}.panel{background:#ffffffb8;border:1px solid #1e140a1f;border-radius:28px;box-shadow:0 24px 80px #281e0a14}.controls{gap:16px;padding:22px;display:grid}.controls>*{min-width:0}label{color:#3b352d;gap:8px;font-size:13px;font-weight:800;display:grid}input,select,textarea{color:#151515;background:#fff;border:1px solid #14141429;border-radius:14px;width:100%;padding:12px 14px}.font-select{font-size:17px;font-weight:900}input[type=color]{width:56px;height:32px;padding:4px}textarea{resize:vertical;min-height:310px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.two label{min-width:0}.number-preview{letter-spacing:-.08em;background:#fbfaf7;border:1px dashed #1414142e;border-radius:22px;place-items:center;width:100%;max-width:100%;min-height:132px;font-size:108px;font-weight:950;line-height:.82;display:grid;overflow:hidden}.checkbox-row{background:#ffffff9e;border:1px solid #1414141f;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px}.checkbox-row input{width:20px;height:20px;margin-top:2px;padding:0}.checkbox-row span{gap:3px;display:grid}.checkbox-row small{color:#746b60;font-weight:650;line-height:1.25}.primary,.secondary,.upload{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-weight:900;display:inline-flex}.primary{color:#fff;background:#111;min-width:180px}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#111;background:#fd6;margin:16px auto 22px}.upload{color:#111;background:#ede2cf;border:1px dashed #14141447}.upload input{display:none}.preview{flex-direction:column;min-height:760px;padding:22px;display:flex}.canvas{background:#fbfaf7;border-radius:20px;flex:1;place-items:center;display:grid;overflow:hidden}.canvas svg{width:auto;max-width:100%;height:auto;max-height:720px}.empty{color:#7b746b;border:1px dashed #14141433;border-radius:20px;flex:1;place-items:center;display:grid}.error{color:#971b0c;background:#ffe8e2;border-radius:14px;padding:12px 14px;font-weight:700}.report{color:#21420f;background:#e9f7df;border-radius:14px;gap:4px;padding:12px 14px;font-size:13px;display:grid}.report span{font-weight:600}@media (width<=980px){.hero{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}.app{padding:18px}}