:root{--studio-ink:#163d64;--studio-blue:#0868b1;--studio-teal:#307f87;--studio-soft:#eff6fc;--studio-border:#dbe7f2}
.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.studio-heading h1{font-size:clamp(2rem,4.4vw,3.5rem);letter-spacing:-.045em;line-height:1.1;margin:.35em 0}.studio-orbit{display:grid;place-items:center;background:linear-gradient(135deg,#e8e8fd,#e0f7fb);border:1px solid #d9e6f2;border-radius:32px;color:#6073b9;width:116px;height:116px;font-size:72px;flex-shrink:0}.studio-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0 32px}.studio-flow a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--studio-border);border-radius:15px;color:var(--studio-ink);background:#fff;text-decoration:none;font-size:.85rem;line-height:1.3}.studio-flow a>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#eaf2fb}.studio-flow a[aria-current]{background:#eaf3ff;border-color:#97bae7;font-weight:700}.studio-flow a[aria-current]>span{background:#1769b0;color:white}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.studio-stat{background:#fff;border:1px solid var(--studio-border);padding:20px;border-radius:18px;display:flex;flex-direction:column;gap:7px}.studio-stat strong{font-size:2rem;color:var(--studio-ink);font-weight:750;letter-spacing:-.04em}.studio-stat span{font-size:.85rem;color:#52657b}.studio-feature{display:grid;grid-template-columns:1fr 220px;align-items:center;background:linear-gradient(115deg,#eaf4ff,#f3f2ff 68%,#effafa);border:1px solid #dbe6f8;border-radius:26px;padding:34px;gap:25px}.studio-feature h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.025em;margin:10px 0}.studio-feature p{max-width:710px}.studio-feature-art{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.studio-feature-art span{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:#fff9;color:#6671bc;font-size:56px;box-shadow:0 12px 30px #819cc719}.studio-feature-art span:nth-child(2){color:#2889b7}.studio-feature-art span:nth-child(3){color:#419aa6}.studio-task{display:flex;flex-direction:column;gap:8px}.studio-task h3{margin:8px 0 0}.studio-task p{margin:0}.studio-task .actions{margin-top:auto;padding-top:18px}.studio-task small{color:#596d83}.studio-mode{font-size:.73rem;color:#47627c}.studio-definition{margin:12px 0}.studio-definition dt{font-weight:750;color:#214d77;text-transform:capitalize;border-top:1px solid var(--studio-border);padding-top:13px;margin-top:13px}.studio-definition dd{margin:7px 0 12px}.studio-definition .studio-definition{margin-left:14px}.studio-list{padding-left:23px;line-height:1.7}.studio-list>li+li{margin-top:9px}.studio-counter{font-size:2rem;font-weight:750;color:#567395;background:#eaf2fb;border-radius:22px;padding:18px 22px}.studio-stage{background:#fff;border:1px solid var(--studio-border);border-radius:26px;padding:clamp(20px,4vw,48px);text-align:center;box-shadow:0 14px 55px #163f6410;margin-top:24px;min-height:330px}.studio-stage form{text-align:left;max-width:780px;margin:auto}.studio-stage h2{max-width:850px;margin:0 auto 24px}.studio-trial-label{font-size:.85rem;color:#63768b}.studio-pair{display:flex;gap:clamp(30px,10vw,100px);justify-content:center;padding:30px 0}.studio-pair svg{width:120px;height:120px}.studio-passport{max-width:500px;border:1px solid #dae2ed;border-radius:18px;margin:20px auto;background:#fafcff}.studio-passport>div{width:120px;height:120px;display:grid;place-items:center;border:2px dashed #bfcedc;border-radius:15px}.studio-passport span{font-size:45px;color:#a3b6c8}.studio-target{display:grid;place-items:center;margin:22px auto}.studio-target svg{width:140px;height:140px}.studio-options{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:25px 0}.studio-options button{min-width:130px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px 24px;gap:10px;font-size:1.05rem}.studio-options button svg{width:90px;height:90px}.studio-options button.selected{background:#e1f0ff;border:2px solid #1870bc;opacity:1;color:#174d7d}.studio-zones{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.studio-zones button{min-width:0;padding:12px 7px;font-size:.8rem}.studio-zones button svg{width:60px;height:60px}.studio-zones button:nth-child(4){margin-right:15px}.studio-mapping{display:flex;justify-content:center;gap:22px;padding:18px;background:#edf4fa;border-radius:18px}.studio-mapping>div{display:flex;align-items:center;gap:10px;font-size:1.5rem}.studio-mapping svg{width:50px;height:50px}.studio-tokens{max-width:430px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:30px}.studio-tokens span{font-size:26px;color:#3286a7}.studio-review-item{padding:10px;border-bottom:1px solid var(--studio-border)}.studio-stage .actions{justify-content:center}.studio-stage textarea{font-family:inherit}.studio-prompt{font-size:1.5rem;line-height:1.6}.studio-definition span{overflow-wrap:anywhere}
@media(max-width:1000px){.studio-flow{grid-template-columns:repeat(3,1fr)}.studio-feature{grid-template-columns:1fr 140px}.studio-feature-art span{width:55px;height:55px;font-size:40px}.studio-zones{grid-template-columns:repeat(4,1fr)}.studio-zones button:nth-child(4){margin:0}.studio-zones button:nth-child(n+5){border-top:3px solid #a6b4cc}}
@media(max-width:650px){.studio-heading{align-items:flex-start}.studio-orbit{width:65px;height:65px;font-size:42px;border-radius:20px}.studio-flow{grid-template-columns:repeat(2,1fr);gap:7px}.studio-flow a{padding:10px;font-size:.8rem}.studio-stats{grid-template-columns:repeat(2,1fr);gap:8px}.studio-stat{padding:14px}.studio-stat strong{font-size:1.65rem}.studio-feature{grid-template-columns:1fr;padding:24px}.studio-feature-art{display:none}.studio-pair svg{width:90px;height:90px}.studio-passport>div{width:90px;height:90px}.studio-options button{min-width:100px;flex:1}.studio-mapping{gap:10px}.studio-mapping>div{gap:4px;font-size:1rem}.studio-mapping svg{width:32px;height:32px}.studio-zones button{min-width:0}.studio-counter{font-size:1.3rem;padding:12px}.studio-zones button svg{width:45px;height:45px}}
@media(prefers-reduced-motion:reduce){.studio-stage *{animation:none!important;transition:none!important}}
@media print{.studio-flow,.studio-stage .actions,.studio-feature-art{display:none}.studio-stage,.studio-stat,.studio-task{box-shadow:none;break-inside:avoid}.studio-heading h1{font-size:28px}}
.digital-tokens{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin:28px auto}.digital-token,.digital-tokens>div{width:130px;min-height:130px;display:grid;place-items:center}.digital-tokens svg{width:130px;height:130px}.digital-focus{outline:3px solid #1777bc;outline-offset:8px;border-radius:18px}.digital-story{white-space:pre-line;font-size:clamp(1.2rem,2.8vw,1.8rem);line-height:1.7;padding:28px;background:linear-gradient(120deg,#edf6ff,#f3efff);border:1px solid #dbe6f3;border-radius:22px;max-width:850px;margin:20px auto}.digital-word{font-size:1.35rem;font-weight:700}.digital-model{width:160px;height:160px;margin:24px auto}.digital-model svg{width:100%;height:100%}.digital-grid,.digital-options-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:390px;gap:10px;margin:24px auto}.digital-grid>div{height:100px;display:grid;place-items:center;border:1px solid #b5cde4;background:#f4f9fe;border-radius:12px}.digital-grid svg{width:80px;height:80px}.digital-options-grid button{min-width:0;min-height:72px;padding:12px}.digital-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:14px;border-radius:18px;background:#edf5ff}.digital-legend>div{display:flex;align-items:center;gap:6px}.digital-legend svg{width:55px;height:55px}.digital-legend strong{font-size:1.5rem}.digital-map{max-width:590px;margin:18px auto}.digital-map>svg{width:100%;max-height:400px}.digital-map p{font-size:.95rem;line-height:1.8}.digital-detail{width:130px;height:110px;overflow:hidden;margin:30px auto;border:2px dashed #8cb1d0;border-radius:18px}.digital-detail>svg{width:220px;height:220px;max-width:none;transform:translate(-35px,-35px)}.digital-overlap{height:180px;position:relative;width:250px;margin:20px auto}.digital-overlap svg{position:absolute;left:10px;top:0;width:170px;height:170px;opacity:.7}.digital-overlap svg+svg{left:80px;top:10px}.digital-steps{max-width:650px;text-align:left;margin:28px auto;font-size:1.3rem;line-height:2}.digital-label{display:flex;flex-direction:column;gap:10px;text-align:left;max-width:760px;margin:24px auto;font-weight:650}.digital-label textarea{font-size:1.15rem;min-height:130px}.digital-selection{padding:18px;background:#edf6ff;color:#173e68;border-radius:15px;min-height:55px;line-height:1.8}.digital-context{padding:18px;border-left:4px solid #55a7c4;background:#eef8fc;white-space:pre-line;text-align:left}.digital-audio{max-width:720px;margin:20px auto;padding:24px;border:1px solid #c9ddec;border-radius:22px;background:#f4f8fe}.digital-audio>span{font-size:3rem;color:#537db9}.digital-audio button{margin:6px}.digital-access-actions{margin-top:30px;padding-top:20px;border-top:1px solid #e0e9f1}.digital-prospective{padding:18px;border:1px solid #dce6ee;border-radius:18px;margin:20px 0;background:#fff}.digital-prospective .actions{margin-top:12px}.digital-response button:focus-visible,.digital-audio button:focus-visible{outline:3px solid #5641bb;outline-offset:4px}.digital-option-note{font-size:.85rem}.studio-stage button[aria-pressed="true"]{border:2px solid #176ab4;background:#e3f1ff}.digital-playback-status{min-height:24px}
@media(max-width:650px){.digital-tokens{gap:18px}.digital-token,.digital-tokens>div,.digital-tokens svg{width:90px;height:90px;min-height:90px}.digital-grid>div{height:75px}.digital-grid svg{width:60px;height:60px}.digital-story{padding:18px}.digital-prospective .actions{display:grid;grid-template-columns:1fr 1fr}.digital-map>svg{max-height:300px}}