dialog[data-shop=true]{width:min(660px,calc(100% - 24px));max-width:660px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);padding:20px;overflow:auto;overscroll-behavior:contain}
dialog[data-shop=true] .close{position:sticky;top:0;z-index:5;background:#203d55;min-width:40px;min-height:40px;box-shadow:0 0 0 4px #122339}
.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-right:46px;clear:none}.shop-heading h2{font-size:23px;margin:7px 0 0;line-height:1.2}.shop-wallet{color:#e2ccff;background:#241e36;border:1px solid #726087;border-radius:20px;padding:7px 10px;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.shop-intro{font-size:13px;margin:13px 0;line-height:1.5}
.shop-categories{display:flex;gap:7px;overflow-x:auto;padding:5px 0 10px;scrollbar-width:thin;scrollbar-color:#628bad transparent;scroll-snap-type:x proximity}
.shop-categories button{flex:none;min-width:80px;min-height:66px;display:grid;place-items:center;gap:5px;border:1px solid #3c5d78;border-radius:10px;background:#172d42;font-size:11px;color:#c1d7e7;scroll-snap-align:start;padding:8px}
.shop-categories svg{width:24px;height:24px}.shop-categories button[aria-pressed=true]{background:#2c5065;border-color:#83d7df;color:#edffff}.shop-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}.shop-filter h3{font-size:16px;margin:0;white-space:nowrap}.shop-filter label,.shop-sample-label{display:grid;gap:5px;color:#aec8db;font-size:11px}.shop-filter select,.shop-sample-label select{min-height:42px;max-width:100%;padding:8px;background:#0c1d2e;border:1px solid #58748d;border-radius:7px;color:#e1f2ff;font-size:14px}.shop-filter select{width:235px}
.shop-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-card{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;align-items:start;padding:14px!important;margin:0;border:1px solid #385a74!important;border-radius:13px;background:linear-gradient(130deg,#1c344a,#102236)}
.shop-art{display:grid;place-items:center;height:82px;border-radius:10px;color:var(--swatch);background:radial-gradient(ellipse,color-mix(in srgb,var(--swatch) 24%,#0c1a2b),#0c1a2b);border:1px solid color-mix(in srgb,var(--swatch) 35%,#213e56)}.shop-art svg{width:42px;height:42px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--swatch) 35%,transparent))}.shop-art[data-style=dart] svg{transform:scale(.7,1.2)}.shop-art[data-style=pod] svg{transform:scale(1.2,.75)}.shop-art[data-style=crystal] svg{transform:rotate(14deg)}
.shop-card-text>small{font-size:10px;color:#a7c6d8;text-transform:uppercase;letter-spacing:.6px}.shop-card h4{margin:6px 0;font-size:15px;font-weight:500}.shop-card p{font-size:12px!important;line-height:1.45!important;margin:0 0 10px!important;color:#b2cbdc!important}.shop-price{display:block;font-size:12px!important;color:#dfc8ff;margin-bottom:9px}.shop-price.locked{color:#e2c58b}.shop-card button{min-height:42px;width:100%;background:#284c64;border:1px solid #6894b1;border-radius:7px;color:#e5faff;font-size:13px}.shop-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.shop-tools button,.shop-preview-actions button,.shop-back{background:#1b3348;border:1px solid #51768f;border-radius:8px;color:#cbe5f3;padding:10px;min-height:44px;font-size:12px}.shop-back{margin:0 0 12px;background:transparent;border:none;padding-left:0}
.shop-type{color:#82d6de!important;font-size:12px!important;margin:10px 0 6px!important}.shop-description{font-size:14px!important;line-height:1.5!important;margin:0 0 12px!important}.shop-compatible{font-size:12px;color:#a8cbdf;margin:12px 0}.shop-compatible summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.shop-compatible p,.shop-scope{font-size:12px!important;line-height:1.5!important}.shop-sample-label{margin:12px 0}.shop-stage{position:relative;overflow:hidden;border:1px solid #476783;border-radius:13px;background:#091424;margin-top:12px}.shop-stage canvas{display:block;width:100%;height:auto;aspect-ratio:12/7;pointer-events:none}.shop-preview-actions{display:flex;gap:8px;margin-top:10px}.shop-preview-actions button{flex:1;background:#254a62}.shop-preview-actions button[aria-pressed=true]{border-color:#b3edf1}.shop-purchase{display:grid;gap:8px;border-top:1px solid #3a5871;padding-top:14px;margin-top:15px}.shop-purchase>strong{font-size:14px;color:#e1cdff}.shop-purchase .action{margin:0;min-height:48px}.shop-purchase button:disabled{opacity:.6;cursor:default}#previewstatus{font-size:11px;line-height:1.4;color:#a5c5d8;margin:10px 0}
.shop-sound-art{min-height:150px;display:grid;place-items:center;background:#0a1c2d;border-radius:12px;border:1px solid #3c6278;margin-top:15px;color:#a8e7e0}.shop-sound-art svg{width:46px;height:46px}.shop-sound-art span{font-size:32px;letter-spacing:8px;color:#76c6d1}.shop-theme-sample{position:absolute;bottom:10px;left:10px;right:10px;padding:10px;background:#13253a;border:1px solid #647d91;border-radius:9px;color:#eafaff;font-size:11px}.shop-theme-sample>span{font-size:9px;letter-spacing:2px}.shop-theme-sample>div{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px}.shop-theme-sample button{pointer-events:none;background:#1b3047;border:1px solid #64758a;border-radius:5px;padding:6px;color:#e4edff}.shop-theme-sample[data-look=dawn]{background:#322c3c}.shop-theme-sample[data-look=dawn] button{background:#48354b}
@media(max-width:560px){dialog[data-shop=true]{padding:16px}.shop-heading{flex-wrap:wrap;gap:8px}.shop-heading h2{font-size:21px}.shop-wallet{font-size:12px}.shop-cards{grid-template-columns:1fr}.shop-card{grid-template-columns:80px minmax(0,1fr);padding:13px!important}.shop-art{height:105px}.shop-art svg{width:50px;height:50px}.shop-filter{align-items:flex-start;flex-direction:column;gap:9px}.shop-filter label,.shop-filter select{width:100%}.shop-tools{grid-template-columns:1fr}.shop-card p{font-size:13px!important}.shop-card h4{font-size:17px}}
@media(orientation:landscape) and (max-height:550px){dialog[data-shop=true]{max-height:calc(100dvh - 20px)}.shop-stage canvas{max-height:220px;object-fit:contain}.shop-categories button{min-height:50px;grid-auto-flow:column;min-width:100px}.shop-heading h2{font-size:20px}}