.zs{--zs-bg:#101d25;--zs-panel:#172a35;--zs-border:#38505c;--zs-text:#f2f5f5;--zs-muted:#b7cad3;--zs-gold:#eccb7b;background:var(--zs-bg);color:var(--zs-text);padding:clamp(16px,3vw,32px);border:1px solid var(--zs-border);border-radius:18px;font:15px/1.55 system-ui,sans-serif;max-width:1100px;margin:20px auto}.zs *{box-sizing:border-box}.zs h1,.zs h2,.zs h3{color:var(--zs-text);margin:0 0 12px}.zs p{margin:8px 0}.zs a{color:var(--zs-gold)}.zs small,.zs-muted{color:var(--zs-muted)}.zs-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--zs-border);padding-bottom:20px;margin-bottom:24px}.zs-kicker{letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--zs-gold)}.zs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.zs-card{padding:22px;border:1px solid var(--zs-border);border-radius:13px;background:var(--zs-panel)}.zs-card img{image-rendering:pixelated;object-fit:contain;width:64px;height:64px;margin-bottom:10px}.zs-price{font-size:26px;font-weight:800;color:var(--zs-gold);margin:14px 0}.zs button,.zs .zs-btn{display:inline-block;padding:11px 18px;border:0;border-radius:8px;background:var(--zs-gold);color:#17232c;font-weight:800;cursor:pointer;text-decoration:none}.zs button:disabled{opacity:.4;cursor:default}.zs input,.zs select,.zs textarea{width:100%;padding:10px;border:1px solid #607b88;border-radius:7px;background:#0b1820;color:var(--zs-text);margin:5px 0 13px;font:inherit}.zs input[type=checkbox]{width:auto}.zs label{display:block;font-weight:600}.zs-msg{padding:14px 18px;background:#203e39;border:1px solid #75af97;border-radius:8px;margin:12px 0}.zs-error{background:#402b2b;border-color:#cf8b80}.zs table{width:100%;border-collapse:collapse}.zs th,.zs td{text-align:left;border-bottom:1px solid var(--zs-border);padding:12px 8px;vertical-align:top}.zs-scroll{overflow-x:auto}.zs-order{padding:20px 0;border-bottom:1px solid var(--zs-border)}.zs-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.zs-badge{padding:5px 9px;border-radius:20px;background:#2a4655;font-size:12px;display:inline-block}.zs-bank{white-space:pre-line;padding:18px;border-radius:8px;background:#0b1820;border:1px solid var(--zs-border)}

.zs .zs-danger{background:#a93e3e;color:#fff}.zs-delete{border-top:1px solid var(--zs-border);margin-top:16px;padding-top:12px}.zs-delete label{font-size:12px}.zs input[type=checkbox]{accent-color:var(--zs-gold)}

.zs .zs-item-image{display:block;width:48px;height:48px;object-fit:contain;image-rendering:pixelated;margin-bottom:6px}

.zs{min-width:0;overflow-wrap:anywhere}.zs-grid{grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr))}.zs-grid>*{min-width:0}.zs input,.zs select,.zs textarea{min-width:0;max-width:100%}.zs-scroll{max-width:100%;min-width:0}

