/* Complete Studio cabinet, built from native surfaces and working controls. */
.vending-studio{background:radial-gradient(ellipse at 50% 18%,#332b1940,transparent 45%),linear-gradient(#101012,#171719 60%,#101012);color:#f1ede3}.av-shell{width:min(1180px,calc(100% - 64px))}.av-header{background:#101012bb;border-bottom:1px solid #e2c98618}.av-intro{padding:34px 0 20px}.av-intro h1{font-size:clamp(36px,5vw,54px)}.av-intro>p{font-size:13px}.studio-tools{margin-bottom:26px;font-size:11px}
.vending-cabinet{position:relative;padding:12px 12px 0;border:1px solid #817764;border-radius:30px 30px 17px 17px;background:linear-gradient(100deg,#4b4841,#28272b 2%,#111114 7%,#242428 94%,#656056 99%,#29272a);box-shadow:inset 0 1px 1px #fff6d766,inset 0 -3px 0 #0a0a0c,0 30px 65px #0009,0 1px 0 4px #070709;isolation:isolate;margin-bottom:28px}.vending-cabinet::before,.vending-cabinet::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#aaa28a,#3f3b33);box-shadow:0 0 0 2px #151518,inset 0 1px #ddd8bd;top:128px;z-index:2}.vending-cabinet::before{left:7px}.vending-cabinet::after{right:7px}
.cabinet-marquee{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 26px;border:1px solid #bba36c55;border-radius:19px 19px 8px 8px;background:radial-gradient(ellipse at top left,#735c3033,transparent 75%),linear-gradient(140deg,#222220,#111114);box-shadow:inset 0 1px #ffeecc18,inset 0 -3px 12px #0009,0 3px 0 #0008;position:relative}.marquee-brand{display:block;font-size:8px;letter-spacing:.3em;color:#bcaa80;margin-bottom:6px}.marquee-name{font:600 clamp(27px,4vw,43px)/1 Oswald,sans-serif;letter-spacing:.04em;color:#f5e0a4;text-shadow:0 1px #000,0 0 18px #ffcc0030}.marquee-dot{font:400 10px Poppins,sans-serif;vertical-align:top;margin-left:5px}.marquee-label{font-size:9px;letter-spacing:.12em;color:#d7c799;white-space:nowrap}.marquee-label small{display:block;font-size:7px;letter-spacing:.14em;color:#938978;margin:9px 0 0 13px}.marquee-label i,.display-online i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d6bd7e;box-shadow:0 0 7px #ffcc0088;margin-right:7px}
.av-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;gap:16px;padding:20px 14px 14px;align-items:stretch}.av-config{grid-column:2;grid-row:1;border:1px solid #74695355;border-radius:12px;padding:22px;background:repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px),linear-gradient(120deg,#343237,#232226 70%);box-shadow:inset 0 1px #fff5d21a,0 7px 15px #0006}.console-heading>span,.display-topline,.delivery-label{font-size:8px;letter-spacing:.15em;color:#b6a787}.console-heading h2{font:500 18px Poppins,sans-serif;margin:7px 0 18px}.av-config>label{font-size:10px;margin-top:16px;color:#b7b1a5}.av-config select,.av-config #bpm{border:1px solid #55515a;border-radius:7px;background-color:#111114;min-height:43px;height:43px;font-size:12px;box-shadow:inset 0 2px 6px #0008,0 1px #ffffff12}.av-config select:disabled{background-color:#17171b;color:#a8a294}.av-config .av-upload{min-height:96px;margin-top:16px;border:1px solid #99835c;border-radius:9px;background:linear-gradient(#09090c,#17171b);box-shadow:inset 0 4px 10px #000c,0 1px #ffffff15;gap:5px}.av-upload span{font-size:12px}.av-upload small{font-size:9px}.av-description{font-size:10px;color:#aaa395;line-height:1.7}.av-config .coin-machine{margin-top:18px;border-color:#696054;background:radial-gradient(ellipse at 20% 30%,#69522c44,transparent 70%),linear-gradient(130deg,#242428,#141417 70%);height:206px}.av-config .av-process{border:1px solid #ffe49c;border-radius:8px;background:linear-gradient(#ffe99e,#e7ba48 49%,#c99b32);color:#241b08;box-shadow:inset 0 1px #fff7d0,0 4px 0 #745316,0 7px 14px #0009;text-shadow:0 1px #fff0b166;font-size:12px;transition:transform .15s,box-shadow .15s}.av-config .av-process:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff7d0,0 1px 0 #745316,0 4px 8px #0009}.av-config .av-process:disabled{opacity:.45}.av-settings{font-size:9px;margin-bottom:0}.av-preview-free{font-size:10px}
.av-listen{grid-column:1;grid-row:1;padding:0;display:flex;flex-direction:column;gap:0}.display-bezel{padding:18px;border-radius:14px;border:1px solid #6e675b;background:linear-gradient(120deg,#302e31,#141417);box-shadow:inset 0 1px #fff4d32a,inset 0 0 0 5px #070709,0 6px 15px #0008;position:relative;flex:1;overflow:hidden}.display-bezel::after{content:"";position:absolute;inset:6px;background:linear-gradient(116deg,transparent 36%,#ffffff04 38%,transparent 56%);pointer-events:none;border-radius:9px}.display-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 20px;font-size:7px}.display-online{font-size:7px;letter-spacing:.08em}.sound-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 24px;border-bottom:3px solid #414047;box-shadow:0 1px #000;margin-bottom:22px}.sound-item{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;border:1px solid #66605255;border-radius:10px;padding:14px 8px 12px;background:linear-gradient(145deg,#343137,#18181c);color:#e0dbcf;box-shadow:inset 0 1px #ffffff12,0 6px 8px #0007;font-family:Poppins,sans-serif;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.sound-item::after{content:"";position:absolute;bottom:-7px;left:8px;right:8px;height:4px;border-radius:2px;background:linear-gradient(#6a6358,#272629);box-shadow:0 2px 3px #0009}.sound-code{position:absolute;top:9px;left:9px;font-size:8px;color:#928978;letter-spacing:.1em}.sound-item b{font-size:11px;font-weight:500;margin-top:10px;white-space:nowrap}.sound-item small{font-size:8px;color:#a8a092;margin-top:4px;line-height:1.5;text-align:center}.sound-item[aria-pressed=true]{border-color:#d5b975;background:radial-gradient(ellipse at top,#7b5d2635,transparent 75%),#252224;box-shadow:inset 0 1px #fff1bd33,0 0 20px #ffcc0010,0 6px 8px #0007}.sound-item[aria-pressed=true] .sound-code{color:#ffe19a}.sound-item:hover:not(:disabled){transform:translateY(-2px)}.sound-item:focus-visible{outline:2px solid #d2b773;outline-offset:3px}.sound-item:disabled{cursor:default;opacity:.6}.sound-art{display:flex;align-items:center;justify-content:center;gap:3px;width:54px;height:54px;margin-top:8px;border-radius:50%;border:1px solid #a59a8240;background:radial-gradient(circle at 30% 20%,#57504a,#111115 72%);box-shadow:inset 0 1px #fff3c022,0 3px 0 #08080b;color:#dec389}.sound-art i{display:block;width:3px;height:16px;background:currentColor;border-radius:2px;box-shadow:0 0 5px #ffcc0020}.sound-art i:nth-child(2),.sound-art i:nth-child(4){height:25px}.sound-art i:nth-child(3){height:34px}.art-dry{color:#d5d1bd}.art-urban{color:#e0a670}.art-pop{color:#cfbced}.art-wide{color:#94c8c3}.art-urban i{width:5px}.art-wide{gap:5px}
.listen-screen{position:relative;padding:22px 18px 16px;border:1px solid #71665166;border-radius:9px;background:radial-gradient(ellipse at 50% 0%,#3a301b33,transparent 75%),#09090d;box-shadow:inset 0 5px 12px #000,0 1px #ffffff12}.av-player-heading h2{font-size:14px}.av-format{font-size:8px;color:#b4a37c}.av-ab{margin-top:18px;background:#050508;border:1px solid #48423a;box-shadow:inset 0 2px 4px #000}.av-ab button{font-size:11px;min-height:39px}.av-wave{height:140px;background:linear-gradient(transparent 49%,#e1c4820c 50%,transparent 51%),repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 24px),#08090c;border:1px solid #312e2c;box-shadow:inset 0 2px 9px #000;margin-top:20px}.av-position span{font-size:10px;color:#c9bb9b}.av-play-row{margin-top:18px;gap:16px}.av-play.button{background:linear-gradient(#5f5c57,#232327);border:1px solid #9f8f6a;box-shadow:inset 0 1px #fff1cc33,0 3px 0 #09090c;color:#f8df9c}.av-match{font-size:10px;color:#bdb5a5}.av-status{font-size:10px;color:#e3cc92;min-height:32px;margin-bottom:0}.av-hint{font-size:9px}.delivery-label{margin:23px 0 10px 6px}.av-export{position:relative;border:1px solid #6f6655;border-radius:8px;padding:24px 20px;margin-top:0;min-height:110px;background:linear-gradient(#070709,#17171b);box-shadow:inset 0 9px 18px #000c,inset 0 -1px #ffffff15,0 3px 0 #0007;overflow:hidden}.av-export::before{content:"";position:absolute;top:0;left:12px;right:12px;height:5px;background:linear-gradient(#464141,#161419);border-radius:0 0 5px 5px}.av-export-title{font-size:12px;color:#dbd4c4}.av-export .button{font-size:11px;border-color:#6e6352;background:#29262a;color:#e7d7ae;white-space:normal;text-align:center}.result-ready .av-export{border-color:#b9a16e;box-shadow:inset 0 9px 18px #000c,0 0 18px #ffcc000c}.result-ready .av-export .button{background:linear-gradient(#e9cf8c,#b08c48);border-color:#eddbad;color:#1e170b;box-shadow:0 3px 0 #5c451c}.av-details{margin:18px 5px 0}.av-details p{font-size:10px}.cabinet-base{display:flex;align-items:center;gap:20px;padding:18px 25px 22px;font-size:7px;letter-spacing:.16em;color:#8f8675;border-top:1px solid #76684c33;margin:4px 12px 0}.cabinet-serial{margin-left:auto}.cabinet-vents{height:16px;width:90px;background:repeating-linear-gradient(90deg,#050507 0 4px,transparent 4px 8px);border-top:1px solid #fff4c511;border-bottom:1px solid #fff4c511}.cabinet-feet{display:flex;justify-content:space-between;position:absolute;bottom:-12px;left:60px;right:60px;z-index:-1}.cabinet-feet i{width:66px;height:17px;border-radius:0 0 4px 4px;background:linear-gradient(#4a4540,#141416);box-shadow:0 6px 10px #0008}
.studio-pricing{padding-top:40px}.credit-grid article{background:linear-gradient(125deg,#393438,#19191d);border-color:#81725855;box-shadow:inset 0 1px #ffffff18,0 8px 18px #0005}.studio-premium{background:radial-gradient(ellipse at left,#7e623622,transparent 70%),linear-gradient(110deg,#282522,#17171b);box-shadow:inset 0 1px #fff1bd15}.wallet-dialog{background:linear-gradient(140deg,#39332a,#19191d 70%);border-color:#c8aa71}.av-footer{font-size:9px}
@media(max-width:900px){.av-shell{width:calc(100% - 36px)}.av-workspace{grid-template-columns:minmax(0,1.3fr) minmax(275px,1fr);padding:16px 6px 12px;gap:12px}.av-config{padding:18px}.display-bezel{padding:14px}.sound-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sound-item b{font-size:10px}.listen-screen{padding:18px 12px}.av-export{flex-direction:column;align-items:flex-start;gap:12px}.av-export .button{width:100%}.display-online{display:none}.cabinet-marquee{padding:22px}.marquee-label{font-size:8px}}
@media(max-width:680px){.av-workspace{grid-template-columns:1fr}.av-config{grid-column:1;grid-row:1}.av-listen{grid-column:1;grid-row:2}.vending-cabinet{padding:8px 8px 0;border-radius:24px 24px 14px 14px}.cabinet-marquee{padding:18px 16px;border-radius:15px 15px 6px 6px}.marquee-name{font-size:28px}.marquee-label{display:none}.av-config{display:block}.av-config .coin-machine{height:206px}.sound-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.sound-item b{font-size:9px}.sound-item small{font-size:7px}.sound-art{width:44px;height:44px}.sound-art i:nth-child(3){height:27px}.sound-art i:nth-child(2),.sound-art i:nth-child(4){height:21px}.display-topline{font-size:7px}.cabinet-base{padding:16px 8px;gap:12px}.cabinet-vents{width:55px}.av-shell{width:calc(100% - 28px)}.av-intro{padding-top:24px}.av-export{min-height:110px}.av-export .button{min-height:44px}.av-config>label{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.sound-item,.av-config .av-process{transition:none}}
/* Final finish: restrained glass reflections, lit selection and tactile controls. */
.cabinet-marquee::after{content:"";position:absolute;left:25px;right:25px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e9d5a270,transparent);pointer-events:none}
.display-bezel{background:linear-gradient(120deg,#3a3738,#18171a 40%,#242228);box-shadow:inset 0 1px #fff4d345,inset 0 0 0 5px #070709,0 7px 18px #0009}
.display-bezel::after{background:linear-gradient(117deg,transparent 0 14%,#ffffff04 15%,transparent 17% 32%,#fff6d608 33%,transparent 44% 81%,#ffffff03 82%,transparent 84%);border:1px solid #fff6d608}
.display-topline{color:#c4b18a}.display-online{color:#dbc895;font-variant-numeric:tabular-nums}.sound-shelf{border-bottom:2px solid #756851;box-shadow:0 2px 0 #161419,0 6px 12px #0009;padding-bottom:22px}
.sound-item{background:radial-gradient(ellipse at 25% 0%,#ffffff07,transparent 65%),linear-gradient(145deg,#39343a,#1b191d);box-shadow:inset 0 1px #ffffff1d,inset 0 -1px #000a,0 6px 10px #0008;transition:transform .22s ease,border-color .25s,box-shadow .25s}
.sound-item[aria-pressed=true]{border-color:#e2c88c;background:radial-gradient(ellipse at 50% 15%,#98723c24,transparent 75%),linear-gradient(145deg,#40382c,#252022);box-shadow:inset 0 1px #fff1bd55,inset 0 -1px #553e2244,0 0 22px #ddb97416,0 6px 10px #0009}
.sound-item[aria-pressed=true]::after{background:linear-gradient(#e3c98d,#856639);box-shadow:0 2px 3px #0009,0 3px 10px #e6bd6530}.sound-item[aria-pressed=true] b{color:#f8e6ba}.sound-item[aria-pressed=true] .sound-art{border-color:#d7b77577;box-shadow:inset 0 1px #fff3c033,0 3px 0 #08080b,0 0 18px #d2af5e15}
.sound-item:active:not(:disabled){transform:translateY(1px)}.sound-code{border:1px solid #a79a7733;border-radius:3px;padding:1px 3px;top:7px;left:7px;font-size:7px;line-height:1.3}.sound-item[aria-pressed=true] .sound-code{border-color:#d7b77577;background:#c9a86b0c}
.listen-screen{background:radial-gradient(ellipse at 50% 0%,#4f3c1b22,transparent 70%),linear-gradient(150deg,#0e0e12,#08090c);box-shadow:inset 0 4px 12px #000c,inset 0 1px #fff1bd0c,0 1px #ffffff12}
.av-config select:focus-visible,.av-config #bpm:focus-visible{outline:2px solid #cbb17b;outline-offset:3px;border-color:#cbb17b}.av-config .av-upload:focus-within{outline-color:#d9bc80}.av-config .av-upload:hover{border-color:#d2b77d;background:linear-gradient(#101014,#1d1a20)}
.av-ab button{box-shadow:inset 0 1px #ffffff08;transition:background .2s,color .2s,border-color .2s}.av-ab button[aria-pressed=true]{background:linear-gradient(#8a6c2020,#ffcc0008);border-color:#c2a76c70;color:#ecd597}.av-ab #after[aria-pressed=true]{background:linear-gradient(#6f5eff20,#6f5eff08);border-color:#9787cf80;color:#d2c7fa}
.av-play.button{background:radial-gradient(circle at 35% 15%,#736a58,#302d30 62%,#1f1e23);box-shadow:inset 0 1px #fff1cc50,inset 0 -2px #0005,0 3px 0 #09090c,0 5px 12px #0007}.av-play.button:active:not(:disabled){transform:translateY(2px)}
.av-export{background:radial-gradient(ellipse at top,#5145341a,transparent 80%),linear-gradient(#070709,#17171b)}.result-ready .av-export{box-shadow:inset 0 9px 18px #000c,inset 0 -1px #ffffff12,0 0 20px #d6b37114}.result-ready .delivery-label{color:#d8bd87}.av-export .button:focus-visible{outline:2px solid #f1dba7;outline-offset:4px}.result-ready .av-export .button{background:linear-gradient(135deg,#f4e0ad,#d1b171 55%,#b4924e);box-shadow:inset 0 1px #fff5d877,0 3px 0 #5c451c,0 4px 9px #0005}
.cabinet-base{background:linear-gradient(transparent,#00000015);text-shadow:0 1px #000}.cabinet-vents{border-radius:2px;box-shadow:inset 0 1px 2px #0007}.credit-grid button:hover,.studio-premium button:hover{border-color:#efd494;background:#ffcc001b}.wallet-pill:hover{border-color:#d9bf80;background:#ffcc0012}
@media(prefers-reduced-motion:reduce){.sound-item,.av-ab button{transition:none}}
/* Physical construction pass: a single light direction, recessed joints, glass gasket. */
.vending-cabinet{padding:15px 15px 0;border-color:#8b8170;background:repeating-linear-gradient(0deg,#ffffff015 0px,#ffffff015 1px,transparent 1px,transparent 3px),linear-gradient(100deg,#6b6458 0%,#363439 1.4%,#19191d 4%,#242428 92%,#645e53 98.7%,#2a2729 100%);box-shadow:inset 0 2px 1px #fff4dc70,inset 1px 0 #e6d5aa38,inset -2px 0 #0008,inset 0 -4px 0 #0a0a0c,0 32px 65px #0009,0 1px 0 4px #070709}
.vending-cabinet::before{top:auto;bottom:-37px;left:8%;width:84%;height:36px;border-radius:50%;background:#0008;box-shadow:none;filter:blur(14px);z-index:-2}.vending-cabinet::after{display:none}
.cabinet-hardware{position:absolute;inset:0;pointer-events:none;z-index:4}.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#d6c9ad,#777165 40%,#2c2b2a 80%);box-shadow:0 0 0 2px #111114,inset 0 1px #ffefd4aa,1px 1px 2px #0009}.screw::before,.screw::after{content:"";position:absolute;left:2px;right:2px;top:3px;height:1px;background:#151518;box-shadow:0 1px #cebf9855}.screw::after{transform:rotate(90deg)}.top-left{top:8px;left:13px}.top-right{top:8px;right:13px;transform:rotate(20deg)}.bottom-left{bottom:12px;left:10px;transform:rotate(-15deg)}.bottom-right{bottom:12px;right:10px;transform:rotate(35deg)}.cabinet-hinge{position:absolute;right:1px;width:5px;height:36px;border-radius:3px;background:repeating-linear-gradient(0deg,#262429 0 10px,#0d0c10 10px 12px),linear-gradient(90deg,#767062,#262429);border:1px solid #8c806244;box-shadow:2px 0 3px #0006}.hinge-top{top:31%}.hinge-bottom{top:74%}
.cabinet-marquee{border-color:#9c876047;background:linear-gradient(130deg,#59514411,transparent 48%),radial-gradient(ellipse at 15% 0%,#80664124,transparent 70%),linear-gradient(140deg,#252323,#101014);box-shadow:inset 0 1px #fff2d52c,inset 0 0 0 3px #0a090c80,inset 0 -3px 12px #0009,0 3px 0 #0009}.marquee-name{background:linear-gradient(#fff1c7 12%,#ddc189 58%,#a88c58 94%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #08070a) drop-shadow(0 0 9px #d9b57422)}
.av-config{border-color:#59514b;background:repeating-linear-gradient(0deg,#ffffff025 0px,#ffffff025 1px,transparent 1px,transparent 3px),linear-gradient(120deg,#3e3a3d,#272529 75%);box-shadow:inset 0 1px #fff5d52a,inset 1px 0 #ffffff08,inset 0 -1px #0009,0 6px 16px #0009}.console-heading{padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid #101013;box-shadow:0 1px #ddd0b312}.console-heading h2{margin:7px 0 0;letter-spacing:-.03em;color:#ece2ce}.console-heading>span{text-shadow:0 1px #000}.av-config select,.av-config #bpm{border-color:#151419;background-color:#151417;box-shadow:inset 0 3px 7px #0009,inset 0 1px #000,0 1px #e7d8b327}.av-config>label{text-shadow:0 1px #111}.av-config .av-upload{border-color:#6d5f49;background:radial-gradient(ellipse at bottom,#31291f55,transparent 70%),linear-gradient(#08080a,#17161a);box-shadow:inset 0 6px 10px #000c,inset 0 0 0 4px #0005,0 1px #f7e8c325}.av-upload svg{filter:drop-shadow(0 1px #000);color:#d8be89}
.display-bezel{border-color:#8b81715c;padding:21px;background:linear-gradient(118deg,#403b3c,#1a181c 35%,#282429 80%,#4d4541);box-shadow:inset 0 1px #fff1d244,inset 0 0 0 5px #070709,inset 0 -1px #000,0 7px 18px #000b}.glass-seal{position:absolute;inset:7px;border:2px solid #050509;border-radius:8px;box-shadow:inset 0 0 0 1px #f4e4c00c,0 1px #fff3cc15;pointer-events:none}.display-bezel::after{inset:10px;border-color:#fff0ce0d;background:linear-gradient(117deg,transparent 6%,#ffffff025 7% 8%,transparent 9% 26%,#fff6e205 27%,transparent 39% 75%,#ffffff025 76%,transparent 78%);box-shadow:inset 1px 0 #fff7de0a}.display-topline{position:relative;color:#b2a48c;margin-bottom:22px}.sound-item{border-radius:8px;background:radial-gradient(ellipse at top left,#5e504722,transparent 60%),linear-gradient(140deg,#373237,#18161b);box-shadow:inset 0 1px #fff3d12a,inset 0 -2px #09070b88,2px 6px 10px #0009}.sound-item[aria-pressed=true]{background:radial-gradient(ellipse at top,#9c763530,transparent 70%),linear-gradient(140deg,#41382c,#231e24);border-color:#b89b65;box-shadow:inset 0 1px #fff1ce44,inset 0 -2px #24180f99,0 0 16px #c4a46b12,2px 6px 10px #0009}.sound-item::after{height:5px;bottom:-9px;left:-2px;right:-2px;border-bottom:1px solid #050409;background:linear-gradient(#777060,#302a29 60%,#1c191e);box-shadow:0 4px 5px #0009}.sound-item[aria-pressed=true]::after{background:linear-gradient(#bca16d,#61503a 60%,#1c191e);box-shadow:0 4px 5px #0009,0 -2px 7px #c9ab6720}.sound-art{background:radial-gradient(circle at 27% 18%,#625b52,#1b191e 65%,#101014);border-color:#8f846e55;box-shadow:inset 0 1px #fff4d322,inset 0 -2px #0008,0 2px 0 #070709}.sound-art i{box-shadow:0 1px #000,0 0 4px #dabb7415}.sound-item small{color:#a89d8a}
.av-wave{background:linear-gradient(transparent 49%,#e1c4820a 50%,transparent 51%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,#ffffff025 0 1px,transparent 1px 24px),#09090d;box-shadow:inset 0 2px 9px #000,inset 0 0 0 2px #0005}.av-play.button{border-color:#8e7b5a}.av-config .av-process{background:linear-gradient(#f8e6b0,#d3b26b 48%,#ae8a47);border-color:#d8bc85;box-shadow:inset 0 1px #fff5cf99,inset 0 -1px #9d7b4166,0 4px 0 #624820,0 7px 14px #0009;color:#21180a}.av-config .av-process:hover:not(:disabled){background:linear-gradient(#fff0bf,#dfbf78 48%,#be9a54)}
.delivery-label{display:flex;align-items:center;justify-content:space-between;margin-right:7px}.delivery-indicator{width:17px;height:3px;border-radius:3px;background:#75623a;box-shadow:inset 0 1px #050407}.result-ready .delivery-indicator{background:#e0c88a;box-shadow:0 0 8px #e3c67d77}.av-export{border-color:#81715a60;min-height:122px;padding-top:29px;background:linear-gradient(#020205,#101015 45%,#242127);box-shadow:inset 0 13px 18px #000c,inset 0 0 0 5px #050408,0 2px #b2a08020}.av-export::before{top:7px;left:8px;right:8px;height:9px;background:linear-gradient(#443d36,#141017);border-bottom:1px solid #96806144;box-shadow:0 4px 7px #000b}.output-stamp{display:block;color:#786e5e;font-size:6px;letter-spacing:.15em;margin-top:5px}.result-ready .av-export{border-color:#b39a68;box-shadow:inset 0 13px 18px #000c,inset 0 0 0 5px #050408,0 0 18px #d6b37110,0 2px #b2a08020}.av-details summary{color:#a49a89}
.credit-grid article{border-color:#8f7c5255;border-radius:12px;background:repeating-linear-gradient(0deg,#ffffff015 0 1px,transparent 1px 3px),linear-gradient(125deg,#373035,#1a171d);box-shadow:inset 0 1px #fff1ca1c,inset 0 -1px #0008,0 8px 18px #0007}.credit-grid article.featured{background:radial-gradient(ellipse at top right,#9e75351a,transparent 65%),linear-gradient(125deg,#3d342b,#1d191c);border-color:#b99d635f}.credit-grid button,.studio-premium button{border-color:#99815977;background:linear-gradient(#4c3f2f55,#241e2022);box-shadow:inset 0 1px #fff0c315,0 2px #05040866}.studio-premium{border-color:#a98e5550;border-radius:12px;box-shadow:inset 0 1px #fff1bd22,0 8px 16px #0004}
@media(max-width:900px){.display-bezel{padding:16px}.vending-cabinet{padding:12px 12px 0}}@media(max-width:680px){.vending-cabinet{padding:9px 9px 0}.sound-item::after{left:1px;right:1px}.glass-seal{inset:6px}.display-bezel{padding:16px}.cabinet-hinge{display:none}}
/* Integrated wallet and centered coin acceptor share a single machined panel. */
.vending-studio .av-config .coin-machine{height:286px;border:1px solid #7b6b524f;border-radius:11px;background:radial-gradient(ellipse at 24% 45%,#5d49332a,transparent 68%),repeating-linear-gradient(0deg,#ffffff018 0 1px,transparent 1px 3px),linear-gradient(130deg,#2b282d,#141216 70%);box-shadow:inset 0 1px #fff1ce20,inset 0 -1px #0008,0 4px 10px #0006;overflow:hidden}
.vending-studio .machine-wallet.wallet-pill{position:absolute;top:13px;left:13px;right:13px;width:calc(100% - 26px);height:58px;border:1px solid #73604455;border-radius:7px;background:linear-gradient(115deg,#37312b,#1a171b);padding:8px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:5;box-shadow:inset 0 1px #fff0c71b,0 2px 5px #0007;cursor:pointer}
.vending-studio .machine-wallet.wallet-pill:hover{border-color:#c3a56c88;background:linear-gradient(115deg,#42392d,#211a1e)}
.vending-studio .machine-wallet .counter-label{font:500 8px/1.5 Poppins,sans-serif;letter-spacing:.14em;color:#ded2b9;text-align:left;flex-shrink:0}.counter-label small{display:block;font:400 6px/1.5 Poppins,sans-serif;letter-spacing:.1em;color:#988971;margin-top:3px}
.vending-studio .machine-wallet .counter-screen{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:58px;padding:4px 9px 5px;border:1px solid #493d2b;border-radius:4px;background:#08080b;box-shadow:inset 0 2px 6px #000,0 1px #ffe4ac12;color:#f4d393}
.counter-screen b{font:500 26px/1 Oswald,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 7px #e9be6a33}.counter-screen>span{font:500 8px Poppins,sans-serif;letter-spacing:.06em;color:#bb9962}.vending-studio .machine-wallet .counter-recharge{font:400 22px/1 Poppins,sans-serif;display:block;color:#d8bd84;text-align:center;flex-shrink:0}.counter-recharge small{display:block;font:500 6px/1.5 Poppins,sans-serif;letter-spacing:.07em;margin-top:2px;color:#a99b80}
.vending-studio .machine-engraving{top:auto;bottom:10px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.15em;color:#6c6150}
.vending-studio .machine-reader{left:calc(50% - 29px);top:77px;width:58px;height:130px;border:1px solid #93816b;border-radius:12px;background:linear-gradient(95deg,#b2a085 0%,#64584d 5%,#25212a 14%,#0d0c10 44%,#3b333a 82%,#8a7a64 97%,#5c5146);box-shadow:inset 0 1px #fff3c76b,inset 0 -1px #070609,4px 6px 9px #000b,0 0 0 3px #0a090c66}
.vending-studio .reader-slot{left:20px;top:13px;width:18px;height:94px;border-radius:9px;background:linear-gradient(90deg,#000,#040207 68%,#211920);box-shadow:inset 4px 0 5px #000,1px 0 #c6b18888,-1px 0 #000,0 0 0 3px #151018;border:1px solid #020104}
.vending-studio .reader-mark{top:3px;font-size:5px;letter-spacing:.14em;color:#afa18a}.vending-studio .reader-light{left:25px;top:116px;width:6px;height:4px;border-radius:2px}.vending-studio .reader-lip{left:calc(50% + 10px);top:87px;width:14px;height:100px;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#d1b98e 0%,#776454 8%,#372b34 25%,#29222b 80%,#615044);box-shadow:inset 1px 0 #ffebbb77,3px 0 4px #0008}
.vending-studio .reader-pulse{left:calc(50% - 32px);top:74px;width:64px;height:136px}.vending-studio .machine-coin.mastercoin{top:94px;transform:translate3d(-62px,7px,0) rotateZ(-13deg) rotateY(-22deg)}
.vending-studio .coin-floor-shadow{top:218px;left:calc(50% - 89px)}.vending-studio .machine-caption{bottom:30px;font-size:7px;letter-spacing:.1em;left:10px;right:10px}
.vending-studio .coin-machine[data-state=inserting] .machine-coin{animation:coin-mechanism-v5 2.9s linear forwards}
.vending-studio .coin-machine[data-state=inserting] .coin-floor-shadow{animation:coin-shadow-v5 2.9s linear forwards}
.vending-studio .coin-machine[data-state=accepted] .machine-coin,.vending-studio .coin-machine[data-state=ready] .machine-coin{transform:translate3d(22px,0,0) rotateY(88deg);visibility:hidden}.vending-studio .coin-machine[data-state=error] .machine-coin{transform:translate3d(-62px,7px,0) rotateZ(-13deg) rotateY(-22deg)}
@keyframes coin-mechanism-v5{0%{transform:translate3d(-62px,7px,0) rotateZ(-13deg) rotateY(-22deg);animation-timing-function:cubic-bezier(.3,.5,.35,1)}38%{transform:translate3d(-34px,-5px,0) rotateZ(-2deg) rotateY(22deg);animation-timing-function:cubic-bezier(.4,0,.4,1)}72%{transform:translate3d(-3px,0,0) rotateZ(0) rotateY(84deg);animation-timing-function:cubic-bezier(.3,.5,.4,1)}100%{transform:translate3d(22px,0,0) rotateZ(0) rotateY(88deg)}}
@keyframes coin-shadow-v5{0%{transform:translateX(0) scaleX(1);opacity:.55}38%{transform:translateX(28px) scaleX(.7);opacity:.35}72%{transform:translateX(60px) scaleX(.13);opacity:.5}100%{transform:translateX(83px) scaleX(.08);opacity:0}}
@media(prefers-reduced-motion:reduce){.vending-studio .coin-machine[data-state=inserting] .machine-coin,.vending-studio .coin-machine[data-state=inserting] .coin-floor-shadow{animation:none;visibility:hidden}}