@charset "UTF-8";
.atelier-detail-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;min-height:44px}
.atelier-detail-header strong{font-size:18px;font-weight:400;line-height:1.2;color:#e2dccd;min-width:0}
.atelier-detail-header button{pointer-events:auto;flex:none;width:96px;height:30px;border:1px solid color-mix(in srgb,var(--at-selected,#ddc493) 42%,transparent);border-radius:4px;background:#18262e;color:#e0d3b6;font-size:10px;line-height:1;cursor:pointer}
.atelier-detail-header button:hover,.atelier-detail-header button[aria-pressed=true]{background:#24373e;border-color:var(--at-selected,#ddc493)}
.atelier-detail-header button:disabled{opacity:.38;cursor:default}
.atelier-inspect .atelier-detail{border-left-color:var(--at-selected,#ddc493)}
.atelier-detail-header+p{min-height:48px}
.atelier-check[data-focused=true]{box-shadow:inset 2px 0 var(--at-selected,#ddc493)}
.atelier{max-width:1700px;margin:auto;padding:28px clamp(16px,3vw,50px) 0;--at-line:#8eabb627;--at-light:#ddc493}.atelier-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.atelier-bar h1,.atelier-bar h2{font-size:clamp(23px,2.6vw,39px);letter-spacing:-.04em;font-weight:400;margin:8px 0 0;line-height:1.2}.atelier-bar .eyebrow{font-size:8px}.atelier-modes{display:flex;border:1px solid var(--at-line);border-radius:5px;padding:4px;background:#101820;flex:none}.atelier-modes button{background:none;border:0;color:#8da4b0;border-radius:3px;min-width:90px;font-size:11px;padding:11px 10px}.atelier-modes button[aria-pressed=true]{background:#ded2b1;color:#15191c;box-shadow:0 2px 9px #0004}.atelier-workbench{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:0;min-height:640px;border:1px solid var(--at-line);border-radius:7px;overflow:hidden;background:#101820}.atelier-viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 55% 40%,#1c2b39,#101b25 45%,#0c121a 85%)}.atelier-viewport canvas{display:block;width:100%;height:640px;touch-action:pan-y;cursor:grab;outline-offset:-4px}.atelier-viewport canvas:active{cursor:grabbing}.atelier-badges{position:absolute;inset:19px 22px auto;display:flex;justify-content:space-between;pointer-events:none;gap:16px;color:#9bb5c4;font-size:8px;letter-spacing:.16em}.atelier-badges span:first-child{display:flex;align-items:center;gap:7px}.atelier-badges b{font-weight:500}.atelier-badges i{width:5px;height:5px;flex:none;border-radius:50%;background:#8ad7bf;box-shadow:0 0 12px #8ad7bf80}.atelier-inspect{position:absolute;bottom:43px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.atelier-detail{max-width:340px;min-height:109px;padding:12px 15px;border-left:2px solid #b79d69;background:linear-gradient(90deg,#0b131be8,#0b131b5c);border-radius:0 4px 4px 0}.atelier-detail>span{display:block;font-size:7px;letter-spacing:.16em;color:#8fa9ba;margin-bottom:7px}.atelier-detail>strong{font-size:18px;font-weight:400;line-height:1.2;color:#e2dccd}.atelier-detail p{font-size:10px;color:#91a6b5;line-height:1.6;margin:8px 0 0;min-height:32px;max-width:280px}.atelier-chain{display:flex;gap:8px;align-items:center;font-size:7px;letter-spacing:.02em;padding:8px 10px;background:#0a1218c9;border:1px solid #7595a122;border-radius:4px;flex:none;color:#b5c4cc;white-space:nowrap;margin-bottom:5px}.atelier-chain i{color:#81b5b2;font-style:normal}.atelier-chain span:nth-last-child(3){color:#ddc493}.atelier-hint{position:absolute;bottom:15px;left:22px;right:22px;text-align:center;color:#718a9b;font-size:9px;pointer-events:none;letter-spacing:.02em}.atelier-hint span{margin-inline:9px}.atelier-console{padding:19px 16px 16px;border-left:1px solid var(--at-line);background:linear-gradient(155deg,#17212b,#111922);display:flex;flex-direction:column;min-width:0}.atelier-console-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.atelier-console-title .eyebrow{font-size:8px}.atelier-console-title button{border:1px solid #bfa77540;background:transparent;color:#d7c59e;font-size:9px;padding:8px 6px;border-radius:3px;width:99px;min-height:35px;flex:none}.atelier-console fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.atelier-console legend{font-size:9px;color:#849cae;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.atelier-check{min-height:47px;display:flex;align-items:center;gap:8px;padding:8px 9px;margin-bottom:4px;border:1px solid #ffffff0b;border-radius:3px;background:#00000010;cursor:pointer}.atelier-check:has(input:checked){border-color:#c9ad6c66;background:#ddc49309}.atelier-check input{accent-color:#d9c499;width:14px;height:14px;margin:0;flex:none}.atelier-check b{display:block;font-size:11px;font-weight:500;line-height:1.2}.atelier-check small{display:block;font-size:8px;color:#8197a9;margin-top:4px;line-height:1.2}.atelier-check i{width:4px;height:4px;border-radius:50%;background:#d6c394;margin-left:auto;opacity:0;flex:none;box-shadow:0 0 10px #d6c39477}.atelier-check:has(input:checked) i{opacity:1}.atelier-check:has(input:disabled){opacity:.4}.atelier-status{font-size:10px;color:#90a5b4;min-height:90px;margin:0;border-top:1px solid var(--at-line);padding-top:13px;line-height:1.7}.atelier-console>.text-link{font-size:9px;margin-top:auto;align-self:start}.atelier-bottom{display:grid;grid-template-columns:minmax(180px,1fr) 160px 130px 145px;gap:13px;align-items:center;padding:18px 0 0}.atelier-bottom>label{display:grid;grid-template-columns:auto 45px 1fr;gap:10px;align-items:center;font-size:11px;color:#879eaf}.atelier-bottom output{color:#d8c69e;font-size:10px;font-variant-numeric:tabular-nums}.atelier-bottom input{width:100%;min-width:0;accent-color:#d8c69e;height:28px;margin:0}.atelier-bottom button{height:42px;background:#121b23;border:1px solid var(--at-line);border-radius:3px;color:#9fb1bc;font-size:10px;width:100%}.atelier-bottom button[aria-pressed=true]{color:#d8c69e;border-color:#bfa77555}.atelier-disclaimer{font-size:9px;color:#5f798b;max-width:850px;line-height:1.8;margin:14px 0 0}.atelier-story{padding-block:100px}.atelier-story h2{font-size:clamp(30px,4vw,56px);letter-spacing:-.04em;font-weight:400;margin:18px 0 35px}.atelier-story>div{display:grid;grid-template-columns:1fr 1fr;gap:60px}.atelier-story p{font-size:14px;color:#93a6b2;max-width:530px;line-height:1.8}.atelier-flat{width:100%;height:640px;padding:60px 25px 150px;display:flex;align-items:center;justify-content:center}.atelier-flat svg{max-width:100%;max-height:100%;width:100%;height:100%}
@media(min-width:1700px){.atelier-viewport canvas,.atelier-flat{height:730px}.atelier-workbench{min-height:730px}}
@media(max-width:1100px){.atelier-workbench{grid-template-columns:minmax(0,1fr) 235px}.atelier-inspect{display:block;left:15px;right:15px}.atelier-detail{max-width:285px;min-height:98px}.atelier-chain{position:absolute;bottom:10px;right:0;max-width:100%;font-size:6px;padding:6px}.atelier-detail p{font-size:9px;max-width:220px}.atelier-bottom{grid-template-columns:1fr 140px 120px 130px;gap:9px}.atelier-console{padding:16px 12px}.atelier-viewport canvas,.atelier-flat{height:610px}}
@media(max-width:820px){.atelier{padding-top:22px}.atelier-bar h1,.atelier-bar h2{font-size:27px}.atelier-bar{align-items:start}.atelier-modes button{min-width:68px;padding:11px 7px;font-size:10px}.atelier-workbench{grid-template-columns:1fr}.atelier-viewport canvas,.atelier-flat{height:560px}.atelier-console{border-left:0;border-top:1px solid var(--at-line);display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:20px}.atelier-console-title{grid-column:1/-1}.atelier-console fieldset{margin-bottom:15px}.atelier-status{grid-column:1/-1;min-height:55px}.atelier-bottom{grid-template-columns:1fr 1fr 1fr}.atelier-bottom>label{grid-column:1/-1}.atelier-console>.text-link{grid-column:1/-1}.atelier-inspect{display:flex;left:20px;right:20px}.atelier-chain{position:static;font-size:7px;margin-bottom:5px}.atelier-detail p{max-width:270px;font-size:10px}.atelier-story>div{gap:30px}.atelier-story{padding-block:60px}}
@media(max-width:600px){.atelier{padding-inline:12px;padding-top:20px}.atelier-bar{display:block}.atelier-bar h1,.atelier-bar h2{font-size:26px;line-height:1.2}.atelier-modes{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr)}.atelier-modes button{min-width:0}.atelier-viewport canvas,.atelier-flat{height:530px}.atelier-badges{inset:15px 12px auto;font-size:6px;gap:8px}.atelier-inspect{left:12px;right:12px;bottom:45px;display:block}.atelier-detail{max-width:none;width:100%;min-height:96px;padding:10px 12px}.atelier-detail p{max-width:300px;font-size:9px;min-height:30px}.atelier-detail strong{font-size:17px}.atelier-chain{margin-top:9px;font-size:7px;gap:7px;justify-content:center;min-height:29px}.atelier-hint{font-size:7px;bottom:13px;left:12px;right:12px;line-height:1.6}.atelier-hint span{margin-inline:4px}.atelier-console{padding:15px 12px;gap:0 11px}.atelier-console legend{font-size:8px}.atelier-check{padding:9px 7px;gap:6px;min-height:51px}.atelier-check b{font-size:11px}.atelier-check small{font-size:8px}.atelier-check i{display:none}.atelier-check input{width:13px;height:13px}.atelier-console-title{margin-bottom:17px}.atelier-status{min-height:108px;font-size:10px}.atelier-bottom{gap:7px}.atelier-bottom button{font-size:9px;padding:5px 3px;line-height:1.5}.atelier-bottom>label{font-size:10px;grid-template-columns:auto 38px 1fr}.atelier-disclaimer{font-size:8px}.atelier-story>div{grid-template-columns:1fr;gap:10px}.atelier-story p{font-size:13px}.atelier-flat{padding:45px 0 195px}}

/* One presentation on Home, Build and the original review address. */
.atelier-demo-note{font-size:11px;line-height:1.65;color:#97abba;min-height:20px;margin:-7px 0 18px;max-width:820px}
.atelier-console-title{margin-bottom:12px}
.atelier-sets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:17px}
.atelier-sets button{width:100%;min-height:43px;padding:6px 5px;border:1px solid #bfa77540;background:#131f28;color:#ddc493;font-size:9px;line-height:1.4;border-radius:3px}
.atelier-sets button:first-child{border-color:#ddc49380;background:#ddc49312}
.atelier-console .atelier-check{min-height:46px}
@media(max-width:820px){.atelier-console-title,.atelier-sets{grid-column:1/-1}.atelier-console-title{margin-bottom:12px}.atelier-sets{margin-bottom:20px}}
@media(max-width:600px){.atelier-demo-note{font-size:10px;min-height:34px;margin-top:-5px}.atelier-console .atelier-check{min-height:51px}}

/* Lira is an optional introduction, independent of the seven released modules. */
.atelier-lira-option{margin:0 0 18px;grid-column:1/-1}
.atelier-lira-option>button{width:100%;height:57px;padding:9px 10px;display:flex;align-items:center;gap:10px;border:1px solid #6d9ec078;border-radius:5px;background:linear-gradient(115deg,#1c3044,#172132);color:#d7eaff;text-align:left;box-shadow:inset 0 1px #b5dfff15;transition:box-shadow .3s,border-color .3s}
.atelier-lira-option>button[aria-pressed=true]{border-color:#a2d5fa;box-shadow:0 0 22px #5d98d327,inset 0 0 18px #77b0eb12}
.lira-button-orbit{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #adcff390;border-radius:50%;font-family:Georgia,serif;font-size:17px;background:radial-gradient(#7b96bb33,#1b2d40);color:#d7ebff}
.atelier-lira-option b{display:block;font-size:13px;font-weight:500;line-height:1.3}
.atelier-lira-option small{display:block;color:#90acc6;font-size:8px;line-height:1.5;margin-top:3px}
.atelier-lira-option i{font-size:16px;font-style:normal;color:#b8d4ed;margin-left:auto}
.atelier-lira-option>p{font-size:9px;color:#829eb6;line-height:1.65;min-height:32px;margin:8px 0 0}
.atelier-lira-preview{position:absolute;left:20px;top:52px;width:145px;z-index:3;isolation:isolate;filter:drop-shadow(0 0 18px #6fbcff38);animation:lira-arrives .8s cubic-bezier(.2,.8,.2,1) both;text-align:center}
.atelier-lira-preview img{width:100%;display:block;max-height:258px;object-fit:contain;border:1px solid #b2d5f499;border-radius:14px;background:#142030}
.atelier-lira-preview strong{font-family:Georgia,serif;font-size:25px;display:block;font-weight:400;letter-spacing:.03em;color:#e0efff;margin-top:7px}
.atelier-lira-preview small{display:block;color:#97b6d1;font-size:8px;margin-top:2px}
.lira-preview-halo{position:absolute;z-index:-1;inset:10px -25px -5px;background:radial-gradient(ellipse,#7fc5ff28,transparent 68%);border-radius:50%}
@keyframes lira-arrives{from{opacity:0;transform:translateY(30px) scale(.94);filter:blur(7px) drop-shadow(0 0 30px #6fbcff66)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 0 18px #6fbcff38)}}
@media(max-width:600px){.atelier-lira-preview{top:44px;left:50%;width:98px;transform:translateX(-50%);animation:lira-arrives-mobile .8s cubic-bezier(.2,.8,.2,1) both}.atelier-lira-preview img{max-height:174px;border-radius:10px}.atelier-lira-preview strong{font-size:20px;margin-top:4px}.atelier-lira-preview small{font-size:6px}.atelier-lira-option>p{min-height:31px;font-size:9px}}
@keyframes lira-arrives-mobile{from{opacity:0;transform:translateX(-50%) translateY(22px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.atelier-lira-preview{animation:none}}

.atelier-lira-mobile-option{display:none}
@media(max-width:600px){
 .atelier-lira-mobile-option{display:block;padding:13px 12px 9px;border-bottom:1px solid #718eaa30}
 .atelier-console .atelier-lira-option{display:none}
 .atelier-lira-mobile-option button{width:100%;height:45px;padding:7px 11px;display:flex;align-items:center;gap:12px;border:1px solid #6d9ec078;border-radius:5px;background:linear-gradient(115deg,#1c3044,#172132);color:#d7eaff;text-align:left}
 .atelier-lira-mobile-option b{font-size:14px;font-weight:500}
 .atelier-lira-mobile-option i{margin-left:auto;font-size:17px;font-style:normal}
 .atelier-lira-mobile-option button[aria-pressed=true]{border-color:#a2d5fa;box-shadow:0 0 22px #5d98d327,inset 0 0 18px #77b0eb12}
 .atelier-lira-mobile-option p{min-height:31px;color:#829eb6;font-size:9px;line-height:1.65;margin:7px 0 0}
}
.atelier-inspect .atelier-detail p{min-height:48px}
.atelier-modes [data-at-inspect-mobile]{display:none}
@media(max-width:600px){.atelier-modes{grid-template-columns:repeat(4,minmax(0,1fr))}.atelier-modes [data-at-inspect-mobile]{display:block}.atelier-detail-header{gap:8px}.atelier-detail-header button{width:88px;height:30px;font-size:9px}.atelier-detail-header strong{font-size:17px}}
/* Let the object use the entire stage, including the height reserved by its console. */
.atelier-viewport{min-height:640px}
.atelier-viewport canvas,.atelier-viewport .atelier-flat{position:absolute;inset:0;width:100%;height:100%}
@media(min-width:1700px){.atelier-viewport{min-height:730px}}
@media(max-width:1100px){.atelier-viewport{min-height:610px}}
@media(max-width:820px){.atelier-viewport{min-height:560px}}
@media(max-width:600px){.atelier-viewport{min-height:530px}}