:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.shell{display:grid;gap:20px;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.panel,.preview-area{width:min(100%);margin:0 auto}.preview-area{width:min(100%,300px)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#0f766e;color:#fff;font-weight:800}h1{margin:0;font-size:1.55rem;line-height:1.15}p{margin:0}.brand p{margin-top:4px;color:#5b6472;font-size:.93rem}.form{display:grid;gap:14px}label{display:grid;gap:7px;color:#334155;font-weight:650}input{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;padding:12px 14px;outline:none}input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e29}.primary{min-height:52px;border:0;border-radius:8px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer}.primary:disabled{cursor:progress;opacity:.72}.status{min-height:22px;margin-top:14px;color:#475569;font-size:.95rem}.preview-area{display:grid;place-items:center}.ticket{width:min(100%,390px);overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 18px 45px #0f172a1a}.ticket-head{display:grid;gap:6px;padding:18px 18px 0;color:#000;text-align:center}.ticket-head p{font-size:1.8rem;opacity:.9}.ticket-head span{font-size:1.72rem;opacity:.9}.shop-name{font-size:43px;line-height:1.1;letter-spacing:0}.ticket-body{display:grid;gap:16px;padding:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:5px;min-width:0}.field span{color:#000;font-size:20px}.field .field-value{overflow-wrap:anywhere;color:#111827;font-size:26px;font-weight:400}.field .field-value.unit{font-size:28px}.qr{width:min(100%,200px);aspect-ratio:1;justify-self:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.qr:empty{background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.qr svg{display:block;width:100%;height:100%}.bank-line,.date{color:#475569;font-size:1.84rem}.bank-info{font-size:18px}.bank-line{display:flex;justify-content:space-between;gap:12px}.date{text-align:center}@media (min-width: 900px){.shell{grid-template-columns:minmax(320px,420px) minmax(390px,1fr);align-items:center;max-width:1080px;margin:0 auto;padding-inline:32px}.panel,.preview-area{width:100%}}.text-center{text-align:center}