:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;background:#10121d;color:#f5f3ff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}.shell{max-width:1450px;margin:auto;padding:0 30px}.topbar{background:#171a29;border-bottom:1px solid #34374a}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:1.18rem;font-weight:900;letter-spacing:-.03em}.brand small{display:block;color:#beb7d6;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.brandmark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#fbd34e,#f37451 53%,#963cf1);color:#151323;font-size:1.65rem;transform:rotate(-7deg)}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:10px 13px;border-radius:9px;text-decoration:none;font-weight:800;color:#d6d0e2}nav a[aria-current=page]{background:#f5c550;color:#181522}.intro{background:radial-gradient(circle at 8% 4%,#6733b855,transparent 34%),radial-gradient(circle at 92% 9%,#e85b6640,transparent 29%),#161827;border-bottom:1px solid #33364b}.intro .shell{padding-top:36px;padding-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900;color:#f7c844}.intro h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.055em;margin:10px 0 12px}.intro h1 span{color:#f6bf47}.intro p{max-width:710px;line-height:1.55;color:#d2cede;margin:0}.prices{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.prices span{border:1px solid #66587a;background:#ffffff0a;border-radius:999px;padding:9px 14px;font-weight:800;font-size:.88rem}.prices b{color:#fbd34e}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start;padding-top:29px;padding-bottom:80px}.wrap-example{margin:0 0 24px;border:1px solid #515269;background:#1b1e2d;border-radius:15px;overflow:hidden}.wrap-example img{width:100%;height:auto;display:block}.wrap-example figcaption{display:flex;gap:12px;align-items:baseline;padding:12px 15px;color:#ccc8d7;font-size:.84rem;line-height:1.4}.wrap-example figcaption strong{color:#fbd34e;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:17px}.toolbar h2{font-size:1.55rem;letter-spacing:-.035em;margin:0 0 4px}.toolbar p{margin:0;color:#b8b4c5;font-size:.9rem}.search{width:min(300px,100%)}.search input{width:100%;padding:13px 15px;border:1px solid #55556a;border-radius:11px;background:#202337;color:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filters button{border:1px solid #5d5575;background:#23263a;color:#e6dfef;padding:10px 14px;border-radius:999px;font-weight:800}.filters button.active{background:#f5c550;border-color:#f5c550;color:#181522}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid #363a4e;border-radius:17px;background:#1b1e2d;overflow:hidden;display:flex;flex-direction:column;min-width:0}.card:hover{border-color:#b789e8}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#e2e7ef}.image-button{display:block;border:0;padding:0;width:100%;background:none;color:inherit}.image-button span{display:block;padding:6px 9px;background:#111522;text-align:right;font-size:.75rem}.card-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:13px}.card h3{font-size:1rem;line-height:1.2;margin:0}.card small{color:#b7b2c6}.choose,.primary{background:#6931be;border:1px solid #ad79ec;border-radius:10px;color:#fff;font-weight:850;padding:11px 12px}.choose{width:100%;margin-top:auto}.choose:hover,.primary:hover{background:#8245d3}.primary{width:100%;margin-top:16px;padding:13px}.primary:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #fbd34e;outline-offset:2px}.aside{position:sticky;top:20px}.builder{background:#202237;border:1px solid #55506d;border-radius:19px;overflow:hidden;box-shadow:0 22px 65px #0005}.builder-head{background:linear-gradient(120deg,#5c2eae,#9f3cb6 65%,#c25b67);padding:20px 22px}.builder-head h2{font-size:1.4rem;margin:0}.builder-head p{font-size:.88rem;color:#f2dcff;margin:5px 0 0;line-height:1.35}.builder-inner{padding:20px}.selected-design{display:flex;gap:10px;align-items:center;min-height:65px;background:#30334b;border-radius:10px;padding:10px}.selected-design img{height:56px;width:56px;object-fit:cover;border-radius:7px}.selected-design strong{line-height:1.25}.selected-design p{margin:0;color:#cec9d9;font-size:.88rem}.field{margin-top:17px}.field label{display:block;margin-bottom:8px;font-weight:800;font-size:.9rem}.field select,.field input{width:100%;border:1px solid #686980;border-radius:9px;background:#30334b;color:#fff;padding:11px}.cart{border-top:2px solid #66577c;margin-top:21px;padding-top:17px}.cart h3{margin:0 0 12px;font-size:1.1rem}.cart h3 span{font-size:.8rem;color:#c9b4e9}.cart-item{background:#2d3045;border:1px solid #52556c;border-radius:10px;padding:10px;margin-bottom:8px}.cart-item strong{display:block}.cart-item small{display:block;color:#cbc5d5;margin:4px 0}.cart-item .row,.summary .row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cart-item button{border:0;background:none;color:#ffc1c6;font-weight:800;padding:6px 0}.summary{border-top:1px solid #55516b;margin-top:18px;padding-top:12px;display:grid;gap:8px}.summary .total{font-size:1.12rem;font-weight:900;border-top:1px solid #55516b;padding-top:10px}.summary .total strong{color:#fbd34e}.fine{color:#bdb9cb;font-size:.8rem;line-height:1.45}.image-dialog,.order-dialog{background:#22253a;border:1px solid #69617b;border-radius:18px;color:white;max-height:90vh;box-shadow:0 30px 90px #000a}.image-dialog::backdrop,.order-dialog::backdrop{background:#080919cf}.image-dialog{width:min(650px,96vw);padding:15px}.image-dialog img{display:block;width:100%;max-height:70vh;object-fit:contain}.image-dialog p{color:#c9c4d7;font-size:.86rem}.image-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.image-head button,.dialog-close{border:0;color:white;background:transparent;font-size:1rem;padding:7px}.order-dialog{width:min(530px,96vw);padding:22px}.dialog-close{float:right;font-size:1.5rem}.order-dialog h2{font-size:1.45rem;margin:0 0 5px}.order-dialog p{color:#cbc6d7;line-height:1.45}.order-dialog pre{white-space:pre-wrap;background:#151829;border:1px solid #45485f;padding:12px;border-radius:9px;font-size:.83rem;line-height:1.4;max-height:170px;overflow:auto}.order-dialog form>label,.order-dialog form>div>label{display:block;font-weight:800;font-size:.88rem;margin:14px 0 7px}.order-dialog form>input,.order-dialog textarea{display:block;width:100%;padding:11px;background:#30334b;color:white;border:1px solid #686980;border-radius:9px}.order-dialog fieldset{border:0;padding:0;margin-top:17px}.order-dialog legend{font-weight:800}.order-dialog .radio{display:flex;gap:9px;margin-top:10px;border:1px solid #55546d;border-radius:9px;padding:10px}.radio small{display:block;color:#bdb8cc;margin-top:3px}.order-dialog .cash-field{font-weight:500;margin-top:12px}.order-dialog #order-status{color:#ffd589;background:#513134;padding:10px;border-radius:9px}.order-dialog #payment-next{background:#30334b;border-radius:9px;padding:12px;line-height:1.5}.order-dialog #payment-next a{display:inline-block;background:#f5c550;color:#181522;border-radius:8px;padding:10px 13px;text-decoration:none;font-weight:900}footer{border-top:1px solid #373a4a;color:#abaabd;padding:23px 0 38px;font-size:.83rem}footer .shell{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}footer a{color:#dec1ff}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#f9d45d;color:#171522;padding:11px 18px;border-radius:9px;box-shadow:0 10px 30px #0008;font-weight:800;z-index:5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1200px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.layout{grid-template-columns:1fr}.aside{position:static;grid-row:1}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){.shell{padding-left:16px;padding-right:16px}.top-inner{min-height:65px}.brand{font-size:1rem}.brand small{font-size:.62rem}nav a{padding:8px}.intro .shell{padding-top:26px;padding-bottom:26px}.intro h1{font-size:2.25rem}.layout{padding-top:18px}.wrap-example figcaption{display:block}.wrap-example figcaption span{display:block;margin-top:4px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:10px}.card h3{font-size:.9rem}.search{width:100%}.aside{grid-row:2}.prices span{font-size:.8rem;padding:8px 11px}}
.image-dialog{width:min(940px,96vw);max-width:940px}.image-dialog .wrap-label{margin:0 0 8px;color:#f9d45d;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.image-dialog #wrap-preview{display:block;width:100%;height:auto;aspect-ratio:12/5;border-radius:12px;background:#141521}.image-dialog #wrap-preview[hidden]{display:none}.image-dialog #wrap-status{min-height:2em}.image-dialog #wrap-status[hidden]{display:none}.image-dialog .original-art{display:flex;gap:16px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #4a4c60}.image-dialog .original-art img{width:86px;height:86px;max-height:none;object-fit:cover;border-radius:8px;flex:none}.image-dialog .original-art strong{display:block}.image-dialog .original-art p{margin:5px 0 0;line-height:1.45}@media(max-width:560px){.image-dialog .original-art img{width:64px;height:64px}.image-dialog .original-art{gap:10px}}
/* Coozie art stays wide; round coaster images are shown only in the coaster shop. */
.image-button{overflow:hidden}.image-button img{aspect-ratio:12/5;object-fit:cover}.image-button img.wide-crop{transform:scale(1.34)}.selected-design{overflow:hidden}.selected-design img{width:125px;height:55px;aspect-ratio:12/5;object-fit:cover;flex:none}.selected-design img.wide-crop{object-position:center;transform:scale(1.13)}.image-dialog #wrap-caption{margin:12px 2px 2px;line-height:1.5}
/* Show more of each scene while keeping the wide frame and natural proportions. */
.image-button{position:relative}.image-button img.wide-crop{transform:scale(1.03)}.image-button .design-name{position:absolute;top:0;left:0;right:0;padding:8px 10px 18px;text-align:left;background:linear-gradient(#080b16dc,#080b1600);color:#fff;font-size:.85rem;line-height:1.25;text-shadow:0 1px 5px #000;pointer-events:none}
/* Finished wrap artwork stays panoramic. Other designs remain labeled references. */
.image-button img.ready-wrap{aspect-ratio:1983/793;object-fit:contain;transform:none}
.image-button img.design-reference{aspect-ratio:12/5;object-fit:contain;transform:none;background:#24283a}

.image-dialog #wrap-preview{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:12px}
.image-button img.design-reference{aspect-ratio:1;object-fit:contain;background:#24283a}