/* Palette adapted from the prepaid model's web/styles.css; no user assets copied. */
:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#263c33;background:#f6f5f0;--green:#244c3e;--line:#dedfd4;--muted:#66746a;--paper:#fffefa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b57d56;outline-offset:4px}a{color:inherit}header{max-width:1100px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:5px;color:var(--muted)}.badge{font-size:12px;background:#e8eadf;border-radius:30px;padding:8px 12px}main{max-width:1100px;margin:auto;padding:24px 32px 140px}.preview-note{padding:14px 18px;background:#eee8da;border:1px solid #ddd3be;border-radius:10px;font-size:13px;line-height:1.7;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:34px;letter-spacing:-1.3px;margin:12px 0}h2{font-size:21px;margin:0 0 16px}h3{margin:0 0 10px;font-size:18px}p{line-height:1.8;margin:10px 0}.muted,small{color:var(--muted)}.balance{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:#e7ebdf;border-radius:16px;margin:26px 0}.balance strong{font-size:32px}.balance p{margin:6px 0;font-size:14px}.products{border:0;margin:28px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.products legend{font-size:21px;font-weight:700;margin-bottom:16px}.product{position:relative;border:1px solid var(--line);border-radius:16px;padding:26px 22px;background:var(--paper);cursor:pointer;min-height:210px}.product.selected{border:2px solid var(--green);padding:25px 21px;background:#f0f2e8}.product input{accent-color:var(--green);width:19px;height:19px;position:absolute;right:18px;top:18px}.product .count{font-size:22px;font-weight:700;display:block;margin:5px 0 26px}.price{font-size:29px;letter-spacing:-1px;font-weight:700;display:block}.product small{display:block;margin:9px 0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px;margin:20px 0}.checkout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.row{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;font-size:20px;font-weight:700}.primary,.secondary,.text-button{border-radius:9px;padding:14px 20px;background:var(--green);color:white}.secondary{background:transparent;color:var(--green);border:1px solid #bdc8ba}.text-button{background:transparent;color:var(--green);padding:8px;text-decoration:underline}.wide{width:100%}.terms{font-size:13px;line-height:1.8}.terms li{margin-bottom:6px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.7;margin:16px 0}.consent input{margin-top:4px;accent-color:var(--green)}.tabs,.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.tabs button{padding:10px 18px;border-radius:30px;background:#e9eade;color:var(--green)}.tabs button.active{background:var(--green);color:white}.list{display:grid;gap:12px}.record{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--paper);overflow-wrap:anywhere}.record-top{display:flex;justify-content:space-between;gap:15px}.record small{display:block;line-height:1.8}.status{font-size:12px;white-space:nowrap}.empty{text-align:center;padding:45px 15px;color:var(--muted)}.success{border-left:4px solid var(--green)}.warning{color:#8a4d26}details{font-size:14px;line-height:1.8}summary{cursor:pointer;font-weight:700}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffefaf5;border-top:1px solid var(--line);padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:10px;z-index:5}nav button{padding:12px 30px;background:transparent;color:var(--muted);border-radius:9px}nav .active{background:#e7ebdf;color:var(--green);font-weight:700}#message{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);max-width:90%;background:#263c33;color:white;border-radius:12px;padding:14px 20px;z-index:10;display:none}#message.visible{display:block}.demo-controls{border-style:dashed}.mini{font-size:12px}.error{color:#913c2a}.banner{padding:18px;background:#e7ebdf;border-radius:12px;margin:18px 0}@media(max-width:650px){header{padding:20px}.badge{font-size:10px}main{padding:20px 18px 130px}h1{font-size:28px}.products{gap:9px}.product{padding:20px 12px;min-height:190px}.product.selected{padding:19px 11px}.product .count{font-size:19px}.price{font-size:23px}.product small{font-size:11px}.product input{right:10px;top:12px;width:16px;height:16px}.checkout{grid-template-columns:1fr;gap:0}.panel{padding:20px}.balance{padding:20px;align-items:flex-start;flex-direction:column;gap:6px}nav{gap:0}nav button{padding:12px 0;flex:1}.record-top{flex-wrap:wrap}}
:root textarea { width:100%; padding:12px; margin:12px 0; font:inherit; box-sizing:border-box; }
.tryon-result { display:block; width:100%; max-width:480px; height:auto; border-radius:12px; }
#photo { display:block; margin:16px 0 24px; }
.merchant-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.merchant-summary strong{display:block;font-size:24px;margin-top:12px}.merchant-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.merchant-form label{display:flex;flex-direction:column;gap:8px}.merchant-form .full{grid-column:1/-1}input,select{max-width:100%}select,.merchant-form input,#setup input,.actions input,.actions select{padding:10px;border:1px solid var(--line);border-radius:6px;background:white;font:inherit}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th:first-child{text-align:left}#records{display:grid;gap:12px}[hidden]{display:none!important}@media(max-width:650px){.merchant-summary{grid-template-columns:1fr 1fr}.merchant-form{grid-template-columns:1fr}.merchant-summary strong{font-size:20px}}
