.hb [hidden]{display:none!important}.hb{--hb-red:#c8102e;--hb-line:#d9d9d9;max-width:1240px;margin:0 auto;padding:32px 16px 64px;color:#111}
.hb-head{max-width:680px;margin-bottom:28px}.hb-head h1{margin:4px 0 8px}.hb-kicker{color:var(--hb-red);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;margin:0}
.hb-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.hb-preview-wrap{position:sticky;top:24px}.hb-preview{position:relative;aspect-ratio:1;background:#fff;border:1px solid var(--hb-line);overflow:hidden;touch-action:none}
.hb-preview>img{width:100%;height:100%;object-fit:contain;display:block}
.hb-logo{position:absolute;left:42%;top:40%;width:20%;transform:translate(-50%,-50%);cursor:move;border:1px dashed var(--hb-red);display:flex;align-items:center;justify-content:center;min-height:28px}
.hb-logo img{width:100%;display:block;pointer-events:none}.hb-logo span{font-size:12px;background:#fff;padding:2px 4px;pointer-events:none}
.hb-step{border-top:3px solid #111;padding:16px 0 24px}.hb-step h2{font-size:20px;margin:0 0 14px;display:flex;gap:10px;align-items:center}.hb-step h2 span{background:var(--hb-red);color:#fff;width:28px;height:28px;display:grid;place-items:center;font-size:14px;border-radius:50%}
.hb-field{display:block;font-weight:600;font-size:14px;margin:0 0 12px}.hb-field select,.hb-field input[type=text],.hb-field input[type=file],.hb-field textarea,.hb-row select,.hb-row input,.hb-place select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #777;border-radius:4px;background:#fff;font:inherit;font-weight:400;box-sizing:border-box}
.hb-row{display:grid;grid-template-columns:minmax(0,1fr) 104px 76px 32px;gap:8px;align-items:end;margin-bottom:10px;font-size:14px;font-weight:600}.hb-row button{height:42px;border:0;background:none;font-size:20px;cursor:pointer}
.hb-link{background:none;border:0;padding:0;color:var(--hb-red);font-weight:700;cursor:pointer}.hb-note{font-size:13px;color:#555;margin:8px 0}
.hb-place{border:1px solid var(--hb-line);padding:12px;margin-bottom:10px;font-size:14px}.hb-place label{display:flex;gap:8px;align-items:center;font-weight:600}.hb-place .hb-sub{margin:10px 0 0 24px}.hb-place .hb-sub label{font-weight:400;margin-top:8px}.hb-place select{margin-top:4px}.hb-place .hb-sub .hb-field{display:block;font-weight:600}
.hb-colors{border:0;padding:0;margin:12px 0}.hb-colors legend{font-weight:600;font-size:14px;padding:0;margin-bottom:6px}#hbChips{display:flex;flex-wrap:wrap;gap:6px}#hbChips button{border:1px solid #777;background:#fff;border-radius:16px;padding:5px 10px;cursor:pointer;font-size:13px}#hbChips button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}#hbChips button{display:inline-flex;align-items:center;gap:6px}#hbChips i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none}
.hb-sum{display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:14px}.hb-sum strong{font-size:18px;border-top:1px solid #111;padding-top:8px;margin-top:4px}
.hb-errors{color:var(--hb-red);font-size:14px;padding-left:18px}.hb-errors:empty{display:none}
.hb-buy{width:100%;padding:15px;background:var(--hb-red);color:#fff;border:0;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer}.hb-buy:disabled{background:#999;cursor:not-allowed}
@media(max-width:800px){.hb-grid{grid-template-columns:1fr}.hb-preview-wrap{position:static}}
@media(max-width:480px){.hb-row{grid-template-columns:minmax(0,1fr) 76px 32px}.hb-row label:first-child{grid-column:1/-1}}