.atelier{--at-line:#c29a663b;--at-ivory:#f8eddd;--at-gold:#deb985;overflow:hidden;border:1px solid #bd8e5760;border-radius:18px;background:#1e1117;color:var(--at-ivory);margin:24px 0 16px;text-align:left;color-scheme:dark}
.at-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.88fr)}
.at-stage{position:relative;isolation:isolate;min-width:0;height:clamp(350px,35vw,480px);background:radial-gradient(ellipse at 50% 50%,#7b3842 0%,#56252f 32%,#32131f 61%,#1c0e16 91%);overflow:hidden}
.at-stage::before{content:"";position:absolute;inset:6% 16% 11%;border:1px solid #d8ab7940;border-bottom:0;border-radius:50% 50% 0 0 / 62% 62% 0 0;box-shadow:0 -5px 24px #d29c5b0a,inset 0 5px 25px #d29c5b0b;pointer-events:none}
.at-floor{position:absolute;left:12%;right:12%;height:17%;bottom:5.4%;border-radius:50%;background:radial-gradient(ellipse at 52% 50%,#140b12 2%,#301a21 36%,#503238 80%,#9b7259);border:1px solid #c59a675f;box-shadow:0 3px 0 #28151d,0 4px 0 #b2804a6b,0 11px 17px #0c060c71;pointer-events:none}
.at-floor::after{content:"";position:absolute;inset:20% 10%;border:1px solid #d6a36434;border-radius:50%;background:radial-gradient(ellipse,#11070ba6,transparent 67%)}
.at-canvas,.at-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.at-canvas{cursor:grab;touch-action:none;outline-offset:-4px}.at-canvas.held{cursor:grabbing}.at-canvas:focus-visible,.atelier :is(button,select):focus-visible{outline:2px solid #ffe3ab}.atelier [hidden]{display:none!important}
.at-fallback{object-fit:contain}.at-engrave,.at-number{position:absolute;top:15px;font:600 9px/1.3 system-ui,sans-serif;letter-spacing:2.1px;color:#e1c4a9;pointer-events:none}.at-engrave{left:20px}.at-number{right:20px;font-variant-numeric:tabular-nums}
.at-readout{position:absolute;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;color:#dfbd9a;font:600 10px/1.1 system-ui,sans-serif;letter-spacing:1px;pointer-events:none}
.at-skip{display:none;position:absolute;top:38px;right:12px}.atelier[data-phase="opening"] .at-skip{display:block}
.at-controls{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:9px 10px;border-top:1px solid var(--at-line);background:#23131b}.atelier button.at-key,.at-skip{border:1px solid #b987554f;color:#f2d9b7;border-radius:7px;background:#341f27;min-width:40px;min-height:38px;font:600 16px/1 system-ui;cursor:pointer}.atelier button:hover{border-color:#deb985}.atelier button:disabled{opacity:.46;cursor:default}.at-controls .at-sep{width:1px;height:18px;background:var(--at-line);margin:0 4px}.at-controls button.at-replay,.at-skip{font-size:11px;padding:5px 12px}
.at-info{padding:clamp(20px,3vw,45px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-left:1px solid var(--at-line);background:radial-gradient(ellipse at 5% 0,#35202a,transparent 70%),#201219}
.at-kicker,.at-label,.at-motifs legend{color:var(--at-gold);font:650 10px/1.5 system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase}.at-kicker{display:flex;align-items:center;gap:9px}.at-kicker:before{content:"";width:24px;height:1px;background:var(--at-gold)}
.at-info h1{color:var(--at-ivory);font:500 clamp(32px,3.6vw,54px)/1.04 Georgia,serif;letter-spacing:-1.7px;margin:10px 0 11px;text-align:left;text-wrap:balance;text-shadow:none}
.at-info p{margin:0 0 17px;color:#d9c4bc;font:400 13px/1.55 system-ui,sans-serif;max-width:40ch}
.at-info select{display:block;width:100%;margin:5px 0 12px;border:1px solid #a17b5e70;border-radius:7px;background:#291b22;color:#f7ebdc;padding:7px 10px;min-height:38px;font:500 13px system-ui,sans-serif}
.at-motifs{border:0;padding:0;margin:1px 0 13px;min-width:0}.at-motifs legend{padding:0;margin:0 0 5px}.at-motifs button{padding:0;overflow:hidden;background:#150e14;border-radius:7px;border:1px solid #aa805c88;width:42px;height:40px;margin-right:5px;cursor:pointer}.at-motifs img{width:100%;height:100%;object-fit:contain}.at-motifs button[aria-pressed="true"]{border:2px solid #f7cc8c}
.at-go{background:#ebce9e;color:#311b23;border:1px solid #f5d9ae;border-radius:7px;padding:10px 16px;font:700 12px/1.3 system-ui;cursor:pointer}.at-go span{margin-left:12px}
.at-status{font-size:10px;color:#d3bdb2;padding:6px 9px;text-align:center;border-top:1px solid #d4ad7630;letter-spacing:.1px;background:#201219}.at-sub{font-size:10px;color:#c7aea0;margin:0 0 10px;display:block}
.at-edit-title{text-align:center;color:#f5debc;font:500 clamp(25px,3vw,38px)/1.1 Georgia,serif;margin:24px 0 12px}.studio-page .at-edit-title{scroll-margin-top:112px}
@media(max-width:790px){.at-layout{grid-template-columns:1fr}.at-stage{height:clamp(258px,70vw,405px)}.at-info{border-left:0;border-top:1px solid var(--at-line);padding:19px 20px 21px}.at-info h1{font-size:32px}.at-info p{margin-bottom:10px;max-width:100%}.atelier{margin-top:12px}.at-engrave,.at-number{top:12px;font-size:8px}.at-controls{gap:4px;padding:7px 5px}.atelier button.at-key{min-height:38px;min-width:38px}.at-info select{max-width:450px}.at-motifs{margin-bottom:10px}}
@media(max-width:375px){.at-controls .at-sep{margin:0 1px}.at-controls button.at-replay{padding:5px 7px}.at-info{padding:15px}}
.atelier{scroll-margin-top:103px}.at-choices{width:100%}.at-tones{border:0;padding:0;margin:0 0 10px;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.at-tones legend{padding:0;margin:0 0 3px}.at-tones button{width:29px;height:29px;background:none;border:1px solid transparent;border-radius:50%;padding:4px;cursor:pointer}.at-tones button::before{content:"";display:block;height:100%;border:1px solid #d6c5ae64;border-radius:50%;background:var(--tone)}.at-tones button[aria-pressed="true"]{border-color:#efcc90}.at-return{display:flex;margin:8px auto}
@media(max-width:790px){.at-choices{display:flex;flex-wrap:wrap;column-gap:17px}.at-tones{align-self:flex-start}.at-info select{margin-bottom:9px}.at-motifs button{width:35px;height:34px}}