:root{--ink:#1c2b45;--canvas:#e4e7ec;--canvas-2:#f6f7f9;--gold:#c99a3c;--gold-deep:#a9791f;--sage:#5c6b52;--line:#c7cdd6;--muted:#616b7d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--canvas);-webkit-text-size-adjust:100%;min-height:100vh;padding:40px 16px;font-family:Courier New,ui-monospace,monospace}.tag-wrap{background:var(--canvas-2);border:2px dashed var(--ink);border-radius:4px;max-width:660px;margin:0 auto;position:relative}.tag-wrap:before{content:"";background:var(--ink);border:2px dashed var(--gold);z-index:2;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.crest-badge{z-index:3;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.crest-badge svg{width:14px;height:14px;display:block}.tag-header{border-bottom:2px dashed var(--ink);text-align:center;background:var(--ink);color:var(--canvas-2);border-radius:2px 2px 0 0;padding:36px 32px 22px}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:11px;font-weight:700}.tag-title{letter-spacing:.01em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:900}.tag-sub{color:#c6ccda;letter-spacing:.03em;margin:8px 0 0;font-size:12.5px}.section{border-bottom:1px dashed var(--line);padding:26px 32px}.section:last-of-type{border-bottom:none}.section-label{text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-family:Georgia,serif;font-size:13px;font-weight:700}.section-hint{color:var(--muted);margin:0 0 16px;font-size:11.5px;line-height:1.5}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field{flex-direction:column;flex:180px;gap:5px;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.field input{border:1.5px solid var(--ink);background:var(--canvas-2);color:var(--ink);border-radius:3px;width:100%;padding:9px 10px;font-family:inherit;font-size:16px}.field input:focus{outline:2px solid var(--gold-deep);outline-offset:1px}.field-error{color:#9b2c2c;letter-spacing:.02em;font-size:10.5px;font-weight:700}.style-group{margin-bottom:22px}.style-group:last-child{margin-bottom:0}.style-group-title{align-items:center;gap:8px;margin:0 0 10px;font-family:Georgia,serif;font-size:14px;font-weight:700;display:flex}.style-group-title:before{content:"";background:var(--gold-deep);border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.style-price{letter-spacing:.04em;color:var(--gold-deep);margin-left:auto;font-family:Courier New,monospace;font-size:11.5px;font-weight:700}.color-block{border:1.5px solid var(--line);border-radius:6px;margin-bottom:14px;overflow:hidden}.color-block:last-child{margin-bottom:0}.color-block-head{background:var(--canvas);align-items:center;gap:10px;padding:12px 16px;display:flex}.color-dot{border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;width:16px;height:16px}.color-block-name{letter-spacing:.03em;font-size:13px;font-weight:700}.color-block-tag{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:10px;margin-left:auto;padding:3px 8px;font-size:9.5px;font-weight:700}.color-block-tag.adult-only{color:var(--gold-deep);background:#efe1c2}.color-block-tag.all-ages{color:var(--ink);background:#dce3ef}.color-block-body{padding:4px 16px 14px}.thumb-pair{flex-shrink:0;gap:6px;display:flex}.thumb-btn{border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:4px;width:44px;height:44px;padding:0;position:relative;overflow:hidden}.thumb-btn img{object-fit:cover;width:100%;height:100%;display:block}.thumb-btn:after{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#fff;background:#1c2b45bf;padding:1px 0;font-size:7px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.thumb-btn:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}.preview-overlay{z-index:1000;background:#141a26d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-modal{background:var(--canvas-2);border:2px solid var(--ink);border-radius:6px;width:100%;max-width:480px;overflow:hidden}.preview-modal img{width:100%;height:auto;display:block}.preview-modal-foot{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-modal-label{letter-spacing:.03em;font-size:12px;font-weight:700}.preview-close{background:var(--ink);color:var(--canvas-2);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:11.5px;font-weight:700}.preview-close:hover{background:var(--gold-deep)}.size-chart{border-collapse:collapse;width:100%}.size-chart thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:#8189a0;padding:8px 4px 6px;font-size:10px;font-weight:700}.size-chart tbody tr{border-top:1px solid var(--line)}.size-chart td{vertical-align:middle;padding:8px 4px;font-size:13px}.size-chart .grp-row td{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);border-top:none;padding-top:12px;padding-bottom:2px;font-size:9.5px;font-weight:700}.size-name{font-weight:700}.size-chart .cell-right{text-align:right}.qty-control{border:1.5px solid var(--ink);border-radius:3px;align-items:center;display:inline-flex;overflow:hidden}.qty-control button{background:var(--ink);color:var(--canvas-2);cursor:pointer;border:none;width:28px;height:28px;font-family:inherit;font-size:14px;line-height:1}.qty-control button:hover:not(:disabled){background:var(--gold-deep)}.qty-control button:disabled{opacity:.4;cursor:default}.qty-control input{text-align:center;width:38px;color:var(--ink);background:0 0;border:none;padding:0;font-family:inherit;font-size:16px;font-weight:700}.qty-control input:focus{outline:none}.qty-row-active{background:#fdf8ec}.summary-box{background:var(--canvas);border:1px dashed var(--ink);border-radius:3px;padding:14px 16px;font-size:12.5px}.summary-style-title{letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--line);margin:12px 0 2px;padding-bottom:3px;font-size:11.5px;font-weight:700}.summary-style-title:first-child{margin-top:0}.summary-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);margin:8px 0 2px;font-size:10.5px;font-weight:700}.summary-row{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.summary-total{border-top:1px dashed var(--line);justify-content:space-between;gap:12px;margin-top:8px;padding-top:8px;font-weight:700;display:flex}.empty-note{color:#8a92a8;font-style:italic}.submit-area{text-align:center;padding:28px 32px 36px}.submit-btn{background:var(--ink);color:var(--canvas-2);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;padding:13px 34px;font-family:inherit;font-size:13px;font-weight:700}.submit-btn:hover:not(:disabled){background:var(--gold-deep)}.submit-btn:disabled{opacity:.55;cursor:default}.submit-note{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.submit-error{color:#9b2c2c;margin-top:12px;font-size:11.5px;font-weight:700}.host-link{margin:10px 0 0}.link-btn{color:var(--gold-deep);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:11.5px;font-weight:700;text-decoration:underline}.link-btn:hover{color:var(--ink)}.order-row{border-top:1px solid var(--line);padding:10px 0}.order-row:first-child{border-top:none;padding-top:0}.order-row-main{justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.order-row-sub{color:var(--muted);margin-top:2px;font-size:11px}.order-row-items{color:var(--ink);margin-top:6px;font-size:11px;line-height:1.6}.confirm{text-align:center;padding:30px 32px 40px}.confirm-mark{background:var(--ink);width:44px;height:44px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:20px;display:flex}.confirm h3{margin:0 0 6px;font-family:Georgia,serif}.confirm p{color:#55607e;margin:4px 0 0;font-size:12.5px;line-height:1.6}.pickup-callout{border-left:3px solid var(--ink);text-align:left;background:#dce3ef;border-radius:0 3px 3px 0;margin-top:14px;padding:10px 14px;font-size:11.5px;line-height:1.6}@media (max-width:560px){body{padding:28px 10px}.tag-header{padding:30px 18px 20px}.tag-title{font-size:25px}.section,.submit-area{padding-left:18px;padding-right:18px}.color-block-head{flex-wrap:wrap;gap:8px}.color-block-tag{margin-left:0}.color-block-body{padding-left:12px;padding-right:12px}}