.zs-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 24px}.zs-tabs a{padding:8px 12px;border:1px solid var(--zs-border);border-radius:7px}.zs-tabs [aria-current=page]{outline:2px solid #f5d581;background:#503d18;color:#fff3c6}.zs .zs-history-card{margin:18px 0}.zs-history-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.zs-reject-form{margin-top:18px;border-top:1px solid var(--zs-border);padding-top:15px}.zs [data-zs-state=delivered]>.zs-history-head .zs-badge,.zs .zs-badge[data-zs-state=delivered]{background:#185139;color:#d6ffe3}.zs [data-zs-state=rejected]>.zs-history-head .zs-badge,.zs .zs-badge[data-zs-state=rejected]{background:#682b2b;color:#ffe8e8}.zs .zs-payment-actions[hidden]{display:none!important}

/* Original ZHYRAVEX display frames. The selected frame never alters price. */
.zs-tier-basic{--tier:#80c8ef;--tier-dark:#123347;--tier-line:#477c98;--tier-glow:#52bfff24}
.zs-tier-medium{--tier:#dab5ff;--tier-dark:#332044;--tier-line:#9563bd;--tier-glow:#b763ff24}
.zs-tier-hot{--tier:#ffaea2;--tier-dark:#48171c;--tier-line:#e95457;--tier-glow:#ff353d33}
.zs .zs-product,.zs-frame-preview{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,var(--tier-dark),#0d1b26 62%);border:1px solid var(--tier-line);box-shadow:inset 0 0 0 4px #07121a, inset 0 0 0 5px var(--tier-line),0 8px 24px #0003;border-radius:16px}
.zs .zs-product{padding:25px;display:flex;flex-direction:column;min-width:0}
.zs-product:before,.zs-frame-preview:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:10px;border:1px solid var(--tier-line);opacity:.5;clip-path:polygon(0 0,24px 0,24px 1px,calc(100% - 24px) 1px,calc(100% - 24px) 0,100% 0,100% 24px,calc(100% - 1px) 24px,calc(100% - 1px) calc(100% - 24px),100% calc(100% - 24px),100% 100%,calc(100% - 24px) 100%,calc(100% - 24px) calc(100% - 1px),24px calc(100% - 1px),24px 100%,0 100%,0 calc(100% - 24px),1px calc(100% - 24px),1px 24px,0 24px)}
.zs-product-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:25px}
.zs-tier-tag{display:inline-block;color:var(--tier);font-weight:850;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--tier-line);background:#07131b99;padding:4px 10px;border-radius:5px}
.zs-product-kind{font-size:10px;color:#c5d3db;letter-spacing:.14em}
.zs-product-art{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;min-height:162px;margin:12px 0 20px;background:radial-gradient(ellipse at center,var(--tier-glow),transparent 65%);border-bottom:1px solid var(--tier-line)}
.zs .zs-product-art img{width:80px;height:80px;filter:drop-shadow(0 7px 12px #0009);z-index:1;margin:0}
.zs-art-ring{width:112px;height:112px;position:absolute;top:20px;border:1px solid var(--tier-line);transform:rotate(45deg);border-radius:22px;opacity:.6;box-shadow:inset 0 0 24px var(--tier-glow),0 0 20px var(--tier-glow)}
.zs-tier-medium .zs-art-ring{border-radius:50%;outline:1px dashed var(--tier-line);outline-offset:7px}
.zs-tier-hot .zs-art-ring{border-radius:12px;outline:1px solid var(--tier-line);outline-offset:7px;box-shadow:0 0 28px var(--tier-glow),inset 0 0 24px var(--tier-glow)}
.zs .zs-product h2{font:600 24px/1.2 Georgia,serif;letter-spacing:.01em;color:#faf4e9}
.zs .zs-product .zs-price{color:var(--tier);border-block:1px solid var(--tier-line);padding:12px 0;font-size:30px;line-height:1.2}
.zs .zs-product>form{margin-top:auto;padding-top:18px}.zs .zs-product button{width:100%;background:linear-gradient(135deg,var(--tier),#e1e7e5);color:#14202b;box-shadow:0 4px 14px var(--tier-glow)}
.zs-product ul{list-style:none;padding:0;margin:10px 0}.zs-product li{padding:9px 0;border-bottom:1px solid #8296a829;font-size:14px}.zs-product li:last-child{border-bottom:0}
.zs-frame-picker{padding:18px;border:1px solid var(--zs-border);border-radius:12px;margin:12px 0 22px;min-width:0}.zs-frame-picker legend{padding:0 8px;color:#f4d38c;font-weight:750}
.zs-frame-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}
.zs .zs-frame-option{position:relative;cursor:pointer;min-width:0}.zs .zs-frame-option input{position:absolute;width:18px;height:18px;top:13px;right:13px;margin:0;z-index:2;accent-color:#f5d581}
.zs-frame-preview{display:flex;align-items:center;flex-direction:column;gap:10px;min-height:190px;padding:22px 10px;transition:box-shadow .15s,border-color .15s}.zs-frame-preview .zs-tier-tag{align-self:flex-start;margin-left:10px}.zs-frame-preview strong{font:600 23px Georgia,serif;color:var(--tier)}.zs-frame-preview small{text-align:center;font-weight:400;font-size:12px}
.zs-frame-gem{font-size:46px;line-height:1;color:var(--tier);text-shadow:0 0 18px var(--tier-glow)}
.zs-frame-option input:checked+.zs-frame-preview{outline:2px solid #ffe5a4;outline-offset:3px;box-shadow:inset 0 0 0 4px #07121a,inset 0 0 0 5px var(--tier-line),0 0 18px var(--tier-glow)}.zs-frame-option input:focus-visible+.zs-frame-preview{outline:3px solid #fff;outline-offset:4px}
.zs-tier-hot:after{content:"";position:absolute;pointer-events:none;z-index:0;top:0;left:12%;width:76%;height:2px;background:linear-gradient(90deg,transparent,#e5283c,#ffd6ca,#ff4d55,transparent);box-shadow:0 0 12px #ff3548;animation:zs-ember 3s ease-in-out infinite}
@keyframes zs-ember{0%,100%{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.zs-tier-hot:after{animation:none}}
@media(max-width:580px){.zs-frame-options{grid-template-columns:1fr}.zs-frame-preview{min-height:140px}.zs .zs-product{padding:24px}.zs .zs-product h2{font-size:24px}}
.zs-scroll table{min-width:820px}.zs .zs-product-art img{width:128px;height:128px}

/* Pack artwork: all actual item IDs, three items form a triangle. */
.zs-product-art{padding:8px 0 14px;min-height:188px}.zs-art-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,248px);margin:4px auto;position:relative;z-index:1;place-items:center}
.zs-art-object{position:relative;display:flex;justify-content:center;align-items:center;width:70px;height:70px;border:1px solid var(--tier-line);border-radius:12px;background:radial-gradient(ellipse at center,var(--tier-glow),#09151ee6);box-shadow:0 3px 12px #0005}
.zs .zs-art-object img{width:64px;height:64px;margin:0;filter:drop-shadow(0 3px 5px #000a);object-fit:contain;image-rendering:pixelated}
.zs-art-items.zs-art-count-1{display:flex;justify-content:center}.zs-art-count-1 .zs-art-object{width:138px;height:138px;background:transparent;border:0;box-shadow:none}.zs .zs-art-count-1 img{width:128px;height:128px}
.zs-art-items.zs-art-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zs-art-items.zs-art-count-3{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px;column-gap:0}
.zs-art-count-3 .zs-art-object:nth-child(1){grid-column:2 / span 2}.zs-art-count-3 .zs-art-object:nth-child(2){grid-column:1 / span 2}.zs-art-count-3 .zs-art-object:nth-child(3){grid-column:3 / span 2}
.zs-art-quantity{position:absolute;right:-5px;bottom:-5px;border:1px solid var(--tier-line);border-radius:6px;background:#08141e;color:var(--tier);font:bold 11px/1.4 system-ui;padding:1px 5px}
.zs-art-missing{display:flex;flex-direction:column;align-items:center;color:var(--tier)}.zs-art-missing>span{font-size:25px}.zs .zs-art-missing small{font:10px/1.3 system-ui;text-align:center;color:#d5e4eb}
.zs-item-heading{font-weight:650;line-height:1.5}.zs-item-heading small{white-space:nowrap;font-weight:400}.zs .zs-item-attrs{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 3px}.zs-item-attrs>div{display:flex;align-items:baseline;gap:5px;border:1px solid #60778b66;border-radius:5px;background:#09141e88;padding:3px 7px;line-height:1.4}.zs-item-attrs dt{font-size:11px;color:#c1d3df}.zs-item-attrs dd{margin:0;font-size:12px;font-weight:750;color:#fff0d6}
.zs .zs-item-description{color:#ccdae3;font-size:12px;line-height:1.5;margin:8px 0 0}.zs-specs-note{display:block;margin:8px 0 4px;font-size:11px;letter-spacing:.02em}.zs-specs-pending{display:block;margin-top:7px;color:#b7cad3;font-size:11px}
.zs-art-object{width:min(70px,100%);height:auto;aspect-ratio:1}.zs .zs-art-object img{width:100%;height:100%;max-width:64px;max-height:64px}.zs .zs-art-count-1 img{max-width:128px;max-height:128px}