@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--pair-color-ink:#18314f;--pair-color-surface:#f2f4ff;--pair-color-token:#42c7cf;--pair-color-token-dark:#168f9c;--pair-color-success:#1dbb78;--pair-color-error:#ef476f;--pair-color-focus:#6958e8;--pair-min-touch-target:44px;--pair-feedback-wrong-ms:.9s;--pair-feedback-correct-ms:.98s;--pair-radius-card:32px}.pair-demo-shell{min-height:100svh}.pair-demo-shell--mobile{width:390px;height:844px;min-height:0;margin:0 auto;overflow:hidden}.pair-mechanic{isolation:isolate;background:var(--pair-color-surface);width:100%;min-height:100svh;color:var(--pair-color-ink);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(18px,3vw,36px);display:grid;position:relative;overflow:hidden}.pair-mechanic__background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pair-mechanic__background>*{object-fit:cover;width:100%;height:100%}.pair-mechanic__header{z-index:20;justify-content:center;align-items:center;gap:clamp(18px,3vw,36px);min-height:76px;display:flex;position:relative}.pair-mechanic__header h1{color:var(--pair-color-ink);letter-spacing:-.035em;align-items:center;gap:12px;margin:0;font-size:clamp(22px,3vw,34px);font-weight:700;display:flex}.pair-mechanic__header strong{aspect-ratio:1;color:#6a4500;background:#ffd166;border-radius:50%;place-items:center;width:clamp(52px,6vw,68px);font-size:1.08em;line-height:1;display:grid;box-shadow:0 6px #dfaa32}.pair-mechanic__question-progress{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pair-progress{background:#ffffffb8;border-radius:999px;gap:7px;padding:10px 13px;display:flex}.pair-progress__dot{aspect-ratio:1;background:0 0;border:2px solid #acb5da;border-radius:50%;width:10px;transition:border-color .18s,background .18s,transform .18s}.pair-progress__dot.is-filled{border-color:var(--pair-color-success);background:var(--pair-color-success);transform:scale(1.14)}.pair-mechanic__layout{grid-template-columns:minmax(0,1fr);width:min(1440px,100%);min-height:0;margin:0 auto;display:grid}.pair-mechanic--has-left .pair-mechanic__layout{grid-template-columns:minmax(120px,.25fr) minmax(520px,1fr)}.pair-mechanic--has-right .pair-mechanic__layout{grid-template-columns:minmax(520px,1fr) minmax(120px,.25fr)}.pair-mechanic--has-left.pair-mechanic--has-right .pair-mechanic__layout{grid-template-columns:minmax(120px,.25fr) minmax(520px,1fr) minmax(120px,.25fr)}.pair-mechanic__visual{z-index:1;pointer-events:none;align-self:stretch;min-width:0;position:relative}.pair-mechanic__visual>*{object-fit:contain;max-width:100%;max-height:100%}.pair-board{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;width:min(1180px,100%);min-width:0;min-height:520px;margin:0 auto;position:relative}.pair-mechanic[data-visual-theme=space]{--pair-color-ink:#f4f2ff;--pair-color-surface:#111a46;--pair-color-token:#7ae1ee;--pair-color-token-dark:#317f9f;--pair-color-focus:#f3a9ff;background:radial-gradient(circle at 14% 18%,#795fff61 0 2px,#0000 3px) 0 0/170px 170px,radial-gradient(circle at 78% 28%,#ffffff8f 0 1px,#0000 2px) 0 0/120px 120px,radial-gradient(circle at 64% 82%,#7ae1ee70 0 2px,#0000 3px) 0 0/210px 210px,linear-gradient(145deg,#111a46,#251657 58%,#102b4b)}.pair-mechanic[data-visual-theme=space] .pair-mechanic__header{background:#080f32b8;border:1px solid #abd5ff3d;border-radius:22px;margin-bottom:12px;padding:12px 18px;box-shadow:inset 0 0 22px #71e7ff12}.pair-mechanic[data-visual-theme=space] .pair-board{background:linear-gradient(90deg,#7ae1ee12 1px,#0000 1px) 0 0/54px 54px,linear-gradient(#7ae1ee12 1px,#0000 1px) 0 0/54px 54px,radial-gradient(circle at 50% 45%,#51d1e81f,#0000 58%),#091437c2;border:2px solid #90c6ff47;border-radius:34px;min-height:510px;box-shadow:inset 0 0 46px #1bc7e614,0 24px 54px #02061957}.pair-mechanic[data-visual-theme=space] .pair-token:not(.pair-token--billiard_ball){width:calc(var(--pair-token-size) * 1.2);aspect-ratio:1.2;background:radial-gradient(circle at 32% 24%,#ffffff94 0 7%,#0000 8%),linear-gradient(145deg,#96f2f5,#5bc8e9 58%,#6e65da);border-radius:44%;box-shadow:inset 0 0 0 4px #ffffff2e,0 8px #344a9b,0 0 28px #53e2f657}.pair-mechanic[data-visual-theme=ocean]{--pair-color-ink:#073e4a;--pair-color-surface:#dff8f4;--pair-color-token:#62d2c8;--pair-color-token-dark:#278f91;background:radial-gradient(circle at 18% 22%,#ffffffbd 0 6px,#0000 7px) 0 0/145px 145px,radial-gradient(circle at 82% 68%,#ffffff94 0 4px,#0000 5px) 0 0/190px 190px,linear-gradient(160deg,#dff8f4,#b9e5ed)}.pair-mechanic[data-visual-theme=ocean] .pair-board{background:radial-gradient(at 50% 100%,#f5e4bd 0 15%,#0000 16%),#e0faf9b8;border:2px solid #1d7e8b2e;border-radius:34px;box-shadow:inset 0 0 40px #219caa1a}.pair-mechanic[data-visual-theme=nature]{--pair-color-ink:#274620;--pair-color-surface:#eef7df;--pair-color-token:#8dcf68;--pair-color-token-dark:#4d963c;background:radial-gradient(circle at 10% 12%,#fff8c9 0 3%,#0000 4%),linear-gradient(145deg,#eef7df,#d8edc7)}.pair-mechanic[data-visual-theme=nature] .pair-board{background:linear-gradient(#ffffff57,#8fc45f24);border:2px solid #4b83392e;border-radius:34px}.pair-mechanic--theme-billiard_table{--pair-color-ink:#f7f0db;--pair-color-surface:#17281f;background:radial-gradient(circle at 50% -20%,#d6b5682e,#0000 42%),linear-gradient(145deg,#17281f,#0d1712)}.pair-mechanic--theme-billiard_table .pair-mechanic__header{background:#08120d9e;border:1px solid #ffffff1f;border-radius:22px;margin-bottom:14px;padding:12px 18px}.pair-mechanic--theme-billiard_table .pair-mechanic__header h1{color:#fffaf0}.pair-mechanic--theme-billiard_table .pair-board{background:radial-gradient(circle at 18px 18px,#090d0b 0 13px,#0000 14px),radial-gradient(circle at calc(100% - 18px) 18px,#090d0b 0 13px,#0000 14px),radial-gradient(circle at 18px calc(100% - 18px),#090d0b 0 13px,#0000 14px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#090d0b 0 13px,#0000 14px),radial-gradient(circle at 50% 8px,#090d0b 0 13px,#0000 14px),radial-gradient(circle at 50% calc(100% - 8px),#090d0b 0 13px,#0000 14px),linear-gradient(135deg,#ffffff12,#0000 36%),#176a4a;border:clamp(16px,2vw,26px) solid #673b20;border-radius:34px;min-height:500px;box-shadow:inset 0 0 0 7px #b88348,inset 0 0 38px #021a116b,0 22px 48px #00000052}.pair-mechanic--theme-billiard_table .pair-board.has-generated-surface{background:#176a4a;border-color:#0000;overflow:hidden;box-shadow:0 22px 48px #00000052}.pair-token--billiard_ball{color:#17130d;background:radial-gradient(circle at 33% 25%,#ffffffe0 0 7%,#0000 8%),linear-gradient(145deg,#f4c84c,#d59613 64%,#714400);border-color:#f8f4e9;box-shadow:inset -9px -11px 16px #48270047,0 7px #4f3218,0 16px 22px #00000047}.pair-token--billiard_ball:before{z-index:0;aspect-ratio:1;content:"";background:#fffdf4;border-radius:50%;width:48%;position:absolute}.pair-token--billiard_ball.has-generated-skin{background:0 0;border-color:#0000;box-shadow:0 10px #26190cb3,0 17px 22px #00000047}.pair-token--billiard_ball.has-generated-skin:before{display:none}.pair-token__skin{z-index:0;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:114%;height:114%;position:absolute;inset:-7%}.pair-token__label{z-index:1;aspect-ratio:1;background:#fffdf4f0;border-radius:50%;place-items:center;width:48%;display:grid;position:relative;box-shadow:0 1px 4px #00000029}.pair-token:not(.pair-token--billiard_ball) .pair-token__label{width:auto;box-shadow:none;background:0 0}.pair-token.is-correct .pair-token__skin,.pair-token.is-wrong .pair-token__skin{opacity:.48}.pair-board .pair-token--billiard_ball:nth-of-type(3n+1){background:radial-gradient(circle at 33% 25%,#ffffffe0 0 7%,#0000 8%),linear-gradient(145deg,#f2d347,#d09c09 64%,#6d4b00)}.pair-board .pair-token--billiard_ball:nth-of-type(3n+2){background:radial-gradient(circle at 33% 25%,#ffffffe0 0 7%,#0000 8%),linear-gradient(145deg,#4b8ee5,#2459a7 64%,#112c5d)}.pair-board .pair-token--billiard_ball:nth-of-type(3n){background:radial-gradient(circle at 33% 25%,#ffffffe0 0 7%,#0000 8%),linear-gradient(145deg,#db5a52,#a72626 64%,#5c1111)}.pair-board .pair-token--billiard_ball.has-generated-skin{background:0 0}.pair-board__decoration{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pair-board__decoration>*{object-fit:cover;width:100%;height:100%}.pair-token{--pair-token-size:clamp(70px, 9.5vmin, 104px);top:var(--y);left:var(--x);z-index:2;width:var(--pair-token-size);min-width:var(--pair-min-touch-target);min-height:var(--pair-min-touch-target);aspect-ratio:1;background:radial-gradient(circle at 35% 26%, #ffffff61 0 8%, transparent 9%), linear-gradient(145deg, #64dce1, var(--pair-color-token) 62%, #26aeb9);box-shadow:0 10px 0 var(--pair-color-token-dark), 0 17px 22px #2a4d822e;color:#12304a;cursor:grab;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(1);will-change:transform;-webkit-tap-highlight-color:transparent;border:clamp(4px,.5vmin,6px) solid #ffffffe0;border-radius:50%;outline:none;place-items:center;padding:0;font-size:clamp(32px,5.4vmin,58px);font-weight:800;line-height:1;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s,opacity .22s,filter .18s;display:grid;position:absolute}.pair-token:hover:not(:disabled){filter:brightness(1.035)}.pair-token:focus-visible{box-shadow:0 0 0 6px var(--pair-color-focus), 0 10px 0 var(--pair-color-token-dark), 0 17px 22px #2a4d822e}.pair-token:disabled{opacity:1}.pair-token.is-dragging{z-index:10;cursor:grabbing;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(1.08);box-shadow:0 7px 0 var(--pair-color-token-dark), 0 22px 34px #2a4d8247;transition:box-shadow .12s,border-color .12s,filter .12s}.pair-token.is-target,.pair-token.is-keyboard-selected{box-shadow:0 0 0 7px #ffffffb8, 0 10px 0 var(--pair-color-token-dark), 0 17px 22px #2a4d822e;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(1.08);border-color:#fff}.pair-token.is-correct{z-index:12;background:linear-gradient(145deg, #72e8b7, var(--pair-color-success));color:#074a32;border-color:#eafff5;animation:.54s cubic-bezier(.3,.9,.2,1) forwards pair-combine;box-shadow:0 0 0 8px #1dbb782e,0 9px #118453,0 20px 30px #13714d33}.pair-token.is-wrong{z-index:12;background:linear-gradient(145deg, #ff7898, var(--pair-color-error));color:#fff;border-color:#fff0f4;animation:.42s both pair-shake;box-shadow:0 8px #bd2449,0 17px 25px #99203e33}.pair-feedback{z-index:30;text-align:center;pointer-events:none;background:#fff;border:4px solid;border-radius:999px;min-width:min(320px,82vw);padding:18px 28px;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1;animation:.23s cubic-bezier(.2,.9,.3,1.25) both pair-feedback-in;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 42px #2a36682e}.pair-feedback--correct{color:#118453}.pair-feedback--wrong{color:var(--pair-color-error);animation:.23s cubic-bezier(.2,.9,.3,1.25) both pair-feedback-in,.35s .22s both pair-feedback-shake}.pair-feedback--neutral{color:var(--pair-color-ink)}.pair-hint{z-index:24;text-align:center;background:#ffffffeb;border-radius:16px;max-width:680px;margin:0 auto;padding:12px 16px;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 8px 24px #2a36681f}.pair-completion{z-index:40;border-radius:var(--pair-radius-card);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f2f4ffeb;align-content:center;justify-items:center;animation:.35s both pair-fade-in;display:grid;position:absolute;inset:0}.pair-completion__mark{aspect-ratio:1;background:var(--pair-color-success);color:#fff;border-radius:50%;place-items:center;width:94px;font-size:54px;font-weight:900;animation:.52s cubic-bezier(.2,1.15,.3,1) both pair-completion-mark;display:grid;box-shadow:0 9px #118453}.pair-completion h2{letter-spacing:-.04em;margin:26px 0 22px;font-size:clamp(34px,6vw,54px)}.pair-completion__action{min-height:var(--pair-min-touch-target);background:var(--pair-color-ink);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:14px 26px;font-size:18px;font-weight:700;box-shadow:0 6px #0c1d30}.pair-completion__action:active{transform:translateY(4px);box-shadow:0 2px #0c1d30}.pair-completion__action:focus-visible{outline:4px solid var(--pair-color-focus);outline-offset:4px}.pair-mechanic__footer{z-index:2;pointer-events:none;position:relative}@keyframes pair-combine{0%{opacity:1}55%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(1.18)}to{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(.35)}}@keyframes pair-shake{0%,to{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px)))}25%{transform:translate(calc(-50% + var(--dx,0px) - 11px), calc(-50% + var(--dy,0px))) rotate(-5deg)}50%{transform:translate(calc(-50% + var(--dx,0px) + 11px), calc(-50% + var(--dy,0px))) rotate(5deg)}75%{transform:translate(calc(-50% + var(--dx,0px) - 7px), calc(-50% + var(--dy,0px))) rotate(-3deg)}}@keyframes pair-feedback-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pair-feedback-shake{0%,to{transform:translate(-50%,-50%)}33%{transform:translate(calc(-50% - 9px),-50%)}66%{transform:translate(calc(9px - 50%),-50%)}}@keyframes pair-completion-mark{0%{opacity:0;transform:scale(.35)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pair-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=900px){.pair-mechanic--has-left .pair-mechanic__layout,.pair-mechanic--has-right .pair-mechanic__layout,.pair-mechanic--has-left.pair-mechanic--has-right .pair-mechanic__layout{grid-template-columns:minmax(0,1fr)}.pair-mechanic__visual{display:none}}@media (width<=680px){.pair-mechanic{padding:12px}.pair-mechanic__header{min-height:82px}.pair-mechanic__header h1{gap:9px;font-size:20px}.pair-mechanic__header strong{width:50px}.pair-progress{gap:5px;padding:8px 9px}.pair-progress__dot{width:8px}.pair-board{min-height:570px}.pair-token{--pair-token-size:clamp(62px, 20vw, 76px);box-shadow:0 7px 0 var(--pair-color-token-dark), 0 13px 18px #2a4d822b;border-width:4px;font-size:clamp(30px,11vw,42px)}}.pair-demo-shell--mobile .pair-mechanic{width:390px;height:844px;min-height:844px;padding:12px}.pair-demo-shell--mobile .pair-mechanic__header{min-height:82px}.pair-demo-shell--mobile .pair-mechanic__header h1{gap:9px;font-size:20px}.pair-demo-shell--mobile .pair-mechanic__header strong{width:50px}.pair-demo-shell--mobile .pair-progress{gap:5px;padding:8px 9px}.pair-demo-shell--mobile .pair-progress__dot{width:8px}.pair-demo-shell--mobile .pair-board{min-height:738px}.pair-demo-shell--mobile .pair-token{--pair-token-size:72px;box-shadow:0 7px 0 var(--pair-color-token-dark), 0 13px 18px #2a4d822b;border-width:4px;font-size:39px}@media (height<=560px) and (orientation:landscape){.pair-mechanic{padding:8px 18px 12px}.pair-mechanic__header{min-height:62px}.pair-mechanic__header h1{font-size:20px}.pair-mechanic__header strong{width:46px;box-shadow:0 4px #dfaa32}.pair-board{min-height:360px}.pair-token{--pair-token-size:clamp(56px, 16vh, 76px);font-size:clamp(26px,9vh,39px)}.pair-feedback{padding:13px 24px}}@media (prefers-reduced-motion:reduce){.pair-mechanic *,.pair-mechanic :before,.pair-mechanic :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--fst-ink:#2a241d;--fst-muted:#776e64;--fst-paper:#fffefb;--fst-panel:#fffaf0;--fst-line:#eadfca;--fst-accent:#ef6a35;--fst-accent-dark:#c84c24;--fst-success:#4d8f69;--fst-success-soft:#f2faf3;--fst-wrong:#b85246;--fst-wrong-soft:#fff2ef;--fst-focus:#178dd1;--fst-plate:#fff8e9;--fst-plate-border:#eadcc2;--fst-plate-well:#f6ead7;--fst-plate-center:#f7ecdb;--fst-slot-a:#eadbc5;--fst-slot-b:#f0e3cf;--fst-slot-line:#d8c8ae;--fst-group-0:#713b31;--fst-group-0-inner:#8a4837;--fst-group-0-crust:#f39a21;--fst-group-0-topping:#ff7545;--fst-group-1:#f36d35;--fst-group-1-inner:#ffb22e;--fst-group-1-crust:#e88a20;--fst-group-1-topping:#e64e34;--fst-radius-card:30px;--fst-radius-panel:22px;--fst-touch-target:44px;--fst-shadow:0 24px 64px #5a42231a}.fst-mechanic,.fst-mechanic *{box-sizing:border-box}.fst-mechanic{border-radius:var(--fst-radius-card);width:min(1120px,100%);min-width:0;box-shadow:var(--fst-shadow);color:var(--fst-ink);background:#fffefbf5;border:1px solid #decdb2d1;padding:clamp(18px,3.3vw,38px) clamp(14px,4.2vw,52px) 24px;font-family:inherit;transition:border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.fst-mechanic--correct,.fst-mechanic--completed,.fst-mechanic--solved{border-color:#62997185}.fst-mechanic--wrong{border-color:#b852467a}.fst-mechanic--error{text-align:center;border-color:#b852467a;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.fst-header{z-index:2;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:clamp(12px,2vw,22px);display:grid;position:relative}.fst-instruction{min-width:0;color:var(--fst-ink);letter-spacing:-.025em;font-size:clamp(17px,2.1vw,24px);font-weight:760;line-height:1.2}.fst-progress{min-width:var(--fst-touch-target);min-height:var(--fst-touch-target);border:1px solid var(--fst-line);background:var(--fst-panel);color:var(--fst-muted);font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;font-size:13px;font-weight:720;display:grid}.fst-main-layout{z-index:2;grid-template-columns:auto minmax(0,820px) auto;justify-content:center;align-items:center;gap:clamp(8px,2vw,24px);min-width:0;display:grid;position:relative}.fst-interaction{z-index:1;grid-column:2;min-width:440px;position:relative}.fst-visual-slot{z-index:1;pointer-events:none;min-width:0;position:relative}.fst-visual-slot:empty{display:none}.fst-visual-slot img,.fst-visual-slot svg{max-width:100%;height:auto;display:block}.fst-visual-slot--background{z-index:0;position:absolute;inset:0;overflow:hidden}.fst-visual-slot--background>*{object-fit:cover;width:100%;height:100%}.fst-visual-slot--left,.fst-visual-slot--right{width:clamp(70px,11vw,145px)}.fst-visual-slot--decoration{z-index:-1;position:absolute;inset:0}.fst-visual-slot--footer{margin-top:14px}.fst-plates{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:clamp(6px,1.8vw,22px);display:grid}.fst-plate-column{flex-direction:column;align-items:center;min-width:0;display:flex}.fst-plate-label{color:var(--fst-muted);letter-spacing:.045em;text-align:center;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:720}.fst-plate{aspect-ratio:1;isolation:isolate;border-radius:50%;width:min(100%,310px);transition:filter .17s,transform .17s;position:relative}.fst-plate:after{z-index:5;content:"";pointer-events:none;border:4px solid #0000;border-radius:50%;transition:border-color .17s,box-shadow .17s;position:absolute;inset:1.5%}.fst-plate--target{filter:drop-shadow(0 13px 17px #4d8f6926);transform:scale(1.025)}.fst-plate--target:after{border-color:#65a779;animation:1s ease-in-out infinite fst-target-pulse;box-shadow:0 0 0 7px #65a7791f}.fst-plate--shake{animation:.38s fst-plate-shake}.fst-plate__base{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.fst-slice{z-index:2;cursor:grab;filter:drop-shadow(0 5px 4px #4e2a1421);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;transition:filter .15s,opacity .15s,transform .15s;display:block;position:absolute;inset:0}.fst-slice:hover:not(:disabled){z-index:3;filter:drop-shadow(0 8px 7px #4e2a1438)brightness(1.025);transform:translateY(-2px)scale(1.012)}.fst-slice:focus-visible{z-index:4;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px var(--fst-focus)) drop-shadow(0 8px 7px #4e2a1438)}.fst-slice:disabled{cursor:not-allowed;opacity:.72}.fst-slice--dragging{opacity:.16}.fst-slice--landed{animation:.44s cubic-bezier(.2,1.5,.45,1) fst-slice-land}.fst-slice svg,.fst-drag-ghost svg{width:100%;height:100%;display:block;overflow:visible}.fst-slice__body--group-0{fill:var(--fst-group-0)}.fst-slice__edge-highlight{fill:var(--fst-edge-highlight,#ffce5fe0)}.fst-slice__inner--group-0{fill:var(--fst-group-0-inner)}.fst-slice__crust--group-0{fill:var(--fst-group-0-crust)}.fst-slice__line-topping{stroke:var(--fst-group-0-topping)}.fst-slice__body--group-1{fill:var(--fst-group-1)}.fst-slice__inner--group-1{fill:var(--fst-group-1-inner)}.fst-slice__crust--group-1{fill:var(--fst-group-1-crust)}.fst-slice__round-topping{fill:var(--fst-group-1-topping)}.fst-slice__cake-berry{fill:var(--fst-cake-berry,#b9415c)}.fst-slice__cake-sprinkle{stroke:var(--fst-cake-sprinkle,#7c4a34)}.fst-mechanic--theme-cake{--fst-accent:#c95f7b;--fst-accent-dark:#97405a;--fst-plate:#fffafd;--fst-plate-border:#ead5df;--fst-plate-well:#f8edf2;--fst-plate-center:#f2e3ea;--fst-slot-a:#f2e0e8;--fst-slot-b:#faedf2;--fst-slot-line:#dbc2cd;--fst-group-0:#e8b86f;--fst-group-0-inner:#fff0c8;--fst-group-0-crust:#fff8e8;--fst-group-0-topping:#c86079;--fst-group-1:#8e5742;--fst-group-1-inner:#dba77f;--fst-group-1-crust:#fff4df;--fst-group-1-topping:#a33d58;--fst-edge-highlight:#fffaebf5;--fst-cake-berry:#bd3e5b;--fst-cake-sprinkle:#7a4939}.fst-mechanic--theme-cake .fst-slice__crust{stroke:#8c533e33;stroke-width:1.5px}.fst-mechanic--theme-cake .fst-plate:before{z-index:1;content:"";pointer-events:none;border:2px dashed #c75b7933;border-radius:50%;position:absolute;inset:8%}.fst-mechanic--theme-pie{--fst-group-0:#c88c4d;--fst-group-0-inner:#f1bf72;--fst-group-0-crust:#9f6232;--fst-group-1:#9e4a54;--fst-group-1-inner:#c96a75;--fst-group-1-crust:#a76735;--fst-edge-highlight:#f7bf63d1}.fst-mechanic--theme-neutral{--fst-accent:#5674d8;--fst-accent-dark:#405bbb;--fst-group-0:#7d94e9;--fst-group-0-inner:#a7b7f4;--fst-group-0-crust:#5e72c5;--fst-group-1:#6ec1b2;--fst-group-1-inner:#a5dfd3;--fst-group-1-crust:#4b998e;--fst-edge-highlight:#ffffff6b}.fst-drop-message{z-index:6;opacity:0;color:#39724a;pointer-events:none;white-space:nowrap;background:#ffffffed;border:1px solid #6fab80;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:780;transition:opacity .17s,transform .17s;position:absolute;top:50%;left:50%;transform:translate(-50%,-35%)scale(.88);box-shadow:0 7px 18px #32644026}.fst-drop-message--visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.fst-plus{border:1px solid var(--fst-line);background:var(--fst-panel);width:50px;height:50px;color:var(--fst-accent);border-radius:17px;place-items:center;font-size:31px;display:grid}.fst-plate-count{border:1px solid var(--fst-line);background:var(--fst-paper);border-radius:17px;place-items:center;min-width:68px;min-height:61px;margin-top:11px;display:grid;box-shadow:0 6px 15px #5b442712}.fst-fraction{min-width:38px;color:var(--fst-ink);font-variant-numeric:tabular-nums;vertical-align:middle;grid-template-rows:1fr 3px 1fr;place-items:center;font-weight:720;line-height:1;display:inline-grid}.fst-fraction__line{background:currentColor;border-radius:3px;width:100%;height:2px}.fst-fraction--muted{color:#a99c8a}.fst-plate-count .fst-fraction{grid-template-rows:23px 3px 23px;font-size:21px}.fst-equation-panel{border:1px solid var(--fst-line);border-radius:var(--fst-radius-panel);background:var(--fst-panel);grid-template-columns:auto 1fr;align-items:center;gap:clamp(18px,4vw,46px);min-height:84px;margin-top:10px;padding:12px 18px 12px 24px;transition:background .22s,border-color .22s;display:grid}.fst-equation-panel--solved{background:var(--fst-success-soft);border-color:#bcd4c3}.fst-mechanic--wrong .fst-equation-panel{background:var(--fst-wrong-soft);border-color:#e5b4ae}.fst-equation{white-space:nowrap;align-items:center;gap:12px;font-size:27px;display:flex}.fst-equation .fst-fraction{grid-template-rows:27px 3px 27px;min-width:40px;font-size:24px}.fst-feedback{color:var(--fst-muted);font-size:14px;font-weight:560;line-height:1.4}.fst-feedback[data-status=correct],.fst-feedback[data-status=completed]{color:#356f49}.fst-feedback[data-status=wrong]{color:#95443b}.fst-hint{color:var(--fst-muted);align-items:center;gap:10px;margin-top:10px;font-size:13px;display:flex}.fst-hint>span{color:#aa651f;background:#ffebc8;border-radius:11px;flex:none;place-items:center;width:32px;height:32px;font-size:19px;animation:1.8s ease-in-out infinite fst-hint-float;display:grid}.fst-drag-ghost{z-index:10000;filter:drop-shadow(0 18px 15px #492a1945);pointer-events:none;transform-origin:50%;will-change:left, top, transform;transition:left .11s ease-out,top .11s ease-out,width .11s ease-out,height .11s ease-out,transform .11s ease-out,filter .11s ease-out;position:fixed;transform:scale(1.055)rotate(1.5deg)}.fst-drag-ghost--snapped{filter:drop-shadow(0 10px 8px #492a1933);transform:scale(1.008)}@keyframes fst-target-pulse{0%,to{box-shadow:0 0 0 5px #65a7791a}50%{box-shadow:0 0 0 11px #65a7792e}}@keyframes fst-plate-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)rotate(-1deg)}55%{transform:translate(6px)rotate(1deg)}78%{transform:translate(-3px)}}@keyframes fst-slice-land{0%{filter:drop-shadow(0 13px 8px #4e2a1440);transform:scale(1.09)}64%{transform:scale(.975)}to{transform:scale(1)}}@keyframes fst-hint-float{0%,to{transform:translateY(1px)}50%{transform:translate(3px,-3px)}}@media (width<=900px){.fst-main-layout{grid-template-columns:minmax(0,1fr)}.fst-interaction{grid-column:1}.fst-visual-slot--left,.fst-visual-slot--right{display:none}}@media (width<=640px){.fst-mechanic{border-radius:24px;padding:16px 11px}.fst-header{align-items:start;gap:8px;margin-bottom:10px}.fst-instruction{font-size:17px}.fst-progress{min-width:44px;min-height:44px}.fst-interaction{min-width:0}.fst-plates{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:3px}.fst-plus{border-radius:11px;width:34px;height:34px;font-size:23px}.fst-plate-label{min-height:24px;font-size:9px}.fst-drop-message{padding:5px 8px;font-size:9px}.fst-plate-count{border-radius:14px;min-width:56px;min-height:52px;margin-top:7px}.fst-plate-count .fst-fraction{grid-template-rows:19px 3px 19px;font-size:18px}.fst-equation-panel{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;padding:13px}.fst-equation{gap:9px}.fst-equation .fst-fraction{grid-template-rows:23px 3px 23px;min-width:34px;font-size:21px}.fst-feedback{font-size:12px}}@media (orientation:landscape) and (height<=560px){.fst-mechanic{border-radius:18px;width:min(940px,100%);padding:7px 14px 8px}.fst-header{align-items:center;margin-bottom:3px}.fst-instruction{font-size:14px}.fst-progress{border-radius:10px;min-width:38px;min-height:32px;font-size:10px}.fst-interaction{min-width:430px}.fst-plates{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px;max-width:690px;margin:0 auto}.fst-plate-label{margin-bottom:0;font-size:9px}.fst-plate{width:min(100%,38svh)}.fst-plus{border-radius:10px;width:31px;height:31px;font-size:21px}.fst-plate-count{border-radius:12px;min-width:50px;min-height:42px;margin-top:3px}.fst-plate-count .fst-fraction{grid-template-rows:15px 2px 15px;min-width:29px;font-size:15px}.fst-equation-panel{text-align:left;border-radius:14px;grid-template-columns:auto 1fr;justify-items:stretch;gap:17px;max-width:700px;min-height:48px;margin:4px auto 0;padding:5px 10px 5px 15px}.fst-equation{gap:7px}.fst-equation .fst-fraction{grid-template-rows:16px 2px 16px;min-width:28px;font-size:15px}.fst-feedback{font-size:10px}.fst-hint{display:none}}@media (orientation:landscape) and (height<=410px){.fst-mechanic{padding-block:4px}.fst-plate-label{display:none}.fst-plate{width:min(100%,36svh)}.fst-plate-count{min-height:38px;margin-top:1px}.fst-equation-panel{min-height:42px;margin-top:2px}}@media (prefers-reduced-motion:reduce){.fst-mechanic *,.fst-mechanic :before,.fst-mechanic :after,.fst-drag-ghost{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.packaged-card-preview{background:#0e1730;grid-template-rows:minmax(0,1fr) auto;min-height:min(720px,78vh);display:grid;overflow:hidden}.packaged-card-frame-wrap{min-height:620px;position:relative}.packaged-card-frame-wrap iframe{background:#0e1730;border:0;width:100%;height:100%;min-height:620px;display:block}.packaged-card-loading{z-index:1;color:#dce7ff;background:#101a38;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.packaged-card-footer{color:#536078;background:#fff;border-top:1px solid #e2e7f1;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:10px;display:flex}.packaged-card-footer span{align-items:center;gap:7px;font-weight:750;display:flex}.packaged-card-footer span i{background:#27ad7a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27ad7a1f}.packaged-card-footer button{color:#3c4964;background:#fff;border:1px solid #d9dfec;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:750;display:inline-flex}.packaged-card-preview.is-compact,.packaged-card-preview.is-compact .packaged-card-frame-wrap,.packaged-card-preview.is-compact iframe{min-height:520px}.course-card.demo-course-card{background:linear-gradient(145deg,#fff 52%,#5c69e812);border-color:#6068e638;overflow:hidden;box-shadow:0 16px 44px #2d38691a}.course-card.demo-course-card:before{content:"";background:linear-gradient(90deg,#5477f5,#b34bea,#22bfd3);height:4px;position:absolute;inset:0 0 auto}.course-card.demo-course-card.theme-fractions:before{background:linear-gradient(90deg,#f47a3c,#f5c85b,#2e9a7b)}.course-card.demo-course-card.theme-words:before{background:linear-gradient(90deg,#42a9a3,#f47e56,#f6c647)}.course-card.demo-course-card.theme-sports:before{background:linear-gradient(90deg,#11a8f5,#6dd02e,#ffc933)}.course-card-status{align-items:center;gap:6px;display:flex}.demo-course-badge{color:#4d55c7;text-transform:uppercase;letter-spacing:.04em;background:#eff0ff;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;font-weight:850;display:inline-flex}.cycling-mechanic{color:#13213d;background:#f6f8fc;grid-template-rows:minmax(380px,1fr) auto;min-height:620px;display:grid}.cycling-arena{isolation:isolate;background:linear-gradient(#96dfff,#5ab5e9 42%,#5ebf44 43%,#388c36);min-height:430px;position:relative;overflow:hidden}.cycling-arena:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0d305f0a,#0d305f2e);position:absolute;inset:0}.cycling-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cycling-backdrop-track{will-change:transform;width:600%;animation:36s linear infinite cycling-background-scroll;display:flex;position:absolute;inset:-2% auto -2% 0}.cycling-backdrop-panel{background-position:50% 80%;background-repeat:no-repeat;background-size:cover;flex:0 0 16.6667%}.cycling-backdrop-panel.is-mirrored{transform:scaleX(-1)}@keyframes cycling-background-scroll{to{transform:translate(-33.3333%)}}.cycling-task-card{z-index:4;text-align:center;background:#fffffff0;border:1px solid #ffffffb8;border-radius:17px;gap:6px;width:min(560px,100% - 28px);padding:13px 17px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #142a492e}.cycling-task-card>span{color:#5c6880;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.cycling-task-card h3{margin:0;font-size:clamp(18px,2.4vw,28px)}.cycling-progress{background:#e2e8f2;border-radius:999px;height:5px;overflow:hidden}.cycling-progress i{border-radius:inherit;background:linear-gradient(90deg,#168fe9,#65cf3d);height:100%;transition:width .45s;display:block}.cycling-racers{z-index:2;pointer-events:none;position:absolute;inset:0}.cycling-racer{--racer-width:clamp(82px,12vw,132px);top:calc(var(--racer-lane) * 1%);left:min(calc(var(--racer-x) * 1%),calc(100% - var(--racer-width) - 8px));width:var(--racer-width);filter:drop-shadow(0 8px 8px #0a233638);transition:left .9s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(-50%)}.cycling-racer img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.cycling-racer b{color:#fff;background:#112038c7;border-radius:999px;padding:3px 7px;font-size:9px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.cycling-racer.player{z-index:3}.cycling-racer.player img{transform-origin:bottom;transform:scale(1.08)}.cycling-feedback{z-index:4;color:#46516a;background:#fffffff0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:min(540px,100% - 28px);min-height:38px;padding:8px 13px;font-size:11px;font-weight:750;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #142a4929}.cycling-feedback.correct{color:#167955;background:#effcf6}.cycling-feedback.wrong{color:#a55321;background:#fff5e9}.cycling-options{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px;display:grid}.cycling-options button{color:#42506a;min-height:92px;font:inherit;background:#fff;border:2px solid #e1e6f0;border-radius:15px;place-items:center;gap:7px;padding:9px;font-size:10px;font-weight:750;transition:transform .15s,border-color .15s,background .15s;display:grid}.cycling-options button:hover,.cycling-options button:focus-visible{border-color:#6c80db;outline:none;transform:translateY(-2px)}.cycling-options button.selected{background:#f5f5ff;border-color:#5b63dc}.cycling-options button.wrong{background:#fff4ec;border-color:#ee9e6d}.cycling-options .shape{--shape-colour:#5c63df;background:var(--shape-colour);filter:drop-shadow(0 4px 3px #232c4226);width:43px;height:43px;display:block}.cycling-options .shape-circle{border-radius:50%}.cycling-options .shape-oval{border-radius:50%;width:58px}.cycling-options .shape-triangle{border-left:24px solid #0000;border-right:24px solid #0000;border-bottom:43px solid var(--shape-colour);background:0 0;width:0;height:0}.cycling-options .shape-rectangle{width:60px;height:36px}.cycling-options .shape-square{border-radius:3px}.pair-mechanic[data-visual-theme=curling]{background:linear-gradient(#eefbff,#d8f2fb 42%,#f7fcff);position:relative}.pair-mechanic[data-visual-theme=curling]:before{content:"";opacity:.76;background:radial-gradient(circle at 78%,#0000 0 24px,#fff 25px 39px,#2a9bd0 40px 56px,#fff 57px 71px,#ef4f5b 72px 88px,#fff 89px);border:2px solid #2f91bc38;border-radius:38px;position:absolute;inset:25% 8% 12%}.pair-mechanic[data-visual-theme=curling] .pair-token{color:#203650;background:linear-gradient(145deg,#fff,#dce7ed);border:2px solid #b7c6cf;border-radius:50%;box-shadow:0 9px #899da8,0 13px 16px #2741523d}.pair-mechanic[data-visual-theme=curling] .pair-token:before{content:"";background:#ef4f5b;border-radius:9px 9px 4px 4px;width:32px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.pair-mechanic[data-visual-theme=curling] .pair-token:nth-child(2n):before{background:#2a8dcc}@media (width<=680px){.cycling-mechanic{min-height:560px}.cycling-arena{min-height:390px}.cycling-racer{--racer-width:clamp(76px,19vw,96px);top:calc((var(--racer-lane) + 5) * 1%)}.cycling-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cycling-options button{min-height:76px}.packaged-card-frame-wrap,.packaged-card-frame-wrap iframe{min-height:540px}.packaged-card-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.cycling-backdrop-track{animation:none}.cycling-racer{transition-duration:.01ms}}:root{--ink:#182039;--muted:#6c748a;--line:#e6e9f0;--paper:#fbfaf7;--white:#fff;--navy:#10172b;--navy-2:#17213b;--orange:#ff7a45;--orange-soft:#fff1e9;--blue:#5477f5;--blue-soft:#edf1ff;--green:#29a879;--green-soft:#e9f8f2;--shadow:0 16px 50px #141c341a}*{box-sizing:border-box}html,body,#root{background:var(--navy);height:100%;min-height:0;color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif;overflow:hidden}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5477f547}.app-shell{width:100%;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);grid-template-columns:252px minmax(0, var(--chat-panel-width,clamp(340px, 36vw, 560px))) 8px minmax(320px, 1fr);background:var(--paper);min-height:0;display:grid;overflow:hidden}.app-shell.is-panel-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-split-handle{z-index:14;cursor:col-resize;touch-action:none;background:#f3f4f7;border:0;outline:0;place-items:center;width:8px;min-width:8px;height:100%;transition:background .16s;display:grid;position:relative}.workspace-split-handle:before{content:"";position:absolute;inset:0 -5px}.workspace-split-handle span{background:#cfd4df;border-radius:999px;width:2px;height:46px;transition:width .16s,height .16s,background .16s;box-shadow:0 0 0 1px #ffffffb8}.workspace-split-handle:hover,.workspace-split-handle:focus-visible,.is-panel-resizing .workspace-split-handle{background:#edf1ff}.workspace-split-handle:hover span,.workspace-split-handle:focus-visible span,.is-panel-resizing .workspace-split-handle span{background:var(--blue);width:3px;height:70px}.workspace-split-handle:focus-visible{box-shadow:inset 0 0 0 2px #5477f547}.workflow-sidebar{background:var(--navy);color:#f7f8fc;z-index:20;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.brand-row{border-bottom:1px solid #ffffff14;flex:0 0 70px;align-items:center;gap:11px;height:70px;padding:0 20px;display:flex}.brand-mark{color:#6d35ef;background:linear-gradient(145deg,#fff,#f1edff);border:1px solid #ffffffb8;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:inline-grid;overflow:hidden;box-shadow:0 8px 24px #6f37eb38,inset 0 1px #fffffff2}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block;transform:scale(1.45)}.brand-row strong{letter-spacing:-.2px;font-size:15px;display:block}.brand-row small{color:#9099b3;text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.project-summary{background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;flex:none;margin:16px 15px 8px;padding:14px}.project-summary-top{color:#aeb5c8;justify-content:space-between;font-size:10px;display:flex}.project-summary-top strong{color:#fff}.global-progress{background:#ffffff14;border-radius:10px;height:5px;margin:9px 0;overflow:hidden}.global-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--orange), #ffb26c);height:100%;transition:width .4s;display:block}.project-summary p{color:#e7eaf2;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.step-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b97b76b transparent;flex:1 1 0;min-height:0;padding:4px 10px 18px;overflow:hidden auto}.step-list::-webkit-scrollbar{width:8px}.scope-navigation::-webkit-scrollbar{width:8px}.step-list::-webkit-scrollbar-track{background:0 0}.scope-navigation::-webkit-scrollbar-track{background:0 0}.step-list::-webkit-scrollbar-thumb{border:2px solid var(--navy);background:#8b97b761;border-radius:999px;min-height:42px}.scope-navigation::-webkit-scrollbar-thumb{border:2px solid var(--navy);background:#8b97b761;border-radius:999px;min-height:42px}.step-list::-webkit-scrollbar-thumb:hover{background:#aab5d39e}.scope-navigation::-webkit-scrollbar-thumb:hover{background:#aab5d39e}.step-group{color:#69738f;letter-spacing:1.5px;text-transform:uppercase;padding:13px 10px 5px;font-size:9px;font-weight:800;display:block}.step-item{color:#7e879f;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:25px 1fr 15px;align-items:center;gap:7px;width:100%;min-height:42px;padding:5px 8px;display:grid}.step-item:not(:disabled):hover{background:#ffffff0e}.step-item.active{color:#fff;background:var(--navy-2);box-shadow:inset 3px 0 0 var(--orange)}.step-item.completed{color:#b8bfd1}.step-item.completed .step-bullet{color:#59d6a9;background:#29a87926;border-color:#59d6a940}.step-item:disabled{cursor:default;opacity:.5}.step-bullet{border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.step-item.active .step-bullet{color:#ff8c5c;background:#ff7a451f;border-color:#ff7a4580}.step-item strong,.step-item small{display:block}.step-item strong{font-size:11px;font-weight:650}.step-item small{opacity:.58;margin-top:1px;font-size:8.5px}.sidebar-actions{border-top:1px solid #ffffff12;flex:none;gap:5px;margin-top:auto;padding:12px 14px 15px;display:grid}.sidebar-actions button{color:#c9cede;background:#ffffff0e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.sidebar-actions button:first-child{color:#ffad88;background:#ff7a4521}.sidebar-actions button:hover{background:#ffffff1a}.conversation-column{border-right:1px solid var(--line);background:#f7f6f2;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.conversation-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;flex:0 0 70px;align-items:center;gap:11px;padding:0 22px;display:flex}.agent-avatar{color:#fff;background:linear-gradient(135deg, var(--blue), #7b5cf0);border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.agent-name strong,.agent-name span{display:block}.agent-name strong{font-size:13px}.agent-name span{color:var(--muted);margin-top:2px;font-size:9px}.agent-name i{background:#e0a845;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.agent-name i.online{background:var(--green);box-shadow:0 0 0 3px #29a8791f}.agent-name i.demo{background:#f0a24b}.icon-button,.mobile-menu{color:#8b92a3;background:0 0;border:0;margin-left:auto}.mobile-menu{margin-left:0;display:none}.conversation-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d1d4dc transparent;flex:1 1 0;height:auto;min-height:0;max-height:none;padding:22px clamp(18px,4vw,52px);overflow:hidden auto}.stage-banner{align-items:center;gap:13px;margin-bottom:25px;display:flex}.stage-banner>span{color:#7c648a;background:#f0eaf4;border-radius:7px;flex:none;padding:6px 9px;font-size:9px;font-weight:700}.stage-banner strong,.stage-banner p{margin:0;display:block}.stage-banner strong{font-size:13px}.stage-banner p{color:var(--muted);margin-top:2px;font-size:9px}.messages{flex-direction:column;gap:18px;max-width:720px;margin:0 auto;display:flex}.assistant-message{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;max-width:92%;display:grid}.message-avatar{color:#5c68a4;background:#e7e9f6;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.assistant-message>div{background:#fff;border:1px solid #e7e8ec;border-radius:5px 15px 15px;padding:13px 15px;box-shadow:0 4px 16px #1a22370b}.assistant-message p{margin:0;font-size:12px;line-height:1.65}.assistant-message.review>div{background:#fffcf9;border-color:#e9d8ca}.assistant-message.success>div{background:#f7fffb;border-color:#cbe9dd}.review-chip{color:#a15f34;background:var(--orange-soft);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;margin-top:10px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.message-primary-action{color:#fff;background:var(--blue);border:0;border-radius:8px;align-items:center;gap:5px;margin-top:10px;padding:6px 10px;font-size:9px;font-weight:750;transition:all .16s;display:inline-flex;box-shadow:0 5px 13px #5477f533}.message-primary-action:hover:not(:disabled){filter:brightness(.98);transform:translateY(-1px)}.message-primary-action:disabled{cursor:default;opacity:.55}.message-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prompt-trace-button{color:#667493;background:#f7f8fb;border:1px solid #dfe4ef;border-radius:6px;align-items:center;gap:4px;margin-top:10px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.prompt-trace-button:hover{color:var(--blue);border-color:#bfcaf1}.user-message{justify-content:flex-end;display:flex}.user-message>div{color:#fff;background:var(--blue);border-radius:15px 5px 15px 15px;max-width:80%;padding:11px 15px;font-size:12px;line-height:1.55;box-shadow:0 7px 18px #5477f52e}.system-message{color:#7d6d55;text-align:center;background:#f0ece4;border-radius:8px;align-self:center;align-items:center;gap:6px;max-width:90%;padding:7px 10px;font-size:9px;display:flex}.processing-message>div{color:var(--muted)}.processing-message p{margin-top:6px;font-size:9px}.typing{align-items:center;gap:4px;height:10px;display:flex}.typing i{background:#7f89b5;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite bounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.composer-area{z-index:12;min-width:0;padding:8px clamp(18px, 4vw, 52px) max(14px, env(safe-area-inset-bottom));background:linear-gradient(#f7f6f273,#f7f6f2 24%);flex:none;position:relative;overflow:visible;box-shadow:0 -10px 28px #1820390b}.quick-replies{overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:wrap;gap:6px;max-width:720px;max-height:min(112px,18dvh);margin:0 auto 8px;display:flex;overflow-y:auto}.quick-replies button{color:#4c587a;text-align:left;background:#fff;border:1px solid #dfe2ea;border-radius:9px;padding:7px 10px;font-size:9px;transition:all .16s}.quick-replies button:hover{color:var(--blue);border-color:#aebbf0;transform:translateY(-1px)}.composer{background:#fff;border:1px solid #dcdfe6;border-radius:14px;align-items:center;gap:8px;max-width:720px;min-height:50px;margin:0 auto;padding:6px 7px 6px 16px;display:flex;box-shadow:0 8px 28px #1a22370f}.composer:focus-within{border-color:#aebbf0;box-shadow:0 0 0 3px #5477f514,0 8px 28px #1a22370f}.composer textarea{resize:none;min-height:22px;max-height:90px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px;line-height:1.5}.composer textarea::placeholder{color:#a5aab7}.composer button{color:#fff;background:var(--blue);border:0;border-radius:10px;flex:none;place-items:center;width:37px;height:37px;display:grid}.composer button:disabled{cursor:default;color:#a8adba;background:#eceef2}.composer-hint{color:#a1a5af;text-align:center;max-width:720px;margin:6px auto 0;font-size:8px}.error-banner{color:#9a3e42;background:#fdebec;border-radius:8px;max-width:720px;margin:0 auto 8px;padding:8px 10px;font-size:9px}.chat-asset-attachment,.chat-preview-attachment{color:#4e5d7d;background:#edf1ff;border:1px solid #bfcaf1;border-radius:11px;grid-template-columns:38px 1fr 28px;align-items:center;gap:9px;max-width:720px;margin:0 auto 8px;padding:7px;display:grid}.chat-asset-attachment>span,.chat-preview-attachment>span{background:#dfe6fb;border-radius:7px;place-items:center;width:38px;height:32px;display:grid;overflow:hidden}.chat-asset-attachment img{object-fit:cover;width:100%;height:100%}.chat-asset-attachment strong,.chat-asset-attachment small,.chat-preview-attachment strong,.chat-preview-attachment small{display:block}.chat-asset-attachment strong,.chat-preview-attachment strong{font-size:9px}.chat-asset-attachment small,.chat-preview-attachment small{color:#7683a0;margin-top:2px;font-size:7.5px}.chat-asset-attachment button,.chat-preview-attachment button{color:#687693;background:#fff;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.artifact-panel{background:#fff;grid-template-rows:70px minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden;container:artifact-panel/inline-size}.panel-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:end;padding:0 10px;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{color:#8a91a2;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;min-width:max-content;height:50px;padding:0 8px;font-size:8.5px;font-weight:650;display:flex}.panel-tabs button.active{color:var(--ink);border-bottom-color:var(--orange)}.panel-tabs button .tab-label{color:inherit;white-space:nowrap;background:0 0;padding:0}.panel-tabs button b{color:var(--green);background:var(--green-soft);border-radius:8px;padding:2px 5px;font-size:7px}.panel-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1d4dc transparent;min-height:0;max-height:100%;padding:20px clamp(18px,2.5vw,34px) 32px;overflow:hidden auto}.artifact-stack{gap:14px;max-width:620px;margin:0 auto;display:grid}.artifact-stack.flow-artifact-stack{max-width:900px}.artifact-hero{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff21,#0000 30%),linear-gradient(135deg,#182446,#263b71);border-radius:17px;padding:22px;box-shadow:0 15px 34px #1c2b5229}.eyebrow{color:#7f89a2;text-transform:uppercase;letter-spacing:1.25px;font-size:8px;font-weight:800;display:block}.eyebrow.light{color:#ffffff94}.artifact-hero .eyebrow{color:#aab6de}.artifact-hero h2{letter-spacing:-.7px;margin:7px 0 8px;font-size:23px}.artifact-hero p{color:#d4daf1;max-width:510px;margin:0;font-size:10px;line-height:1.55}.artifact-meta{flex-wrap:wrap;gap:6px;margin-top:17px;display:flex}.artifact-meta span{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;padding:5px 8px;font-size:8px}.artifact-section{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.artifact-section>header{border-bottom:1px solid #eff0f3;justify-content:space-between;align-items:center;height:45px;padding:0 15px;display:flex}.artifact-section>header div{color:#66708f;align-items:center;gap:7px;display:flex}.artifact-section>header strong{color:var(--ink);font-size:10px}.artifact-section>header>span{color:#6b7690;background:#f0f2f6;border-radius:7px;padding:3px 7px;font-size:8px}.spec-list{margin:0;padding:3px 15px 10px}.spec-list div{border-bottom:1px solid #f1f2f5;grid-template-columns:86px 1fr;gap:9px;padding:8px 0;display:grid}.spec-list div:last-child{border-bottom:0}.spec-list dt{color:#9aa0ae;font-size:8px}.spec-list dd{margin:0;font-size:9px;line-height:1.45}.mechanic-row{border-bottom:1px solid #f0f1f4;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:9px 14px;display:grid}.mechanic-row:last-child{border-bottom:0}.mechanic-icon{width:23px;height:23px;color:var(--green);background:var(--green-soft);border-radius:7px;place-items:center;display:grid}.mechanic-row strong,.mechanic-row p{margin:0;display:block}.mechanic-row strong{font-size:9px}.mechanic-row p{color:#8b91a0;margin-top:2px;font-size:8px}.mechanic-row small{color:var(--green);font-size:8px;font-weight:700}.reference-search-note{color:#7b5b30;background:#fff8e9;border-bottom:1px solid #f3e5c9;margin:0;padding:9px 14px;font-size:8px;line-height:1.45}.mechanic-reference-list{gap:10px;padding:12px;display:grid}.mechanic-reference-card{background:#fbfcff;border:1px solid #e4e8f1;border-radius:12px;grid-template-columns:76px minmax(0,1fr);gap:11px;padding:10px;display:grid}.mechanic-reference-card>img{object-fit:cover;background:#eef1f7;border-radius:9px;width:76px;height:76px}.mechanic-reference-card header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mechanic-reference-card header strong{font-size:9px;line-height:1.35}.mechanic-reference-card header span{color:#17714a;background:#e7f8ef;border-radius:999px;flex:none;padding:2px 6px;font-size:7px;font-weight:800}.mechanic-reference-card p{color:#646d80;margin:4px 0;font-size:8px;line-height:1.45}.mechanic-reference-card small{color:#414b63;font-size:7px;font-weight:700;display:block}.mechanic-reference-card ul{flex-wrap:wrap;gap:4px;margin:7px 0 0;padding:0;list-style:none;display:flex}.mechanic-reference-card li{color:#68738c;background:#eef1f7;border-radius:999px;padding:2px 6px;font-size:6.5px}.card-review-status{background:#fff;border:1px solid #e5e8f0;border-radius:13px;overflow:hidden}.card-review-status>header{align-items:center;gap:9px;padding:12px 14px;display:flex}.card-review-status>header>svg{flex:none}.card-review-status>header strong,.card-review-status>header p{margin:0;display:block}.card-review-status>header strong{color:#303a55;font-size:9px}.card-review-status>header p{color:#788197;margin-top:3px;font-size:8px;line-height:1.45}.card-review-status.ready>header{color:#16845e;background:#edf9f4}.card-review-status.recommendations>header{color:#a66d21;background:#fff8e8}.card-review-status.blocked>header{color:#b74651;background:#fff0f1}.card-review-status>small{color:#6f7890;border-top:1px solid #edf0f4;padding:7px 14px;font-size:7.5px;display:block}.card-review-status details{border-top:1px solid #edf0f4}.card-review-status summary{color:#6f7890;cursor:pointer;padding:9px 14px;font-size:8px;font-weight:750}.card-review-status details>div{gap:7px;padding:0 12px 12px;display:grid}.card-review-status article{background:#faf7ef;border-radius:9px;padding:9px 10px}.card-review-status article strong,.card-review-status article p{margin:0;display:block}.card-review-status article strong{color:#5c513d;font-size:8px}.card-review-status article p{color:#857b69;margin-top:3px;font-size:7.5px;line-height:1.45}.visual-asset-image.transparent{background-color:#fff;background-image:linear-gradient(45deg,#e7e9ef 25%,#0000 25%),linear-gradient(-45deg,#e7e9ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e9ef 75%),linear-gradient(-45deg,#0000 75%,#e7e9ef 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.visual-asset-image.transparent img,.group-characters .visual-asset-image img{object-fit:contain}.transparency-badge{color:#087c61;background:#effff8f0;border-radius:7px;align-items:center;gap:3px;padding:4px 6px;font-size:7px;font-weight:750;display:flex;position:absolute;bottom:7px;right:7px;box-shadow:0 2px 8px #143c2d1f}.identity-badge{color:#3156a6;background:#f0f6fff5;border-radius:7px;align-items:center;gap:3px;padding:4px 6px;font-size:7px;font-weight:750;display:flex;position:absolute;top:7px;right:7px;box-shadow:0 2px 8px #1e3e7824}.task-brief-list{background:#f7f8fb;gap:9px;padding:12px;display:grid}.task-brief-item{background:#fff;border:1px solid #e5e8f0;border-radius:11px;padding:12px}.task-brief-item>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-brief-item>header>span{color:#66708f;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:800}.task-brief-item>header div{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.task-brief-item>header b{color:#59647e;background:#eef1f7;border-radius:6px;padding:3px 6px;font-size:7px;font-weight:700}.task-brief-item h4{color:var(--ink);margin:8px 0 6px;font-size:10px;line-height:1.45}.task-brief-item dl{margin:0}.task-brief-item dl>div{border-top:1px solid #f0f1f4;grid-template-columns:118px 1fr;gap:8px;padding:5px 0;display:grid}.task-brief-item dt{color:#9299aa;font-size:7.5px}.task-brief-item dd{overflow-wrap:anywhere;margin:0;font-size:8px;line-height:1.45}.gameplay-preview{background-position:50%;background-size:cover;min-height:650px;overflow:hidden}.designed-gameplay{color:#fff;isolation:isolate;position:relative}.designed-gameplay:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 42% 42%,#ffffff29,#0000 48%);position:absolute;inset:0}.designed-topbar{z-index:2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1619254d;border:1px solid #ffffff2e;border-radius:16px;padding:10px 14px;position:relative}.designed-topbar h2{text-wrap:balance;max-width:760px}.gameplay-shell{z-index:2;gap:var(--scene-content-gap,18px);margin-top:var(--scene-content-gap,18px);grid-template-columns:minmax(0,3fr) minmax(170px,1fr);align-items:stretch;display:grid;position:relative}.gameplay-shell.no-character{grid-template-columns:1fr}.designed-console{min-width:0;min-height:470px;color:var(--scene-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff6b;box-shadow:0 20px 58px #13121e3d;background:color-mix(in srgb,var(--scene-surface) var(--scene-surface-opacity,94%),transparent)!important;padding:22px!important}.character-stage{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(#ffffff1a,#11162557);border:1px solid #ffffff42;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;min-width:0;padding:15px 11px;display:flex}.character-portrait{background:radial-gradient(circle at 50% 56%,#ffffff3b,#0000 67%);border-radius:30px;place-items:center;width:min(150px,92%);height:244px;transition:background .2s,box-shadow .2s;display:grid;position:relative;overflow:visible}.character-portrait img{object-fit:contain;filter:drop-shadow(0 15px 18px #0d0f1c47);width:100%;height:100%;transition:filter .2s}.character-reaction-badge{color:#fff;pointer-events:none;border:3px solid #fffffff0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:21px;font-weight:950;line-height:1;display:none;position:absolute;top:8px;right:4px;box-shadow:0 7px 18px #1822373d}.visual-state-correct .character-portrait,.visual-state-correct .mechanic-character-portrait{background:radial-gradient(circle at 50% 55%,#53d89f57,#0000 68%);box-shadow:0 0 0 4px #30bb8224}.visual-state-correct .character-portrait img,.visual-state-correct .mechanic-character-portrait img{filter:drop-shadow(0 15px 18px #19916347)saturate(1.06)}.visual-state-correct .character-reaction-badge{background:#23aa72;display:grid}.visual-state-incorrect .character-portrait,.visual-state-incorrect .mechanic-character-portrait{background:radial-gradient(circle at 50% 55%,#ffb85b57,#0000 68%);box-shadow:0 0 0 4px #e6973724}.visual-state-incorrect .character-portrait img,.visual-state-incorrect .mechanic-character-portrait img{filter:drop-shadow(0 15px 18px #b16f2240)saturate(.92)}.visual-state-incorrect .character-reaction-badge{background:#e59637;display:grid}.character-bubble{background:color-mix(in srgb,var(--scene-surface) 96%,transparent);width:100%;color:var(--scene-text);border-radius:17px 17px 4px;padding:13px 14px;font-size:11px;line-height:1.35;position:relative;box-shadow:0 10px 26px #0a122b33}.character-bubble:before{content:"";border:10px solid #0000;border-right-color:var(--scene-surface);position:absolute;top:-9px;right:14px;transform:rotate(45deg)}.character-bubble strong,.character-bubble span{display:block}.character-bubble span{color:var(--scene-muted);margin-top:4px}.reaction-bounce .character-portrait{animation:.62s cubic-bezier(.2,.8,.2,1) character-bounce}.reaction-celebrate .character-portrait{animation:.82s character-celebrate}.reaction-shake_head .character-portrait{animation:.5s gentle-shake}.fraction-transfer-scene{width:100%;color:var(--scene-text);position:relative}.transfer-copy h3{text-wrap:balance;max-width:720px;margin:5px 0 7px;font-size:clamp(17px,2.1vw,25px);line-height:1.22}.transfer-copy .feedback{min-height:21px;color:var(--scene-muted);margin:0;font-size:10px}.transfer-copy .feedback.correct{color:var(--scene-success)}.transfer-copy .feedback.wrong{color:var(--scene-error)}.fraction-stage{align-items:center;gap:var(--scene-plate-gap,13px);margin-top:var(--scene-content-gap,14px);grid-template-columns:minmax(154px,1fr) 48px minmax(154px,1fr) minmax(80px,.55fr);display:grid}.fraction-plate{border:1px solid color-mix(in srgb,var(--scene-muted) 23%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--scene-surface-alt) 78%,white),#ffffffb3);border-radius:22px;min-width:0;padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s}.fraction-plate.active{border-color:var(--scene-accent-alt);box-shadow:0 0 0 4px color-mix(in srgb,var(--scene-accent-alt) 18%,transparent),0 14px 28px #2a294a21;transform:translateY(-2px)}.fraction-plate>strong{text-align:center;min-height:27px;color:var(--scene-muted);font-size:10px;line-height:1.25;display:block}.fraction-plate-disc{aspect-ratio:1;width:100%;max-width:var(--scene-plate-size,220px);touch-action:none;-webkit-user-select:none;user-select:none;min-width:140px;margin:0 auto;position:relative}.fraction-plate-svg{width:100%;height:100%;display:block;overflow:visible}.plate-base{fill:#ffffffc7;stroke:#515b7e29;stroke-width:3px}.plate-art{opacity:.2;pointer-events:none;mix-blend-mode:multiply;clip-path:circle(47%)}.plate-rim{fill:none;stroke:#464d6d47;stroke-width:3px;pointer-events:none}.plate-slot-guide{fill:color-mix(in srgb,var(--scene-accent-alt) 6%,transparent);stroke:color-mix(in srgb,var(--scene-accent-alt) 22%,transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:fill .18s,stroke .18s}.plate-slot-guide.empty[role=button]{cursor:pointer}.fraction-plate.active .plate-slot-guide.empty,.plate-slot-guide.empty:hover,.plate-slot-guide.empty:focus{fill:color-mix(in srgb,var(--scene-highlight) 22%,transparent);stroke:var(--scene-accent-alt);outline:none}.fraction-piece{cursor:grab;transform-box:fill-box;transform-origin:50%;transition:filter .16s ease,opacity .16s ease,transform var(--scene-snap-ms) cubic-bezier(.2,.9,.25,1.2);touch-action:none}.fraction-piece path{stroke:#8f501dad;stroke-width:2px;vector-effect:non-scaling-stroke}.fraction-piece text,.fraction-drag-layer text{fill:#6e351a;pointer-events:none;font-size:12px;font-weight:850}.piece-topping{fill:#ef5b67;stroke:#fff4;stroke-width:1px;pointer-events:none}.fraction-piece:hover,.fraction-piece:focus,.fraction-piece.selected{filter:brightness(1.05)drop-shadow(0 8px 7px #7e481952);outline:none}.fraction-piece.selected{transform:scale(1.035)}.fraction-piece.dragging{opacity:.2}.fraction-piece.snapped{animation:piece-snap var(--scene-snap-ms) cubic-bezier(.2,.9,.25,1.25)}.transfer-flow{color:var(--scene-accent-alt);place-items:center;gap:2px;display:grid}.transfer-flow span{color:#fff;background:linear-gradient(145deg,var(--scene-accent-alt),color-mix(in srgb,var(--scene-accent-alt) 70%,#fff));width:42px;height:42px;box-shadow:0 9px 20px color-mix(in srgb,var(--scene-accent-alt) 30%,transparent);border-radius:50%;place-items:center;font-size:23px;display:grid}.transfer-flow small{color:var(--scene-muted);font-size:7px}.fraction-entry{background:color-mix(in srgb,var(--scene-surface-alt) 72%,white);border-radius:16px;justify-items:stretch;gap:5px;padding:10px;display:grid}.fraction-entry label{text-align:center;color:var(--scene-muted);gap:3px;font-size:8px;display:grid}.fraction-entry input{border:1px solid color-mix(in srgb,var(--scene-muted) 28%,transparent);width:100%;height:39px;color:var(--scene-text);text-align:center;background:#ffffffe6;border-radius:10px;outline:none;font-size:17px;font-weight:800}.fraction-entry input:focus{border-color:var(--scene-accent-alt);box-shadow:0 0 0 3px color-mix(in srgb,var(--scene-accent-alt) 16%,transparent)}.fraction-line{background:var(--scene-text);border-radius:2px;height:2px}.gameplay-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.slot-help{color:var(--scene-muted);font-size:8px}.check-gameplay{background:linear-gradient(135deg,var(--scene-accent),color-mix(in srgb,var(--scene-accent) 72%,#ffb36c));color:#fff;box-shadow:0 9px 18px color-mix(in srgb,var(--scene-accent) 28%,transparent);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:7px;margin-left:auto;padding:11px 18px;font-weight:800;transition:transform .18s,filter .18s;display:flex}.check-gameplay:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.check-gameplay:disabled{opacity:.42;cursor:default;box-shadow:none}.fraction-drag-layer{z-index:10000;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 16px 13px #462a1157);will-change:left,top,transform;width:clamp(82px,9vw,116px);position:fixed}.fraction-drag-layer svg{width:100%;height:100%;overflow:visible}.fraction-confetti{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fraction-confetti i{--x:calc((var(--confetti-i) * 37) % 100);left:calc(var(--x) * 1%);background:hsl(calc(var(--confetti-i) * 47),78%,58%);width:7px;height:12px;animation:.9s ease-out forwards confetti-pop;animation-delay:calc(var(--confetti-i) * -18ms);border-radius:2px;position:absolute;top:55%}.feedback-correct .fraction-plate:last-of-type{animation:.8s plate-success}.feedback-wrong .fraction-plate:last-of-type{animation:.48s plate-wobble}@keyframes piece-snap{0%{opacity:.3;transform:scale(.8)}65%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes confetti-pop{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(-190px) translateX(calc((var(--confetti-i) - 7) * 5px)) rotate(360deg);opacity:0}}@keyframes plate-success{45%{box-shadow:0 0 0 8px color-mix(in srgb,var(--scene-success) 23%,transparent);transform:scale(1.035)}}@keyframes plate-wobble{25%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}@keyframes character-bounce{40%{transform:translateY(-13px)scale(1.04)}}@keyframes character-celebrate{30%{transform:rotate(-4deg)translateY(-10px)}65%{transform:rotate(4deg)translateY(-6px)}}@keyframes gentle-shake{30%{transform:translate(-4px)}65%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.character-portrait,.mechanic-character-portrait,.fraction-piece,.fraction-plate,.fraction-confetti i{transition:none!important;animation:none!important}}@media (width<=980px){.gameplay-shell{grid-template-columns:1fr}.character-stage{flex-direction:row;justify-content:flex-start;min-height:110px}.character-bubble{flex:1;width:auto}.character-portrait{width:82px;height:102px}.fraction-stage{grid-template-columns:minmax(145px,1fr) 42px minmax(145px,1fr)}.fraction-entry{grid-column:1/-1;grid-template-columns:1fr 34px 1fr;align-items:end}.fraction-line{margin-bottom:18px}}@media (width<=650px){.gameplay-preview{min-height:100vh;padding:14px}.gameplay-shell{margin-top:12px}.designed-console{min-height:0;padding:16px!important}.fraction-stage{grid-template-columns:1fr}.transfer-flow{transform:rotate(90deg)}.fraction-entry{grid-column:auto}.fraction-plate-disc{max-width:210px}.gameplay-actions{flex-direction:column;align-items:stretch}.check-gameplay{justify-content:center;margin:0}.preview-topbar h2{font-size:20px}}.asset-grid{grid-template-columns:repeat(4,1fr);gap:7px;padding:11px;display:grid}.asset-card{background:linear-gradient(145deg,#e9eeff,#dce6ff);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;height:84px;display:flex;overflow:hidden}.asset-card.hue-1{background:linear-gradient(145deg,#fff0e5,#ffe0ca)}.asset-card.hue-2{background:linear-gradient(145deg,#f2eaff,#e7ddff)}.asset-card.hue-3{background:linear-gradient(145deg,#e4f8f0,#d2f1e5)}.asset-card span{filter:drop-shadow(0 5px 8px #1d284d26);font-size:26px}.asset-card small{white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-size:7px;overflow:hidden}.empty-state{color:#9aa0ae;text-align:center;margin:0;padding:18px;font-size:9px}.download-button{color:#fff;background:var(--green);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:10px;font-weight:700;display:flex;box-shadow:0 10px 23px #29a87933}.download-button span{background:#ffffff2b;border-radius:5px;margin-left:auto;padding:3px 5px;font-size:7px}.preview-tab{max-width:700px;margin:0 auto}.preview-caption{color:#60697d;justify-content:space-between;align-items:center;margin:0 1px 10px;font-size:9px;display:flex}.preview-caption>div{align-items:center;gap:6px;font-weight:700;display:flex}.preview-caption small{color:#9298a6;font-size:8px}.preview-edit-hint{color:#b45f32;background:#fff8f2;border:1px solid #f1d4bd;border-radius:11px;align-items:center;gap:8px;margin:0 0 10px;padding:9px 11px;display:flex}.preview-edit-hint strong,.preview-edit-hint span{display:block}.preview-edit-hint strong{color:#7d4329;font-size:8.5px}.preview-edit-hint span{color:#946d5b;margin-top:2px;font-size:7.5px;line-height:1.4}.preview-fullscreen-button{color:#59647d;cursor:pointer;background:#fff;border:1px solid #dce1eb;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:700;display:flex}.preview-fullscreen-button:hover{color:var(--blue);background:#f6f8ff;border-color:#aebbf0}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #29a8791f}.preview-note{color:#8b91a0;text-align:center;font-size:8px;line-height:1.55}.runtime-qa-probe{opacity:.001;pointer-events:none;width:1080px;height:760px;position:fixed;top:0;left:-12000px;overflow:hidden}.qa-tab{max-width:620px;margin:0 auto}.qa-score{border:1px solid var(--line);color:#81899a;background:#fafbfc;border-radius:13px;align-items:center;gap:12px;padding:17px;display:flex}.qa-score.passed{color:var(--green);background:var(--green-soft);border-color:#cfeadf}.qa-score.running{color:var(--blue);background:#f3f6ff;border-color:#d6def9}.qa-score strong,.qa-score p{margin:0;display:block}.qa-score strong{color:var(--ink);font-size:11px}.qa-score p{color:#7c8495;margin-top:3px;font-size:8px}.qa-list{border:1px solid var(--line);border-radius:13px;margin-top:12px;overflow:hidden}.qa-issues{background:#fff;border:1px solid #eed5cc;border-radius:13px;margin-top:12px;overflow:hidden}.qa-issues>header{color:#9b533b;background:#fff6f2;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.qa-issues>header>div{align-items:center;gap:7px;display:flex}.qa-issues>header strong{font-size:9px}.qa-issues>header>span{text-align:center;background:#ffe3d8;border-radius:999px;min-width:22px;padding:3px 6px;font-size:7px;font-weight:800}.qa-issue{border-top:1px solid #f2e4df;padding:12px 13px}.qa-issue.severity-blocker{box-shadow:inset 3px 0 #d8535f}.qa-issue.severity-high{box-shadow:inset 3px 0 #ed8b4c}.qa-issue-heading{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qa-issue-heading>span{color:#a74851;text-transform:uppercase;background:#ffe8ea;border-radius:5px;padding:3px 5px;font-size:6px;font-weight:800}.qa-issue-heading strong{color:#303a55;flex:1;min-width:130px;font-size:9px}.qa-auto-badge,.qa-user-badge{border-radius:999px;align-items:center;gap:3px;padding:3px 6px;font-size:6.5px;display:inline-flex}.qa-auto-badge{color:#2d6f61;background:#e5f6ef}.qa-user-badge{color:#786743;background:#fff4d9}.qa-issue>p{color:#70798d;margin:7px 0;font-size:8px;line-height:1.45}.qa-issue dl{gap:5px;margin:0;display:grid}.qa-issue dl>div{grid-template-columns:70px 1fr;gap:7px;display:grid}.qa-issue dt{color:#999fae;font-size:7px}.qa-issue dd{color:#515c73;margin:0;font-size:7.5px;line-height:1.4}.qa-issue>small{color:#a2a7b3;margin-top:7px;font-size:6.5px;display:block}.qa-row{border-bottom:1px solid #eff0f3;grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:11px 13px;display:grid}.qa-row:last-child{border-bottom:0}.qa-status{color:#9299a8;background:#f0f2f5;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.qa-status.passed{color:var(--green);background:var(--green-soft)}.qa-row strong,.qa-row p{margin:0;display:block}.qa-row strong{font-size:9px}.qa-row p{color:#8d93a1;margin-top:2px;font-size:8px}.card-preview{color:#fff;isolation:isolate;background:radial-gradient(circle at 23% 12%,#5b78e852,#0000 22%),radial-gradient(circle at 84% 25%,#b05bd633,#0000 24%),linear-gradient(155deg,#10192f,#1b2951 65%,#172446);border-radius:20px;min-height:520px;padding:26px;position:relative;overflow:hidden;box-shadow:0 20px 45px #131c3838;container:card-preview/inline-size}.card-preview.is-compact{min-height:min(600px,100dvh - 150px)}.preview-topbar{z-index:2;justify-content:space-between;align-items:start;display:flex;position:relative}.preview-topbar h2{letter-spacing:-.7px;margin:5px 0 0;font-size:clamp(18px,2.3vw,26px)}.mission-progress{text-align:right;width:100px}.mission-progress>span{color:#c4ccec;font-size:9px}.mission-progress>div{background:#ffffff1f;border-radius:5px;height:5px;margin-top:5px;overflow:hidden}.mission-progress b{border-radius:inherit;background:#75e2bb;height:100%;transition:width .45s;display:block}.task-console{min-height:130px;color:var(--ink);background:#fffffff5;border:1px solid #ffffff1a;border-radius:17px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:17px 19px;display:grid;position:relative;box-shadow:0 14px 40px #050c1e47}.task-console.shake{animation:.38s shake}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.feedback{color:#8b92a1;align-items:center;gap:4px;min-height:18px;font-size:8px;display:flex}.feedback.correct{color:var(--green);font-weight:700}.feedback.wrong{color:#db5f63;font-weight:700}.answer-form{grid-template-columns:68px 38px;gap:6px;display:grid}.answer-form label{color:#8c93a2;grid-column:1/-1;font-size:8px;font-weight:700}.answer-form input{width:68px;height:42px;color:var(--ink);text-align:center;background:#f8f9fc;border:1px solid #dfe3ed;border-radius:10px;outline:0;font-size:21px;font-weight:800}.answer-form input:focus{border-color:#9cacf0;box-shadow:0 0 0 3px #5477f51a}.answer-form button{color:#fff;background:var(--orange);border:0;border-radius:10px;place-items:center;width:38px;height:42px;display:grid}.success-screen{grid-column:1/-1;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;display:grid}.success-orb{width:49px;height:49px;color:var(--green);background:var(--green-soft);border-radius:16px;place-items:center;display:grid}.success-screen h3,.success-screen p{margin:0}.success-screen h3{margin-top:3px;font-size:18px}.success-screen p{color:#7d8494;margin-top:3px;font-size:9px}.preview-secondary{color:#59647d;background:#fff;border:1px solid #dce1ea;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.boot-screen{color:#d7dcec;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100dvh;display:flex}.boot-screen p{margin:0;font-size:11px}.spin{color:var(--orange);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-backdrop{display:none}.key-header-button{color:#59647d;background:#fff;border:1px solid #dfe3ec;border-radius:9px;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.conversation-header .icon-button{margin-left:0}.sidebar-actions .key-sidebar-button{color:#b6c5ff;background:#5477f529}.program-upload-row{align-items:center;gap:9px;max-width:720px;margin:0 auto 8px;display:flex}.program-upload-row button{color:#4e65b4;background:#f6f8ff;border:1px solid #bfc9f2;border-radius:9px;flex:none;align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:700;display:flex}.program-upload-row span{color:#949aa8;font-size:8px;line-height:1.4}.style-source-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:720px;margin:0 auto 8px;display:grid}.style-source-options>button{color:#53617f;text-align:left;background:#fff;border:1px solid #dce2ef;border-radius:10px;align-items:center;gap:7px;min-width:0;min-height:54px;padding:8px;display:flex}.style-source-options>button:hover{color:var(--blue);background:#f7f9ff;border-color:#aebbf0}.style-source-options>button>svg{flex:none}.style-source-options span,.style-source-options strong,.style-source-options small{min-width:0;display:block}.style-source-options strong{white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;overflow:hidden}.style-source-options small{color:#8b93a5;margin-top:2px;font-size:7px;line-height:1.25}.cast-planner{background:#fff;border:1px solid #dce2ef;border-radius:12px;max-width:720px;max-height:250px;margin:0 auto 8px;padding:10px;overflow:auto;box-shadow:0 8px 22px #1e2a4b0f}.cast-planner>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.cast-planner>header strong,.cast-planner>header small{display:block}.cast-planner>header strong{color:#2f3a56;font-size:9px}.cast-planner>header small{color:#8b93a4;margin-top:2px;font-size:7px}.cast-planner>header button{color:#60709a;background:0 0;border:0;font-size:7px}.cast-planner article{border-top:1px solid #eef0f5;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:8px;padding:7px 0;display:grid}.cast-planner article>span{width:22px;height:22px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;font-size:7px;font-weight:800;display:grid}.cast-planner article strong,.cast-planner article small{display:block}.cast-planner article strong{color:#35405c;font-size:8px}.cast-planner article small{color:#7d879c;font-size:7px}.cast-planner article p{color:#69748b;margin:3px 0 0;font-size:7px;line-height:1.35}.cast-planner article>b{border-radius:6px;padding:3px 6px;font-size:6.5px}.cast-planner article>b.ready{color:#16845e;background:#e8f8f1}.cast-planner article>b.pending{color:#a86b33;background:#fff3e8}.cast-generate-all{color:#fff;background:linear-gradient(135deg,var(--blue),#765ee7);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:7px;padding:8px;font-size:8px;font-weight:750;display:flex}.cast-planner>p{color:#9098a8;text-align:center;margin:6px 0 0;font-size:6.5px}.cast-summary-list{padding:5px 14px 12px}.cast-summary-list article{border-bottom:1px solid #eef0f4;padding:8px 0}.cast-summary-list article:last-child{border-bottom:0}.cast-summary-list article>div{justify-content:space-between;gap:8px;display:flex}.cast-summary-list strong{color:#35405b;font-size:8.5px}.cast-summary-list span{color:#7d879b;font-size:7px}.cast-summary-list p{color:#606b80;margin:4px 0;font-size:7.5px;line-height:1.4}.cast-summary-list small{color:#9299a8;font-size:7px}.api-key-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090f1db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.api-key-dialog{width:min(440px,100%);color:var(--ink);background:#fff;border:1px solid #ffffff1f;border-radius:21px;padding:30px;position:relative;box-shadow:0 28px 90px #0309166b}.api-key-dialog .key-close{color:#8990a0;background:#f1f2f5;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:13px;right:13px}.key-dialog-icon{color:#fff;background:linear-gradient(135deg, var(--blue), #7b5cf0);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid;box-shadow:0 10px 24px #5477f53d}.api-key-dialog h2{letter-spacing:-.6px;margin:5px 0 9px;font-size:22px}.api-key-dialog>p{color:#747c8e;margin:0 0 18px;font-size:10px;line-height:1.6}.api-key-dialog>label{color:#60697d;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.key-input-wrap{border:1px solid #dce1eb;border-radius:11px;grid-template-columns:1fr 39px;display:grid;overflow:hidden}.key-input-wrap:focus-within{border-color:#9cacf0;box-shadow:0 0 0 3px #5477f517}.key-input-wrap input{min-width:0;height:43px;color:var(--ink);background:#fafbfc;border:0;outline:0;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.key-input-wrap button{color:#737b8d;background:#f2f4f7;border:0}.connect-key-button{color:#fff;background:var(--blue);border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;margin-top:11px;font-size:10px;font-weight:700;display:flex}.disconnect-key-button{color:#9a5260;background:0 0;border:0;width:100%;margin-top:7px;padding:7px;font-size:8px}.key-security{color:#557566;background:var(--green-soft);border-radius:9px;align-items:flex-start;gap:7px;margin-top:14px;padding:10px;font-size:8px;line-height:1.5;display:flex}.key-security svg{flex:none}.prompt-dialog-backdrop{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090f1db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.prompt-dialog{background:#fff;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100%);max-height:min(820px,88dvh);display:grid;overflow:hidden;box-shadow:0 28px 90px #0309166b}.prompt-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.prompt-dialog h2{margin:4px 0 0;font-size:18px}.prompt-dialog>header>button{color:#858d9e;background:#f1f2f5;border:0;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.prompt-dialog-list{min-height:0;padding:14px;overflow-y:auto}.prompt-dialog details{border:1px solid #e1e5ed;border-radius:11px;margin-bottom:9px;overflow:hidden}.prompt-dialog summary{cursor:pointer;background:#f8f9fb;grid-template-columns:25px 1fr;align-items:center;gap:8px;padding:11px 13px;list-style:none;display:grid}.prompt-dialog summary::-webkit-details-marker{display:none}.prompt-dialog summary>span{width:24px;height:24px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;font-size:8px;font-weight:800;display:grid}.prompt-dialog summary strong,.prompt-dialog summary small{display:block}.prompt-dialog summary strong{color:#303a55;font-size:9px}.prompt-dialog summary small{color:#8d94a3;margin-top:2px;font-size:7.5px}.prompt-block{padding:13px}.prompt-block label{color:#778198;text-transform:uppercase;letter-spacing:.7px;margin:10px 0 5px;font-size:7.5px;font-weight:800;display:block}.prompt-block label:first-child{margin-top:0}.prompt-block pre{color:#dce6ff;white-space:pre-wrap;overflow-wrap:anywhere;background:#151d31;border-radius:8px;max-height:280px;margin:0;padding:11px;font:8px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.prompt-dialog>footer{border-top:1px solid var(--line);color:#858d9e;background:#fafbfc;padding:11px 18px;font-size:8px}.program-tree{padding:12px 14px}.program-summary{border-bottom:1px solid #eef0f4;justify-content:space-between;gap:10px;padding-bottom:10px;display:flex}.program-summary strong{font-size:10px}.program-summary span{color:#8b92a1;text-align:right;font-size:8px}.program-module{border-bottom:1px solid #f0f1f4;padding:10px 0 3px}.program-module:last-of-type{border-bottom:0}.program-module>strong{color:#3e4b70;margin-bottom:5px;font-size:9px;display:block}.program-module>div{border-left:2px solid #e0e5f5;grid-template-columns:minmax(85px,.45fr) 1fr;gap:8px;padding:4px 0 4px 9px;display:grid}.program-module span{font-size:8px;font-weight:650}.program-module small{color:#9298a6;font-size:7.5px;line-height:1.4}.program-lesson{color:#6f7990;margin:2px 0;font-size:7px;display:block}.program-lesson summary{cursor:pointer;color:#747f98;font-weight:600}.program-lesson dl{background:#f7f8fb;border-radius:7px;margin:6px 0 3px;padding:7px}.program-lesson dl div{grid-template-columns:48px 1fr;gap:5px;margin:3px 0;display:grid}.program-lesson dt{color:#8e95a4}.program-lesson dd{color:#59647a;margin:0;line-height:1.4}.program-notes{color:#91653d;background:#fff5e9;border-radius:7px;margin:9px 0 0;padding:8px;font-size:7.5px;line-height:1.45}.brief-fields{margin:0;padding:5px 15px 11px}.brief-fields>div{border-bottom:1px solid #f0f1f4;padding:10px 0}.brief-fields>div:last-child{border-bottom:0}.brief-fields dt{color:#9299a8;text-transform:uppercase;letter-spacing:.4px;font-size:7.5px;font-weight:700}.brief-fields dd{color:#303a55;margin:4px 0 0;font-size:9px;line-height:1.5}.brief-lists{padding:14px}.brief-lists strong{font-size:9px;line-height:1.5;display:block}.brief-lists p{color:#7d8494;margin:7px 0 0;font-size:8px;line-height:1.5}.style-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 15px 14px;display:grid}.style-palette>div{align-items:center;gap:7px;min-width:0;display:flex}.style-palette i{border:1px solid #1820391a;border-radius:8px;flex:none;width:28px;height:28px}.style-palette span,.style-palette strong,.style-palette small{min-width:0;display:block}.style-palette strong{font-size:8px}.style-palette small{color:#8d94a3;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:7px;overflow:hidden}.visual-tab{max-width:700px;margin:0 auto}.visual-instructions{color:#526793;background:#f5f8ff;border:1px solid #dce4f8;border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.visual-instructions strong,.visual-instructions p{margin:0;display:block}.visual-instructions strong{color:#263654;font-size:10px}.visual-instructions p{color:#71809d;margin-top:3px;font-size:8px;line-height:1.45}.character-matrix{background:#fff;border:1px solid #e0e5ef;border-radius:12px;margin-top:12px;overflow:hidden}.character-matrix>header{background:#f7f9fc;justify-content:space-between;padding:10px 12px;font-size:8px;display:flex}.character-matrix-row{border-top:1px solid #eef0f4;grid-template-columns:minmax(90px,1fr) repeat(3,auto);align-items:center;gap:6px;padding:9px 12px;font-size:7.5px;display:grid}.character-matrix-row>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-matrix-row>span{color:#8a91a1;background:#f1f3f7;border-radius:6px;align-items:center;gap:3px;padding:4px 6px;display:flex}.character-matrix-row>span.ready{color:#16845e;background:#e8f8f1}.asset-contract-note{color:#65718a;background:#f7f8fb;border-radius:9px;align-items:center;gap:6px;margin:9px 0 0;padding:8px 10px;font-size:7.5px;display:flex}.rebuild-production-button{color:#52617d;cursor:pointer;background:#fff;border:1px solid #dfe5f2;border-radius:8px;align-items:center;gap:6px;margin:8px 0 0;padding:7px 10px;font-size:7.5px;font-weight:700;display:flex}.rebuild-production-button:hover{color:#d65b34;border-color:#ff9a74}.rebuild-production-button:disabled{opacity:.55;cursor:default}.visual-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px;display:grid}.visual-asset{background:#f7f8fb;border:2px solid #0000;border-radius:14px;min-width:0;padding:7px;transition:all .16s;position:relative}.visual-asset:hover{background:#f1f4fb;transform:translateY(-1px)}.visual-asset.selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px #5477f51a}.visual-asset-select{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.visual-asset-select:disabled{cursor:default}.visual-asset-image{color:#7b88aa;background:linear-gradient(145deg,#e8edfa,#dbe4f7);border-radius:10px;place-items:center;height:145px;display:grid;position:relative;overflow:hidden}.visual-asset-image img{object-fit:cover;width:100%;height:100%}.asset-selected-badge{color:#fff;background:var(--blue);border-radius:7px;align-items:center;gap:4px;padding:4px 7px;font-size:7px;font-weight:750;display:flex;position:absolute;top:7px;left:7px}.visual-asset-copy{padding:8px 30px 4px 3px}.visual-asset-copy strong,.visual-asset-copy p,.visual-asset-copy small{display:block}.visual-asset-copy strong{color:#303a54;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.visual-asset-copy p{color:#858d9e;min-height:25px;margin:3px 0;font-size:7.5px;line-height:1.4}.visual-asset-copy small{color:#9299a8;font-size:7px}.asset-regenerate{color:#667493;background:#fff;border:1px solid #dce1ec;border-radius:7px;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:11px;right:9px}.asset-regenerate:disabled{opacity:.5}.programmatic-asset-preview{text-align:center;justify-items:center;gap:5px;width:100%;max-width:210px;padding:10px;display:grid}.programmatic-asset-preview strong{color:#4a5774;font-size:10px}.programmatic-asset-preview>span{color:#77839d;font-size:8px;line-height:1.35}.character-state-preview{grid-template-rows:minmax(0,1fr) auto auto;height:100%}.character-state-preview-image{background:radial-gradient(circle at 50% 56%,#ffffffe6,#ebf0fa80 66%,#0000 67%);border-radius:14px;place-items:center;width:100%;min-height:86px;display:grid;position:relative}.character-state-preview-image img{filter:drop-shadow(0 8px 10px #1f2a422e);width:100%;height:100%;max-height:102px;object-fit:contain!important}.character-state-preview .character-reaction-badge{border-width:2px;width:29px;height:29px;font-size:16px;top:7px;right:10px}.programmatic-component-thumbnail{aspect-ratio:1;color:#5f6f99;background:conic-gradient(from -90deg,#f1b96d 0 25%,#fff0cb 25% 50%,#8f5b47 50% 75%,#df9e64 75%);border:8px solid #e1e6f1;border-radius:50%;place-items:center;width:92px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #fff,0 8px 18px #2c3a5b1f}.programmatic-component-thumbnail.is-plate{background:#fff9ee;box-shadow:inset 0 0 0 8px #f4e8d6,0 8px 18px #2c3a5b1f}.programmatic-component-thumbnail.is-cake{background:conic-gradient(from -90deg,#fff0c9 0 25%,#e9b76b 25% 50%,#d9a17d 50% 75%,#8e5742 75%);border-color:#ead4df}.programmatic-component-thumbnail.is-cake:after{content:"";border:3px dotted #bb3e5b8c;border-radius:50%;position:absolute;inset:22%}.asset-view{z-index:3;color:#34415f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:zoom-in;background:#ffffffe6;border:1px solid #ffffff8c;border-radius:8px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 5px 15px #141e3724}.asset-view:hover{color:var(--blue);transform:scale(1.05)}.asset-lightbox{z-index:180;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c18f0;grid-template-rows:auto minmax(0,1fr) auto;padding:18px;display:grid;position:fixed;inset:0}.asset-lightbox>header{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100%);margin:0 auto;padding-bottom:14px;display:flex}.asset-lightbox>header strong,.asset-lightbox>header span{display:block}.asset-lightbox>header strong{font-size:15px}.asset-lightbox>header span{color:#aeb8ce;max-width:760px;margin-top:4px;font-size:9px;line-height:1.45}.asset-lightbox>header button,.fullscreen-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.asset-lightbox-stage{background:#111a2d;border-radius:16px;place-items:center;width:min(1180px,100%);min-height:0;margin:0 auto;display:grid;overflow:auto}.asset-lightbox-stage.transparent{background-color:#f8f9fc;background-image:linear-gradient(45deg,#e4e7ee 25%,#0000 25%),linear-gradient(-45deg,#e4e7ee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e4e7ee 75%),linear-gradient(-45deg,#0000 75%,#e4e7ee 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.asset-lightbox-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 132px);display:block}.asset-lightbox>footer{color:#97a2bb;justify-content:space-between;width:min(1180px,100%);margin:0 auto;padding-top:10px;font-size:8px;display:flex}.preview-fullscreen{z-index:175;height:var(--app-height,100dvh);background:#080e1c;padding:24px;position:fixed;inset:0;overflow:hidden}.fullscreen-close{z-index:177;position:fixed;top:18px;right:18px;box-shadow:0 8px 24px #0000004d}.preview-fullscreen-stage{width:min(1440px,100%);height:calc(var(--app-height,100dvh) - 48px);align-items:stretch;min-height:0;margin:0 auto;display:grid;overflow:hidden}.preview-fullscreen-stage .gameplay-shell{grid-template-columns:minmax(0,1fr) minmax(180px,240px)}.preview-fullscreen-stage .task-console{min-height:400px}.flow-launch-card{background:linear-gradient(135deg,#f7f9ff,#eef2ff);border:1px solid #cdd7ff;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;display:grid;box-shadow:0 9px 25px #465db514}.flow-launch-icon{color:#fff;background:linear-gradient(135deg,var(--blue),#785ee9);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 18px #546fdf38}.flow-launch-card>span:nth-child(2){min-width:0}.flow-launch-card small,.flow-launch-card strong,.flow-launch-card em{display:block}.flow-launch-card small{color:#7e88a0;text-transform:uppercase;letter-spacing:.7px;font-size:7.5px;font-weight:800}.flow-launch-card strong{color:#2e3954;margin-top:2px;font-size:12px}.flow-launch-card em{color:#82899a;margin-top:2px;font-size:8px;font-style:normal}.flow-launch-card>button,.flow-launch-card>a{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 13px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.flow-launch-card.disabled{box-shadow:none;opacity:.63;background:#f7f8fa;border-color:#e1e4ea}.flow-launch-card.disabled .flow-launch-icon{color:#9aa1b1;box-shadow:none;background:#e4e7ed}.flow-launch-card>button:disabled{color:#979eac;cursor:not-allowed;background:#e1e4e9}.lesson-runner-backdrop{z-index:190;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090f1ecc;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.lesson-runner{color:#fff;background:radial-gradient(circle at 12% 0,#607beb3d,#0000 28%),linear-gradient(145deg,#111a31,#172442);border:1px solid #ffffff1f;border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);min-height:min(650px,100dvh - 44px);display:grid;overflow:hidden;box-shadow:0 32px 100px #00000080}.lesson-runner>header{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:17px 20px;display:grid}.lesson-runner>header small,.lesson-runner>header strong{display:block}.lesson-runner>header small{color:#91a2cb;text-transform:uppercase;letter-spacing:.8px;font-size:7px;font-weight:800}.lesson-runner>header strong{margin-top:2px;font-size:11px}.lesson-runner>header>span{color:#bdc9e8;background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800}.lesson-runner>header>button{color:#bec8e0;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.lesson-runner-stage,.lesson-runner-finish{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(670px,100%);margin:auto;padding:36px;display:flex}.lesson-runner-type{color:#b9c9f7;background:#5973cd1f;border:1px solid #9ab2f640;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:8px;font-weight:800;display:flex}.lesson-runner-stage>small,.lesson-runner-finish>small{color:#91a2cb;text-transform:uppercase;letter-spacing:1px;margin-top:20px;font-size:8px;font-weight:800}.lesson-runner-stage h2,.lesson-runner-finish h2{letter-spacing:-1.2px;margin:6px 0 8px;font-size:clamp(24px,4vw,38px)}.lesson-runner-stage>p,.lesson-runner-finish p{color:#aebbd8;max-width:520px;margin:0;font-size:10px;line-height:1.6}.lesson-runner-placeholder{color:#8fa7e8;background:#ffffff09;border:1px dashed #97ace54d;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:190px;margin:24px 0;display:flex}.lesson-runner-placeholder strong{color:#dce5fb;font-size:11px}.lesson-runner-placeholder span{color:#8795b5;font-size:8px}.lesson-runner-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lesson-runner-result-actions>span{color:#8290b1;width:100%;margin-bottom:3px;font-size:8px}.lesson-runner button.primary,.lesson-runner-result-actions button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:9px;font-weight:800;display:flex}.lesson-runner button.primary{color:#fff;background:var(--blue)}.lesson-runner-result-actions .success{color:#c9fae8;background:#26a67747}.lesson-runner-result-actions .error{color:#ffe2bd;background:#da8f3340}.lesson-runner-finish>span{color:#68ddb2;background:#34be8d29;border-radius:21px;place-items:center;width:66px;height:66px;display:grid}.lesson-runner-finish>div{gap:8px;margin-top:24px;display:flex}.lesson-runner-finish>div button:first-child{color:#c7d2ec;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:6px;padding:10px 13px;display:flex}@media (width<=760px){.asset-lightbox{padding:12px}.asset-lightbox>header span{display:none}.preview-fullscreen{padding:10px}.preview-fullscreen-stage{height:calc(var(--app-height,100dvh) - 20px)}.preview-fullscreen-stage .gameplay-shell{grid-template-columns:1fr}.preview-fullscreen-stage .task-console{min-height:0}.fullscreen-close{top:14px;right:14px}}.final-tab{max-width:700px;margin:0 auto}.final-status{border-radius:13px;align-items:center;gap:12px;margin-bottom:13px;padding:15px;display:flex}.final-status.ready{color:var(--green);background:var(--green-soft);border:1px solid #cce9dd}.final-status.blocked{color:#b46b34;background:#fff7ef;border:1px solid #f0d7c2}.final-status strong,.final-status p{margin:0;display:block}.final-status strong{color:var(--ink);font-size:10px}.final-status p{color:#7c8495;margin-top:3px;font-size:8px}.final-download{margin-top:13px}.asset-card.generated-asset{background:#edf0f6;justify-content:flex-end;padding:6px;position:relative}.generated-asset img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.generated-asset>svg{color:#7280ae;position:absolute;top:19px}.generated-asset small{z-index:2;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#0d152aad;border-radius:6px;width:100%;padding:5px;position:relative}.generated-asset .asset-status{z-index:3;color:#677084;background:#ffffffe0;border-radius:5px;padding:2px 5px;font-size:6px;font-weight:700;position:absolute;top:5px;left:5px}.generated-asset .asset-status.approved{color:#23785b;background:#e7faf2eb}.generated-asset .asset-status.failed{color:#a14149;background:#ffebedeb}.generated-asset>button{z-index:4;color:#4d5873;background:#ffffffe6;border:0;border-radius:6px;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:4px;right:4px}.generate-assets-button{color:#fff;background:linear-gradient(135deg, var(--blue), #765ee7);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 22px);margin:0 11px 11px;padding:9px;font-size:9px;font-weight:700;display:flex}.generate-assets-button:disabled{opacity:.65;cursor:progress}.card-preview.generated-preview{background-position:50%;background-size:cover;flex-direction:column;min-height:520px;display:flex}.card-preview.is-editing{outline-offset:-6px;outline:2px dashed #ff8b4b57}.preview-edit-pin{z-index:30;color:#fff;cursor:pointer;background:#ee7145;border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:4px;min-width:25px;height:25px;padding:0 7px;font-size:7px;font-weight:750;display:flex;position:absolute;top:7px;right:7px;transform:translateZ(0);box-shadow:0 5px 16px #3e1b0f3d}.preview-edit-pin span{white-space:nowrap;display:none}.preview-edit-pin:hover span,.preview-edit-pin:focus-visible span,.preview-edit-pin.selected span{display:block}.preview-edit-pin:hover,.preview-edit-pin:focus-visible,.preview-edit-pin.selected{z-index:40;color:#fff;background:#5c6ff0;outline:none}.preview-edit-pin.selected{box-shadow:0 0 0 4px #5c6ff03d,0 7px 18px #1c287047}.task-console>.preview-edit-pin{top:8px;right:8px}.transfer-copy,.fraction-plate,.character-stage,.generated-task-copy,.answer-control-wrap{position:relative}.transfer-copy>.preview-edit-pin,.generated-task-copy>.preview-edit-pin{top:-6px;right:-3px}.fraction-plate>.preview-edit-pin{top:5px;right:5px}.character-stage>.preview-edit-pin{top:8px;right:8px}.answer-control-wrap{min-width:0}.answer-control-wrap>.preview-edit-pin{top:-11px;right:-4px}.card-preview>.preview-edit-pin{top:8px;right:8px}.card-preview>.preview-edit-pin.selected{top:9px}.generated-preview.empty-preview{text-align:center;justify-content:center;align-items:center;min-height:420px}.empty-preview h3{margin:12px 0 5px}.empty-preview p{color:#aeb9db;max-width:310px;margin:0;font-size:9px;line-height:1.5}.generated-instructions{color:#ffffffa8;max-width:430px;margin:6px 0 0;font-size:8px;line-height:1.45}.generated-scene{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:235px;padding:15px 0;display:flex}.generated-scene>img{object-fit:contain;filter:drop-shadow(0 16px 25px #040b1c57);border-radius:18px;width:min(240px,62%);max-height:180px}.generated-placeholder{color:#b8c6f0;background:#ffffff12;border:1px solid #ffffff26;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:150px;height:130px;display:flex}.generated-placeholder span{text-align:center;max-width:120px;font-size:8px}.progress-orbs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.progress-orbs i{color:#8693ba;background:#070e1f47;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;display:grid}.progress-orbs i.active{color:#fff;background:var(--orange);border-color:#ff9b6f}.progress-orbs i.done{color:#fff;background:var(--green);border-color:#4bc69a}.task-console.generated-console{grid-template-columns:1fr auto;min-height:145px;margin-top:auto}.generated-task-copy h3{max-width:470px;margin:6px 0 4px;font-size:clamp(14px,1.8vw,20px);line-height:1.35}.generated-answer-form{align-self:center}.choice-grid{grid-template-columns:repeat(2,minmax(82px,1fr));gap:6px;min-width:190px;max-width:270px;display:grid}.choice-grid button{color:#43506e;background:#f8f9fc;border:1px solid #dbe0ea;border-radius:9px;min-height:37px;padding:7px;font-size:9px;transition:all .15s}.choice-grid button:hover{color:#fff;border-color:var(--blue);background:var(--blue);transform:translateY(-1px)}@media (height<=720px) and (width>=681px){.conversation-header,.brand-row,.panel-tabs{height:58px}.conversation-header,.brand-row{flex-basis:58px}.artifact-panel{grid-template-rows:58px minmax(0,1fr)}.conversation-scroll{padding-top:14px;padding-bottom:14px}.stage-banner{margin-bottom:14px}.composer-area{padding-top:5px;padding-bottom:7px}}@media (width<=1160px){.app-shell{grid-template-columns:220px minmax(0, var(--chat-panel-width,clamp(320px, 36vw, 470px))) 8px minmax(300px, 1fr)}.asset-grid{grid-template-columns:repeat(2,1fr)}.task-console{grid-template-columns:38px 1fr}.answer-form{grid-column:1/-1;grid-template-columns:1fr 42px}.answer-form input{width:100%}.answer-form label{display:none}}@media (width<=900px){.app-shell{grid-template-columns:minmax(0, var(--chat-panel-width,42vw)) 8px minmax(300px, 1fr)}.workflow-sidebar{width:260px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 60px #00000047}.workflow-sidebar.mobile-open{transform:translate(0)}.mobile-close,.mobile-menu{display:block}.sidebar-backdrop{z-index:15;background:#0a101f70;border:0;display:block;position:fixed;inset:0}}@media (width<=680px){html,body,#root{height:auto;min-height:100%;overflow:visible}.app-shell{height:auto;max-height:none;min-height:var(--app-height,100dvh);display:block;overflow:visible}.workspace-split-handle{display:none}.conversation-column{height:var(--app-height,100dvh);border-right:0;min-height:0;overflow:hidden}.artifact-panel{border-top:8px solid var(--navy);min-height:100dvh}.conversation-header,.panel-tabs{z-index:8;position:sticky;top:0}.conversation-scroll{padding:18px 14px}.composer-area{padding:8px 14px 13px}.assistant-message{max-width:98%}.user-message>div{max-width:88%}.card-preview{min-height:540px;padding:20px 15px}.success-screen{grid-template-columns:45px 1fr}.success-screen .preview-secondary{grid-column:1/-1;justify-content:center}.api-key-dialog{padding:25px 20px}.program-upload-row{flex-direction:column;align-items:flex-start}.style-source-options{grid-template-columns:1fr;max-height:126px;overflow-y:auto}.style-source-options>button{min-height:42px}.task-console.generated-console{grid-template-columns:1fr}.choice-grid{width:100%;max-width:none}.visual-asset-grid{grid-template-columns:1fr}.prompt-dialog-backdrop{padding:0}.prompt-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visual-asset-groups{gap:18px;margin-top:14px;display:grid}.visual-asset-group{padding-top:2px}.visual-asset-group+.visual-asset-group{border-top:1px solid #e7eaf2;padding-top:16px}.visual-asset-group-header{justify-content:space-between;align-items:flex-start;gap:12px;margin:0 2px 10px;display:flex}.visual-asset-group-header strong,.visual-asset-group-header p{display:block}.visual-asset-group-header strong{color:#27324c;font-size:11px}.visual-asset-group-header p{color:#8992a7;max-width:430px;margin:3px 0 0;font-size:8px;line-height:1.4}.visual-asset-group-header>span{color:#51607f;background:#eef2fa;border-radius:999px;flex:none;padding:5px 8px;font-size:8px;font-weight:800}.visual-asset-copy em{color:#bd4550;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:7px;font-style:normal;display:block;overflow:hidden}.visual-asset.status-failed,.visual-asset.status-needs_user{background:#fff8f8;border-color:#f1c8cc}.visual-asset.status-blocked_dependency{background:#fffaf1;border-color:#efcf9f}.visual-asset.status-validating{border-color:#bfe4d7}.asset-audit-summary{background:#fff9f1;border:1px solid #f0d3af;border-radius:12px;margin-top:12px;padding:12px}.asset-audit-summary.ready{background:#f1fbf7;border-color:#b9e5d4}.asset-audit-summary>header{color:#a86227;align-items:flex-start;gap:8px;display:flex}.asset-audit-summary.ready>header{color:#16845e}.asset-audit-summary>header div{min-width:0}.asset-audit-summary>header strong{color:#2f3952;font-size:9px;display:block}.asset-audit-summary>header p{color:#7e8799;margin:3px 0 0;font-size:7.5px;line-height:1.45}.asset-audit-summary>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.asset-audit-summary>div span{color:#7d8595;text-align:center;background:#ffffffb8;border-radius:8px;padding:7px 5px;font-size:6.5px}.asset-audit-summary>div b{color:#34405b;margin-bottom:2px;font-size:11px;display:block}.asset-qa-badges{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.asset-qa-badges span{color:#a26828;background:#fff0dd;border-radius:999px;align-items:center;gap:2px;padding:3px 5px;font-size:6px;font-weight:750;display:inline-flex}.asset-qa-badges span.passed{color:#16845e;background:#e6f7f0}.asset-qa-issues{background:#fff;border:1px solid #f0ced1;border-radius:8px;margin:0 31px 5px 3px;font-size:7px}.asset-qa-issues summary{color:#b5414c;cursor:pointer;padding:6px 7px;font-weight:750}.asset-qa-issues>div{border-top:1px solid #f5e5e6;gap:3px;padding:7px;display:grid}.asset-qa-issues>div strong{color:#8e3740;line-height:1.4}.asset-qa-issues>div span{color:#747e92;line-height:1.45}.asset-qa-issues.warning{background:#fffdf7;border-color:#eadfbd}.asset-qa-issues.warning summary{color:#8b6b1d}.asset-qa-issues.warning>div{border-top-color:#f3ead0}.asset-qa-issues.warning>div strong{color:#6f5d2a}@media (width<=760px){.asset-audit-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.designed-gameplay.layout-in_scene,.designed-gameplay.layout-in-scene{background-position:50%;background-size:cover}.layout-in_scene .designed-console,.layout-in-scene .designed-console{min-height:470px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;background:0 0!important;padding:0!important}.layout-in_scene .transfer-copy,.layout-in-scene .transfer-copy{background:color-mix(in srgb,var(--scene-surface) 83%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff8a;border-radius:18px;width:min(680px,92%);padding:14px 16px;box-shadow:0 10px 28px #10162529}.layout-in_scene .fraction-stage,.layout-in-scene .fraction-stage{min-height:295px;padding:10px 2px}.layout-in_scene .fraction-plate,.layout-in-scene .fraction-plate{background:0 0;border-color:#0000;padding:5px}.layout-in_scene .fraction-plate>strong,.layout-in-scene .fraction-plate>strong{min-height:0;color:var(--scene-text);background:color-mix(in srgb,var(--scene-surface) 76%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);white-space:nowrap;border-radius:999px;margin:0 0 4px 50%;padding:5px 10px;display:inline-block;transform:translate(-50%)}.layout-in_scene .fraction-entry,.layout-in-scene .fraction-entry,.layout-in_scene .gameplay-actions,.layout-in-scene .gameplay-actions{background:color-mix(in srgb,var(--scene-surface) 82%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid #ffffff73;box-shadow:0 9px 22px #0f142021}.layout-in_scene .gameplay-actions,.layout-in-scene .gameplay-actions{border-radius:16px;width:fit-content;max-width:100%;margin-left:auto;padding:8px}.layout-in_scene .character-stage,.layout-in-scene .character-stage{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:8px}.layout-in_scene .character-bubble,.layout-in-scene .character-bubble{background:color-mix(in srgb,var(--scene-surface) 86%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.layout-in_scene .fraction-plate-disc,.layout-in-scene .fraction-plate-disc{filter:drop-shadow(0 15px 18px #16100b33)}.brand-home-link{min-width:0;color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-home-link>span:last-child{min-width:0}.brand-home-link:hover strong{color:#fff}.brand-home-link:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:12px}.workspace-breadcrumb{color:#8a92a6;align-items:center;gap:6px;min-width:0;font-size:8px;display:flex}.workspace-breadcrumb span{align-items:center;gap:6px;min-width:0;display:flex}.workspace-breadcrumb span:not(:last-child):after{content:"/";opacity:.45}.workspace-breadcrumb a,.workspace-breadcrumb strong{min-width:0;max-width:140px;color:inherit;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.workspace-breadcrumb a:hover{color:var(--orange)}.workspace-breadcrumb-sidebar{color:#9099b3;flex-wrap:wrap;margin:4px 15px 8px}.workspace-breadcrumb-header{flex:1;justify-content:flex-end}.workspace-breadcrumb-header+.key-header-button{margin-left:0}.back-icon{transform:rotate(180deg)}.scope-navigation{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b97b76b transparent;flex:1 1 0;min-height:0;padding:4px 10px 18px;overflow:hidden auto}.scope-nav-link,.scope-nav-button{color:#aab1c3;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 10px;font-size:10px;text-decoration:none;display:flex}.scope-nav-link svg{flex:none;width:16px}.scope-nav-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scope-nav-link b{color:#9ba4be;background:#ffffff14;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:7px}.scope-nav-link:hover,.scope-nav-button:hover,.scope-nav-link.active,.scope-nav-button.active{color:#fff;background:var(--navy-2)}.scope-nav-link.active{box-shadow:inset 3px 0 0 var(--orange)}.scope-nav-button span{border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;display:grid}.scope-nav-button strong{text-transform:capitalize;font-size:9px}.studio-agent-name{min-width:140px}.header-save-state{color:#318369;background:#e9f8f2;border-radius:7px;flex:none;padding:4px 7px;font-size:8px}.save-state{color:#aeb7cb;justify-content:center;font-size:8px;display:flex}.save-conflict,.save-unsaved{color:#ff9f98}.save-saving{color:#ffd090}.scoped-artifact-panel .panel-tabs{align-items:flex-end}.scoped-composer-meta{color:#a1a5af;justify-content:center;align-items:center;gap:12px;max-width:720px;margin:6px auto 0;font-size:8px;display:flex}.scoped-composer-meta button{color:#74809b;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:inline-flex}.auth-page{background:#fff;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);min-height:100dvh;display:grid;overflow:auto}.auth-panel{color:#fff;background:radial-gradient(circle at 20% 15%,#354b89 0,transparent 30%),radial-gradient(circle at 85% 75%,#563e70 0,transparent 35%),var(--navy);flex-direction:column;justify-content:center;padding:clamp(48px,8vw,110px);display:flex}.auth-brand{align-items:center;gap:11px;display:flex;position:absolute;top:35px;left:clamp(48px,8vw,110px)}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:#9099b3;text-transform:uppercase;letter-spacing:1.4px;font-size:9px}.auth-panel h1{letter-spacing:-2.8px;max-width:750px;margin:14px 0 18px;font-size:clamp(35px,4.2vw,68px);line-height:1.02}.auth-headline-keep{white-space:nowrap}.auth-panel p{color:#bcc4da;max-width:640px;margin:0;font-size:13px;line-height:1.75}.auth-form{border:1px solid var(--line);width:min(430px,100% - 50px);box-shadow:var(--shadow);border-radius:24px;gap:16px;margin:auto;padding:34px;display:grid}.auth-form h2{margin:0;font-size:28px}.auth-form>p{color:var(--muted);margin:-8px 0 4px;font-size:11px;line-height:1.6}.auth-form label,.create-course-form label,.workspace-form label{color:#59637c;gap:7px;font-size:10px;font-weight:700;display:grid}.auth-form input,.create-course-form input,.create-course-form textarea,.create-course-form select,.workspace-form input,.workspace-form textarea,.workspace-card input,.workspace-card textarea,.workspace-card select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce0e8;border-radius:11px;padding:12px 13px;font-size:11px;font-weight:500}.auth-form input:focus,.create-course-form input:focus,.workspace-form input:focus,.workspace-form textarea:focus{border-color:#9aacee}.checkbox-field{flex-direction:row;align-items:center;grid-template-columns:none!important;font-weight:500!important;display:flex!important}.checkbox-field input{padding:0;width:16px!important}.primary-button,.primary-link,.secondary-button{color:#fff;background:linear-gradient(135deg,var(--orange),#ff9a68);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 15px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #ff7a4538}.primary-button:disabled{opacity:.42;cursor:default}.secondary-button{color:#53638e;box-shadow:none;background:#edf1ff}.text-button{color:#7683a0;background:0 0;border:0;font-size:9px}.dashboard-page,.simple-page{width:100%;height:100dvh;color:var(--ink);background:#f6f5f1;overflow:auto}.dashboard-header{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,5vw,72px);display:flex}.dashboard-brand{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.dashboard-brand strong,.dashboard-brand small{display:block}.dashboard-brand small{color:#9099b3;text-transform:uppercase;letter-spacing:1.3px;font-size:8px}.dashboard-actions{gap:8px;display:flex}.dashboard-actions button{color:#bac1d2;background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:flex}.dashboard-content{max-width:1440px;margin:auto;padding:clamp(28px,5vw,64px)}.dashboard-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.dashboard-title h1{letter-spacing:-1.5px;margin:5px 0;font-size:38px}.dashboard-title p{color:var(--muted);margin:0;font-size:11px}.course-filters{grid-template-columns:minmax(300px,1fr) 190px 150px;gap:10px;margin-bottom:22px;display:grid}.course-filters label{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:8px;padding:0 12px;display:flex}.course-filters input,.course-filters select{border:1px solid var(--line);background:#fff;border-radius:11px;width:100%;min-height:42px;padding:0 12px;font-size:10px}.course-filters label input{border:0;outline:0;padding:0}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.course-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:22px;position:relative;box-shadow:0 9px 32px #1820390d}.course-card-entry{width:max-content;max-width:100%;color:inherit;margin-top:18px;text-decoration:none;display:block}.course-card-icon{color:#fff;background:linear-gradient(135deg,#5477f5,#7560ed);border-radius:12px;place-items:center;width:42px;height:42px;transition:transform .16s,box-shadow .16s;display:grid}.course-card-status{position:absolute;top:20px;right:20px}.course-card h2{text-overflow:ellipsis;white-space:nowrap;margin:10px 0 7px;font-size:17px;transition:color .16s;overflow:hidden}.course-card-entry:hover h2{color:var(--blue)}.course-card-entry:hover .course-card-icon{transform:translateY(-2px);box-shadow:0 9px 18px #5477f53d}.course-card>p{height:34px;color:var(--muted);margin:0;font-size:9px;line-height:1.6;overflow:hidden}.course-card dl{border-block:1px solid #eff0f3;grid-template-columns:repeat(3,1fr);margin:17px 0;display:grid}.course-card dl div{padding:12px 0}.course-card dt{color:#9097a7;text-transform:uppercase;font-size:7px}.course-card dd{margin:3px 0 0;font-size:17px;font-weight:800}.course-card footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.course-card footer>span{color:#9da2af;font-size:7px}.course-card footer div{gap:6px;display:flex}.course-card footer button,.course-card footer a{color:#66708b;cursor:pointer;background:#f1f3f7;border:0;border-radius:9px;align-items:center;min-height:34px;padding:9px 11px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.course-card footer a{color:#fff;background:var(--orange)}.dashboard-empty{color:#8b93a7;text-align:center;border:1px dashed #cfd4de;border-radius:20px;align-content:center;place-items:center;gap:10px;min-height:420px;display:grid}.dashboard-empty h2,.dashboard-empty p{margin:0}.dashboard-empty p{font-size:10px}.create-course-form{border:1px solid var(--line);width:min(620px,100% - 38px);box-shadow:var(--shadow);background:#fff;border-radius:22px;gap:17px;margin:60px auto;padding:38px;display:grid}.create-course-form>a{color:#68728c;font-size:10px;text-decoration:none}.create-course-form h1{margin:0;font-size:32px}.create-course-form>p{color:var(--muted);margin:-8px 0 6px;font-size:11px;line-height:1.6}.scope-tree-nav{border-top:1px solid #ffffff12;margin-top:10px;padding-top:10px}.scope-tree-nav .outline-tree-toolbar{padding:0 2px}.scope-tree-nav .outline-tree-toolbar button{color:#aab1c3;background:#ffffff0d}.scope-tree-nav .outline-tree-row{color:#b8bfd1}.scope-tree-nav .outline-tree-row:hover,.scope-tree-nav .outline-tree-row.active{background:#ffffff0f}.scope-tree-nav .outline-tree-row a,.scope-tree-nav .outline-tree-row>div{color:inherit}.scope-tree-nav .tree-actions summary{color:#9aa3b9}.scope-tree-nav .workspace-empty{color:#8992a8;border-color:#ffffff14}.outline-tree-wrap{min-width:0}.outline-tree-toolbar{gap:5px;margin-bottom:8px;display:flex}.outline-tree-toolbar button{color:#66728c;background:#f0f2f7;border:0;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.outline-tree-row{--tree-depth:0;min-height:37px;padding:3px 3px 3px calc(var(--tree-depth) * 13px);color:#59647e;border-radius:9px;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;display:grid;position:relative}.outline-tree-row:hover,.outline-tree-row.active{background:#edf1ff}.outline-tree-row.active{box-shadow:inset 3px 0 var(--blue)}.tree-expand{width:24px;height:28px;color:inherit;background:0 0;border:0;place-items:center;display:grid}.tree-expand:disabled{opacity:.6}.outline-tree-row>a,.outline-tree-row>div{min-width:0;color:inherit;text-decoration:none}.outline-tree-row small,.outline-tree-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.outline-tree-row small{color:#9aa1b1;text-transform:uppercase;letter-spacing:.6px;font-size:6px}.outline-tree-row strong{font-size:9px}.tree-actions{position:relative}.tree-actions summary{cursor:pointer;place-items:center;width:28px;height:28px;list-style:none;display:grid}.tree-actions summary::-webkit-details-marker{display:none}.tree-actions>div{z-index:20;border:1px solid var(--line);width:150px;box-shadow:var(--shadow);background:#fff;border-radius:9px;padding:5px;display:grid;position:absolute;top:28px;right:0}.tree-actions button{color:#59647e;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px;font-size:8px;display:flex}.tree-actions button:hover{background:#f1f3f7}.tree-actions button.danger{color:#b64852}.tree-drop-zone{color:#5f70aa;background:#edf1ff;border:1px dashed #9cacec;border-radius:6px;place-items:center;height:16px;font-size:6px;display:grid}.tree-drop-inside{margin-left:22px}.workspace-empty{color:#8c94a6;text-align:center;border:1px dashed #d6d9e2;border-radius:12px;place-items:center;gap:6px;padding:24px;display:grid}.workspace-empty strong{font-size:10px}.workspace-empty p{margin:0;font-size:8px;line-height:1.5}.tree-inline-rename{min-width:0}.tree-inline-rename input{color:#2f3d5d;background:#fff;border:1px solid #9cacec;border-radius:7px;outline:none;width:100%;height:29px;padding:0 8px;font:700 9px/1 inherit;box-shadow:0 0 0 3px #596ff01a}.outline-tree-row.renaming{background:#f5f7ff}.outline-tree-row.renaming .tree-actions{visibility:hidden}.course-structure-workspace{gap:12px;display:grid}.course-structure-summary{background:linear-gradient(135deg,#fff,#f7f9ff);border:1px solid #e0e5ef;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid;box-shadow:0 8px 26px #1820390e}.course-structure-heading .eyebrow{color:#7581a2}.course-structure-heading h2{letter-spacing:-.5px;margin:3px 0 2px;font-size:17px}.course-structure-heading p{color:#8991a3;margin:0;font-size:8px}.course-structure-summary dl{grid-template-columns:repeat(3,minmax(58px,1fr));gap:7px;margin:0;display:grid}.course-structure-summary dl div{text-align:center;background:#fff;border:1px solid #e4e8f2;border-radius:10px;min-width:58px;padding:9px 10px}.course-structure-summary dt{color:#9098aa;text-transform:uppercase;letter-spacing:.45px;font-size:6.5px;font-weight:700}.course-structure-summary dd{color:#27334f;margin:2px 0 0;font-size:16px;font-weight:800}.course-structure-tree{background:#fff;border:1px solid #e0e4ed;border-radius:15px;min-height:280px;padding:14px;box-shadow:0 10px 30px #1820390b}.course-structure-tree .outline-tree-toolbar{border-bottom:1px solid #edf0f5;margin-bottom:12px;padding-bottom:11px}.course-structure-tree .outline-tree-toolbar button{color:#596784;background:#f7f9fc;border:1px solid #e0e5ef;min-height:32px;padding:7px 10px;font-size:8px;font-weight:700}.course-structure-tree .outline-tree-toolbar button:first-child,.course-structure-tree .outline-tree-toolbar button:nth-child(2){color:#fff;background:#596ff0;border-color:#0000}.course-structure-tree .outline-tree-row{border:1px solid #0000;min-height:44px;margin:2px 0;padding-right:7px}.course-structure-tree .outline-tree-row:hover{background:#f5f7ff;border-color:#dce4fb}.course-structure-tree .outline-tree-row strong{font-size:10px}.course-structure-tree .outline-tree-row small{font-size:6.5px}.course-structure-tree .workspace-empty{background:#fbfcff;min-height:210px}.workspace-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:17px;display:grid}.workspace-card h3,.workspace-card p{margin:0}.workspace-card h3{font-size:11px}.workspace-card p{color:var(--muted);font-size:9px;line-height:1.65}.workspace-form{gap:16px}.workspace-form textarea{resize:vertical;min-height:75px}.issue-list p{color:#9d4750;align-items:flex-start;gap:7px;display:flex}.issue-list svg{flex:none}.success-card{color:var(--green);background:var(--green-soft);grid-template-columns:30px 1fr;align-items:center}.success-card p{margin-top:3px}.changeset-card{background:#f7f9ff;border:1px solid #cbd4f5;border-radius:14px;padding:17px}.changeset-card header{align-items:center;gap:10px;display:flex}.changeset-card header>span{color:#fff;background:var(--blue);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.changeset-card small{color:#7a86a4;text-transform:uppercase;font-size:7px}.changeset-card h3{margin:2px 0 0;font-size:11px}.changeset-card>p{color:#68728c;font-size:8px;line-height:1.5}.changeset-card ul{color:#66718c;margin:0;padding-left:17px;font-size:8px}.changeset-card footer{justify-content:flex-end;gap:7px;display:flex}.changeset-card footer button{color:#69738b;background:#e9ecf4;border:0;border-radius:8px;padding:8px 10px;font-size:8px}.changeset-card footer .primary-button{color:#fff;background:var(--blue);box-shadow:none}.readiness-badge{border-radius:999px;width:max-content;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex}.readiness-ready{color:#16845e;background:#e6f7f0}.readiness-empty{color:#788195;background:#eef0f4}.readiness-draft{color:#5770b9;background:#edf1ff}.readiness-needs_review{color:#9a682a;background:#fff0dd}.readiness-outdated_context{color:#a05a32;background:#fff0e8}.readiness-blocked{color:#ac3e49;background:#fdebec}.readiness-dot{background:#9299a9;border-radius:50%;width:7px;height:7px;margin-left:auto}.readiness-dot.readiness-ready{background:var(--green)}.readiness-dot.readiness-blocked{background:#d4525e}.activity-nav-list{border-top:1px solid #ffffff12;gap:3px;margin-top:10px;padding-top:10px;display:grid}.activity-nav-list>a{color:#aab1c3;border-radius:9px;grid-template-columns:18px minmax(0,1fr) 8px;align-items:center;gap:7px;padding:7px 9px;text-decoration:none;display:grid}.activity-nav-list>a:hover{color:#fff;background:#ffffff0f}.activity-nav-list strong,.activity-nav-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-nav-list strong{font-size:8px}.activity-nav-list small{color:#737e99;font-size:6px}.activity-create-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.activity-create-grid button{border:1px solid var(--line);color:#56627f;text-align:left;background:#fff;border-radius:13px;justify-items:start;gap:6px;min-height:105px;padding:14px;display:grid}.activity-create-grid button:hover{background:#f8f9ff;border-color:#bfc9ed}.activity-create-grid strong{font-size:9px}.activity-create-grid span{color:#8991a3;font-size:7px}.activity-summary-card{border:1px solid var(--line);color:#59647c;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;text-decoration:none;display:grid}.activity-summary-card>svg{color:#fff;background:var(--blue);border-radius:10px;width:34px;height:34px;padding:8px}.activity-summary-card strong,.activity-summary-card p,.activity-summary-card small{margin:0;display:block}.activity-summary-card strong{font-size:9px}.activity-summary-card p{color:#7c8497;margin-top:2px;font-size:7px}.activity-summary-card small{color:#9aa1b0;margin-top:4px;font-size:6px}.lesson-flow-list{gap:7px;display:grid}.lesson-flow-list>div{border:1px solid var(--line);border-radius:11px;grid-template-columns:24px 1fr;gap:2px 8px;padding:11px;display:grid}.lesson-flow-list>div>span{color:#fff;background:var(--blue);border-radius:50%;grid-row:1/3;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.lesson-flow-list strong{font-size:9px}.lesson-flow-list small{color:#7c8497;font-size:7px}.route-state{color:#fff;background:var(--navy);text-align:center;align-content:center;place-items:center;gap:10px;min-height:100dvh;padding:30px;display:grid}.route-state>span{color:#59617a;font-size:72px;font-weight:800}.route-state h1,.route-state p{margin:0}.route-state p{color:#9ca5bb;font-size:11px}.route-state a{color:#fff;background:var(--orange);border-radius:9px;margin-top:8px;padding:9px 13px;font-size:9px;text-decoration:none}.lesson-runner-live-card{place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.lesson-runner-live-card .card-preview{width:100%;min-height:560px}.lesson-runner-video{background:#0c1325;border:1px solid #97ace53d;border-radius:17px;place-items:center;width:100%;min-height:280px;margin:24px 0;display:grid;position:relative;overflow:hidden}.lesson-runner-video iframe{border:0;width:100%;height:360px}.lesson-video-play-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0508101f,#0508108f);place-content:center;justify-items:center;gap:10px;padding:18px;display:grid;position:absolute;inset:0}.lesson-video-play-overlay button{pointer-events:auto;align-items:center;gap:9px;box-shadow:0 14px 34px #05081666;color:#fff!important;background:linear-gradient(135deg,#2b9de2,#8755ee)!important;border:1px solid #ffffff4d!important;border-radius:999px!important;min-height:52px!important;padding:0 22px!important;font-size:13px!important;display:inline-flex!important}.lesson-runner-video .lesson-video-play-overlay>span{color:#ffe3d1;text-align:center;background:#431713e0;border-radius:9px;max-width:360px;padding:7px 10px;font-size:10px;line-height:1.45}.lesson-runner-video>div:not(.lesson-video-play-overlay){color:#8fa7e8;text-align:center;place-items:center;gap:7px;max-width:560px;padding:30px;display:grid}.lesson-runner-video strong{color:#dce5fb}.lesson-runner-video span{color:#8795b5;white-space:pre-line;font-size:8px;line-height:1.55}.lesson-runner-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:24px 0 12px;display:grid}.lesson-runner-answers button,.lesson-runner-answers input{color:#dce5fb;min-height:48px;font:inherit;background:#ffffff0d;border:1px solid #97ace53d;border-radius:11px;padding:10px 13px;font-size:9px}.lesson-runner-answers button.selected{color:#fff;background:#5477f540;border-color:#7892ee;box-shadow:0 0 0 3px #5477f51a}.lesson-runner-error{color:#ffc384;margin-bottom:12px;font-size:9px}.lesson-runner-next:disabled{opacity:.45;cursor:not-allowed}.lesson-flow-editor{gap:12px;display:grid}.flow-summary-bar{background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #dfe4f0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px 14px;display:flex}.flow-summary-bar>div{align-items:center;gap:10px;display:flex}.flow-summary-icon{color:#fff;background:linear-gradient(135deg,var(--blue),#7b5cf0);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 18px #5477f533}.flow-summary-bar small,.flow-summary-bar strong{display:block}.flow-summary-bar small{color:#8992a7;text-transform:uppercase;letter-spacing:.8px;font-size:7px}.flow-summary-bar strong{margin-top:3px;font-size:11px}.flow-summary-bar button{color:#617092;background:#fff;border:1px solid #dce2f2;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:8px;font-weight:750;display:flex}.flow-summary-bar button:hover{color:var(--blue);border-color:#b8c4ec}.flow-summary-bar button:disabled{opacity:.5}.flow-canvas{background-color:#f8f9fc;background-image:radial-gradient(circle,#d9deea 1px,#0000 1px);background-size:18px 18px;border:1px solid #e3e7ef;border-radius:18px;min-height:240px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff}.flow-canvas:before{content:"";pointer-events:none;background:linear-gradient(#ffffffb8,#0000 80px);position:absolute;inset:0}.flow-edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-edge{fill:none;stroke:#9aa5bc;stroke-width:2px;vector-effect:non-scaling-stroke}.flow-edge.success{stroke:#29a879}.flow-edge.error{stroke:#e39a3b;stroke-dasharray:5 4}.flow-edge-label{paint-order:stroke;stroke:#f8f9fc;stroke-width:5px;stroke-linejoin:round;font-size:9px;font-weight:800}.flow-edge-label.success{fill:#238d68}.flow-edge-label.error{fill:#ba7520;text-anchor:end}.flow-node{z-index:2;width:min(360px,100% - 96px);height:86px;color:var(--ink);text-align:left;background:#fffffff7;border:1px solid #dfe3ec;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #1a244214}.flow-node:hover{border-color:#b9c5ef;transform:translate(-50%)translateY(-1px);box-shadow:0 11px 28px #2d3e721f}.flow-node.selected{border-color:#7e97ed;box-shadow:0 0 0 3px #5477f51f,0 11px 28px #2d3e721f}.flow-node.branched{background:linear-gradient(90deg,#fff,#fbfcff)}.flow-node-icon{color:#fff;background:linear-gradient(135deg,#5477f5,#7560ed);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.flow-node-icon.type-video{background:linear-gradient(135deg,#f08753,#f45f72)}.flow-node-icon.type-quiz{background:linear-gradient(135deg,#24a77a,#51c79e)}.flow-node-copy{min-width:0}.flow-node-copy small,.flow-node-copy strong,.flow-node-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.flow-node-copy small{color:#8a93a6;text-transform:uppercase;letter-spacing:.55px;font-size:6.5px;font-weight:800}.flow-node-copy strong{margin-top:3px;font-size:10px}.flow-node-copy em{color:#7f889c;margin-top:4px;font-size:6.5px;font-style:normal}.flow-node-status{color:#6e7890;white-space:nowrap;background:#f0f2f6;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:6.5px;font-weight:800;display:flex}.flow-node.branched .flow-node-status{color:#526fbf;background:#edf1ff}.flow-end-node{z-index:2;color:#247d60;background:#f2fbf7;border:1px solid #cbe8dc;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:190px;height:58px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #248b6517}.flow-end-node>svg{color:#fff;background:var(--green);border-radius:50%;width:31px;height:31px;padding:7px}.flow-end-node small,.flow-end-node strong{display:block}.flow-end-node small{text-transform:uppercase;letter-spacing:.6px;font-size:6px}.flow-end-node strong{margin-top:2px;font-size:9px}.flow-inspector{background:#fff;border:1px solid #dfe4f0;border-radius:14px;gap:13px;padding:16px;display:grid;box-shadow:0 9px 25px #1c28480d}.flow-inspector>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.flow-inspector>header small,.flow-inspector>header h3{margin:0;display:block}.flow-inspector>header small{color:#8b94a8;text-transform:uppercase;font-size:7px}.flow-inspector>header h3{margin-top:3px;font-size:11px}.flow-inspector>header>span{color:#6a78a0;font-size:7px}.flow-mode-switch{background:#f1f3f7;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.flow-mode-switch button{color:#7b8498;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:35px;font-size:8px;font-weight:750;display:flex}.flow-mode-switch button.active{color:#4f67ad;background:#fff;box-shadow:0 3px 10px #202b4a14}.flow-mode-switch button:disabled{cursor:default;opacity:.38}.flow-inspector label{color:#606b83;gap:6px;font-size:8px;font-weight:750;display:grid}.flow-inspector select{width:100%;min-height:39px;color:var(--ink);background:#fff;border:1px solid #dce1eb;border-radius:10px;padding:0 11px;font-size:9px}.flow-branch-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.flow-branch-fields label{background:#fafbfc;border:1px solid #e4e8ef;border-radius:11px;padding:11px}.flow-branch-fields label>span{align-items:center;gap:5px;display:flex}.flow-branch-fields label.success>span{color:#238d68}.flow-branch-fields label.error>span{color:#b87325}.flow-inspector>p{color:#8991a2;margin:0;font-size:7px;line-height:1.55}.flow-empty-state{color:#8490a8;text-align:center;background:#fafbfc;border:1px dashed #cfd6e3;border-radius:18px;align-content:center;place-items:center;gap:9px;min-height:260px;padding:24px;display:grid}.flow-empty-state strong{color:#5d6982;font-size:11px}.flow-empty-state p{max-width:330px;margin:0;font-size:8px;line-height:1.6}.setup-stage-banner{padding-bottom:12px;position:relative}.setup-stage-banner>div{flex:1;min-width:0}.setup-stage-banner>i{--setup-progress:0%;background:#e4e6ec;border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.setup-stage-banner>i:after{content:"";width:var(--setup-progress);border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ffb45e);height:100%;transition:width .25s;display:block}.setup-question-card,.setup-review-card,.setup-complete-card{background:#fff;border:1px solid #d9def0;border-radius:15px;max-width:720px;margin:12px 0 4px;padding:15px;box-shadow:0 9px 28px #1820390e}.setup-question-card header{align-items:flex-start;gap:10px;display:flex}.setup-question-card header>div{min-width:0}.setup-question-card small,.setup-review-card small{color:#7f89a3;letter-spacing:.6px;text-transform:uppercase;font-size:7px;font-weight:800;display:block}.setup-question-card h3,.setup-review-card h3{color:var(--ink);margin:4px 0 0;font-size:12px;line-height:1.45}.setup-question-card p,.setup-review-card p,.setup-complete-card p{color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.55}.setup-options{flex-wrap:wrap;gap:7px;margin:13px 0 0 34px;display:flex}.setup-options button,.setup-composer-actions button{color:#536489;background:#f7f8fd;border:1px solid #d7ddef;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:700;display:inline-flex}.setup-options button:hover,.setup-composer-actions button:hover{color:var(--blue);background:#f0f3ff;border-color:#aebbed}.setup-review-card{background:#f8faff;border-color:#cbd6f7;grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}.setup-review-card>span,.setup-complete-card>svg{color:#fff;background:var(--blue);border-radius:9px;place-items:center;width:30px;height:30px;padding:7px;display:grid}.setup-review-actions{gap:7px;margin-top:12px;display:flex}.setup-review-actions button{color:#68738d;background:#e8ebf3;border:0;border-radius:9px;padding:8px 11px;font-size:8px}.setup-review-actions .primary-button,.setup-review-card .primary-button{color:#fff;background:var(--blue);width:max-content;min-height:34px;box-shadow:none;margin-top:11px;padding:7px 12px}.setup-complete-card{background:#f2fbf7;border-color:#bfe7d7;align-items:center;gap:10px;display:flex}.setup-complete-card strong{font-size:10px}.setup-composer-actions{flex-wrap:wrap;gap:6px;max-width:720px;margin:0 auto 7px;display:flex}.setup-composer-actions button{background:#fff;padding:6px 8px}.setup-reference-upload{margin:13px 0 0 34px}.setup-reference-upload>button{color:#526493;text-align:left;background:#f5f7ff;border:1px dashed #aebbed;border-radius:11px;align-items:center;gap:10px;width:100%;padding:11px 13px;display:flex}.setup-reference-upload>button:hover{border-color:var(--blue);background:#eef2ff}.setup-reference-upload>button>span,.setup-reference-upload strong,.setup-reference-upload small{display:block}.setup-reference-upload strong{font-size:9px}.setup-reference-upload small{color:#8791aa;text-transform:none;letter-spacing:0;margin-top:2px;font-size:7px;font-weight:500}.reference-composer-hint{color:#77839f;background:#f8f9fd;border:1px dashed #ccd4ea;border-radius:11px;align-items:center;gap:7px;max-width:720px;margin:0 auto;padding:11px 13px;font-size:8px;display:flex}.advanced-settings{border-top:1px solid #edf0f5;padding-top:12px}.advanced-settings summary{cursor:pointer;color:#5c6a8d;font-size:10px;font-weight:800}.advanced-settings>div{gap:15px;margin-top:15px;display:grid}.character-editor-list,.activity-stub-list{gap:10px;display:grid}.character-editor header,.activity-stub-editor header{justify-content:space-between;align-items:center;gap:10px;display:flex}.character-editor header button{color:#a54b54;background:#fdeef0;border:0;border-radius:8px;padding:6px 8px;font-size:7px}.activity-stub-title{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.activity-stub-title>svg{color:#fff;background:var(--blue);border-radius:11px;width:38px;height:38px;padding:10px;transition:transform .16s}.activity-stub-title span,.activity-stub-title small,.activity-stub-title strong{display:block}.activity-stub-title small{color:#9299aa;text-transform:uppercase;letter-spacing:.45px;margin-bottom:2px;font-size:7px}.activity-stub-title strong{color:#4e5a76;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:10px;overflow:hidden}.activity-stub-title:hover strong{color:var(--blue)}.activity-stub-title:hover>svg{transform:translateY(-1px)}.activity-stub-fields{grid-template-columns:minmax(0,1fr) minmax(155px,.32fr);gap:12px;display:grid}.activity-type-field input[readonly]{cursor:not-allowed;color:#69738b;background:#f3f5f9;border-color:#e2e6ef}.activity-stub-editor .primary-link{width:max-content;min-height:38px;padding:9px 13px}.warning-banner{color:#8d642c;background:#fff8e9;border:1px solid #f1d3a5;border-radius:9px;margin:9px 0;padding:9px 11px;font-size:8px;line-height:1.5}.changeset-operation-list{gap:5px;list-style:none;display:grid;padding:0!important}.changeset-operation-list li{background:#fff;border:1px solid #e1e5f1;border-radius:9px}.changeset-operation-list label{cursor:pointer;align-items:flex-start;gap:8px;padding:9px;display:flex}.changeset-operation-list input{flex:none;width:14px;height:14px;margin:1px 0 0}.changeset-operation-list span,.changeset-operation-list strong,.changeset-operation-list small{min-width:0;display:block}.changeset-operation-list strong{color:#53607e;font-size:8px}.changeset-operation-list small{color:#9198a9;margin-top:2px;font-size:7px;line-height:1.35}.changeset-card footer{margin-top:11px}.changeset-card footer button:disabled{opacity:.45}.workspace-card>.checkbox-field{padding:3px 0}.activity-context-fields{gap:12px;display:grid}.activity-context-field{gap:6px;display:grid}.activity-context-field>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.activity-context-field>span strong{color:#59637c;font-size:9px}.activity-context-field>span b{color:#278164;text-transform:uppercase;background:#e8f7f1;border-radius:999px;padding:3px 6px;font-size:6px}.activity-context-field.overridden>span b{color:#9a632b;background:#fff0dc}.activity-context-field input,.activity-context-field textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #dce0e8;border-radius:10px;padding:10px 11px;font-size:9px;line-height:1.5}.activity-context-field.inherited input,.activity-context-field.inherited textarea{background:#fbfcff}.activity-context-field input:focus,.activity-context-field textarea:focus{border-color:#9aacee;outline:0;box-shadow:0 0 0 3px #5477f514}.activity-context-field>button{color:#7a6a8e;background:0 0;border:0;align-items:center;gap:4px;width:max-content;padding:0;font-size:7px;display:flex}.activity-context-field>small{color:#9aa1b0;font-size:6px}.activity-character-selector{gap:12px;display:grid}.activity-character-selector>header{justify-content:space-between;gap:10px;display:flex}.activity-character-selector>header strong,.activity-character-selector>header p{margin:0;display:block}.activity-character-selector>header strong{font-size:9px}.activity-character-selector>header p{color:var(--muted);margin-top:3px;font-size:7px}.activity-character-selector>header button,.activity-add-character{color:#637093;background:#edf1ff;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 8px;font-size:7px;display:flex}.inherited-character-checks{gap:7px;display:grid}.inherited-character-checks label{cursor:pointer;border:1px solid #e0e4ed;border-radius:10px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.inherited-character-checks label:has(input:checked){background:#f7f9ff;border-color:#bcc9f3}.inherited-character-checks input{width:15px;height:15px}.inherited-character-checks span,.inherited-character-checks strong,.inherited-character-checks small{min-width:0;display:block}.inherited-character-checks strong{font-size:8px}.inherited-character-checks small{color:#8b93a7;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6px;overflow:hidden}.inherited-character-checks b{color:#7b86a1;text-transform:uppercase;font-size:6px}.activity-custom-characters{border-top:1px solid #edf0f5;gap:8px;padding-top:10px;display:grid}.activity-custom-characters>strong{font-size:8px}.activity-custom-characters article{background:#fcfaff;border:1px solid #e2ddf0;border-radius:11px;grid-template-columns:1fr 1fr;gap:8px;padding:11px;display:grid}.activity-custom-characters article>header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.activity-custom-characters article>header span{color:#776b91;text-transform:uppercase;font-size:6px}.activity-custom-characters article>header button{color:#a5525b;background:0 0;border:0}.activity-custom-characters article label{color:#68728b;gap:4px;font-size:7px;display:grid}.activity-custom-characters article label:last-child{grid-column:1/-1}.activity-custom-characters input,.activity-custom-characters textarea{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #dedfe8;border-radius:8px;padding:8px;font-size:8px}.activity-add-character{color:#fff;background:var(--blue);justify-content:center;width:100%;min-height:34px;font-weight:700}.course-character-editor{gap:14px;overflow:hidden}.course-character-layout{grid-template-columns:minmax(190px,.78fr) minmax(0,1.45fr);align-items:start;gap:18px;display:grid}.course-character-visual{gap:9px;min-width:0;display:grid}.course-character-stage{color:#7d88a1;text-align:center;background-color:#f6f7fa;background-image:linear-gradient(45deg,#e7e9ef 25%,#0000 25%),linear-gradient(-45deg,#e7e9ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e9ef 75%),linear-gradient(-45deg,#0000 75%,#e7e9ef 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px dashed #bfc8dc;border-radius:14px;align-content:center;place-items:center;gap:7px;width:100%;min-height:270px;padding:12px;display:grid;position:relative;overflow:hidden}.course-character-stage:not(:disabled){cursor:zoom-in}.course-character-stage.ready{border-style:solid}.course-character-stage img{object-fit:contain;width:100%;height:246px}.course-character-stage strong{font-size:9px}.course-character-stage span{font-size:7px}.course-character-stage>b{color:#227a5d;background:#effcf7f0;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;font-size:6.5px;display:flex;position:absolute;bottom:9px;left:9px;box-shadow:0 3px 12px #1c46371f}.course-character-image-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.course-character-image-actions button{color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:8px;font-size:7.5px;font-weight:800;display:flex}.course-character-image-actions button:disabled{opacity:.55}.character-ai-button{background:linear-gradient(135deg,var(--blue),#765ee7)}.character-upload-button{background:#64708c}.course-character-visual>p{color:#8b93a5;margin:0;font-size:7px;line-height:1.55}.course-character-source,.course-character-missing{color:#2c8064;background:#eaf8f2;border-radius:7px;width:max-content;max-width:100%;padding:5px 7px;font-size:6.5px;line-height:1.4;display:flex}.course-character-missing{color:#a0612e;background:#fff0df}.course-character-fields{gap:13px;display:grid}.course-character-fields textarea{min-height:64px}.course-character-lightbox{z-index:190;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d1bed;align-content:center;place-items:center;gap:10px;padding:30px;display:grid;position:fixed;inset:0}.course-character-lightbox>button{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:20px}.course-character-lightbox>img{object-fit:contain;max-width:min(720px,90vw);max-height:82vh}.course-character-lightbox>span{color:#c5cde0;font-size:9px}@media (width<=1160px){.workspace-breadcrumb-header{display:none}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-panel{min-height:380px;padding:90px 35px 45px}.auth-brand{left:35px}.auth-panel h1{font-size:40px}.auth-form{margin:40px auto}.course-filters{grid-template-columns:1fr 160px 120px}.activity-create-grid{grid-template-columns:1fr}.dashboard-content{padding:28px 20px}.course-character-layout{grid-template-columns:1fr}.course-character-stage{min-height:230px}.course-character-stage img{height:210px}}@media (width<=680px){html,body,#root{overflow:auto}.auth-panel{min-height:340px}.auth-panel h1{letter-spacing:-1.5px;font-size:34px}.course-grid,.course-filters{grid-template-columns:1fr}.dashboard-title{flex-direction:column;align-items:start}.dashboard-header{padding:0 16px}.dashboard-actions button{font-size:0}.dashboard-actions svg{width:18px}.studio-shell .artifact-panel{min-height:100dvh}.header-save-state{margin-left:auto}.studio-agent-name{min-width:0}.activity-summary-card{grid-template-columns:34px minmax(0,1fr)}.activity-summary-card .readiness-badge{grid-column:2}.setup-options,.setup-reference-upload{margin-left:0}.setup-review-card{grid-template-columns:1fr}.setup-review-actions{flex-wrap:wrap}.changeset-card footer{flex-direction:column;align-items:stretch}.changeset-card footer button{width:100%}.activity-stub-fields{grid-template-columns:1fr}.flow-summary-bar{flex-direction:column;align-items:stretch}.flow-summary-bar button{justify-content:center}.flow-node{grid-template-columns:38px minmax(0,1fr);width:calc(100% - 38px)}.flow-node-icon{width:38px;height:38px}.flow-node-status{display:none}.flow-branch-fields,.course-character-image-actions{grid-template-columns:1fr}}.artifact-panel .panel-content{padding-inline:clamp(14px,3.2cqw,38px)}.artifact-panel .artifact-stack,.artifact-panel .artifact-stack.flow-artifact-stack,.artifact-panel .visual-tab,.artifact-panel .preview-tab,.artifact-panel .qa-tab,.artifact-panel .final-tab{width:100%;min-width:0;max-width:none;margin-inline:0}.artifact-panel .artifact-stack>*,.artifact-panel .visual-tab>*,.artifact-panel .preview-tab>*,.artifact-panel .qa-tab>*,.artifact-panel .final-tab>*{min-width:0}.artifact-panel .artifact-hero p{max-width:min(72ch,100%)}.artifact-panel .asset-grid{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}.artifact-panel .visual-asset-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.artifact-panel .style-palette{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}@container artifact-panel (width<=760px){.panel-content .gameplay-shell{grid-template-columns:1fr}.panel-content .character-stage{flex-direction:row;justify-content:flex-start;min-height:110px}.panel-content .character-bubble{flex:1;width:auto}.panel-content .character-portrait{width:82px;height:102px}.panel-content .fraction-stage{grid-template-columns:minmax(145px,1fr) 42px minmax(145px,1fr)}.panel-content .fraction-entry{grid-column:1/-1;grid-template-columns:1fr 34px 1fr;align-items:end}.panel-content .fraction-line{margin-bottom:18px}.panel-content .task-console{grid-template-columns:38px minmax(0,1fr)}.panel-content .answer-form{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 42px}.panel-content .answer-form input{width:100%}.panel-content .answer-form label{display:none}.panel-content .task-console.generated-console,.panel-content .preview-tab>.mechanic-runtime-shell.has-character,.course-character-layout{grid-template-columns:1fr}.course-character-stage{min-height:230px}.course-character-stage img{height:210px}.activity-create-grid{grid-template-columns:1fr}}@container card-preview (width<=700px){.mechanic-runtime-shell.has-character{grid-template-columns:1fr}.mechanic-character-rail{border-top:1px solid #2e3f5e1f;border-left:0;flex-direction:row;justify-content:flex-start;min-height:118px;padding:14px}.mechanic-character-portrait{flex:none;width:82px;height:96px}.mechanic-character-copy{flex:1}.fst-main-layout{grid-template-columns:minmax(0,1fr)}.fst-interaction{grid-column:1;min-width:0}.fst-visual-slot--left,.fst-visual-slot--right{display:none}.fst-mechanic{border-radius:24px;padding:16px 11px}.fst-header{align-items:start;gap:8px;margin-bottom:10px}.fst-instruction{font-size:17px}.fst-progress{min-width:44px;min-height:44px}.fst-plates{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:3px}.fst-plus{border-radius:11px;width:34px;height:34px;font-size:23px}.fst-plate-label{min-height:24px;font-size:9px}.fst-plate-count{border-radius:14px;min-width:56px;min-height:52px;margin-top:7px}.fst-equation-panel{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;padding:13px}}@container artifact-panel (width<=520px){.panel-content{padding-inline:14px}.artifact-hero{padding:18px}.artifact-hero h2{font-size:20px}.task-brief-item>header,.visual-asset-group-header,.activity-character-selector>header{flex-direction:column;align-items:flex-start}.task-brief-item>header div{justify-content:flex-start}.task-brief-item dl>div,.spec-list div{grid-template-columns:1fr;gap:3px}.activity-stub-fields,.activity-custom-characters article,.flow-branch-fields{grid-template-columns:1fr}.activity-custom-characters article label,.activity-custom-characters article label:last-child,.activity-custom-characters article>header{grid-column:1}.course-character-image-actions{grid-template-columns:1fr}.flow-summary-bar{flex-direction:column;align-items:stretch}.flow-summary-bar button{justify-content:center}.flow-launch-card{grid-template-columns:auto minmax(0,1fr)}.flow-launch-card>button,.flow-launch-card>a{grid-column:1/-1;justify-content:center}.flow-node{grid-template-columns:38px minmax(0,1fr);width:calc(100% - 38px)}.flow-node-icon{width:38px;height:38px}.flow-node-status{display:none}.character-matrix-row{grid-template-columns:repeat(3,minmax(0,1fr))}.character-matrix-row>strong{grid-column:1/-1}.character-matrix-row>span{justify-content:center;min-width:0}.asset-audit-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-content .gameplay-preview{min-height:100vh;padding:14px}.panel-content .gameplay-shell{margin-top:12px}.panel-content .designed-console{min-height:0;padding:16px!important}.panel-content .fraction-stage{grid-template-columns:1fr}.panel-content .transfer-flow{transform:rotate(90deg)}.panel-content .fraction-entry{grid-column:auto}.panel-content .fraction-plate-disc{min-width:0;max-width:210px}.panel-content .gameplay-actions{flex-direction:column;align-items:stretch}.panel-content .check-gameplay{justify-content:center;margin:0}.panel-content .choice-grid{width:100%;min-width:0;max-width:none}}.methodical-brief-card{background:linear-gradient(145deg,#fff,#f7f9ff);border:1px solid #d8e0f4;border-radius:16px;padding:16px;box-shadow:0 10px 28px #1e305b0f}.methodical-brief-card>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.methodical-brief-card>header h3{margin:4px 0 0;font-size:14px}.methodical-brief-card>header p{max-width:520px;color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.methodical-brief-card>header>b{white-space:nowrap;color:#188563;background:#e9f8f2;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;display:inline-flex}.methodical-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.brief-draft-field{align-content:start;gap:6px;min-width:0;display:grid}.brief-draft-field>span{color:#47526c;justify-content:space-between;font-size:8px;display:flex}.brief-draft-field input,.brief-draft-field textarea,.brief-draft-field select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d9dfed;border-radius:10px;outline:none;padding:10px 11px;font-size:9px;line-height:1.45}.brief-draft-field textarea{resize:vertical}.brief-draft-field input:focus,.brief-draft-field textarea:focus,.brief-draft-field select:focus{border-color:#8297df;box-shadow:0 0 0 3px #5b5fef17}.methodical-source-hint{color:#66718b;background:#fafbff;border:1px dashed #cbd4ec;border-radius:10px;align-self:stretch;margin:0;padding:10px;font-size:8px;line-height:1.5}.methodical-brief-primary{color:#fff;background:var(--blue);border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:11px 14px;font-size:9px;font-weight:800;display:inline-flex}.methodical-brief-primary:disabled{cursor:not-allowed;opacity:.45}.manual-content-editor{grid-column:1/-1}.manual-content-editor span small{color:#8a93a9;font-weight:500}.manual-content-editor em{color:#7d879d;font-size:7.5px;font-style:normal}.reference-use-note{color:#16805f;background:#f1fbf7;border:1px solid #cce9dd;border-radius:13px;align-items:flex-start;gap:10px;padding:13px;display:flex}.reference-use-note div{min-width:0}.reference-use-note strong{color:var(--ink);font-size:10px;display:block}.reference-use-note p{color:#607269;margin:4px 0 0;font-size:8px;line-height:1.5}@media (width<=760px){.methodical-brief-grid{grid-template-columns:1fr}.methodical-brief-card>header{display:grid}}.mechanic-runtime-shell{background:#f8f5ee;min-height:min(680px,76vh);position:relative;overflow:auto}.mechanic-runtime-shell.has-character{grid-template-columns:minmax(0,1fr) clamp(150px,21%,220px);align-items:stretch;display:grid}.mechanic-runtime-core{min-width:0;min-height:100%}.mechanic-runtime-shell .pair-mechanic{min-height:620px}.mechanic-runtime-shell .fti-root,.mechanic-runtime-shell .fst-mechanic{min-height:100%}.mechanic-character-rail{background:linear-gradient(#fffc,#ebf0faf5);border-left:1px solid #2e3f5e1f;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;min-width:0;padding:22px 14px;display:flex}.mechanic-character-portrait{border-radius:30px;place-items:center;width:100%;height:min(310px,44vh);transition:background .2s,box-shadow .2s;display:grid;position:relative}.mechanic-character-portrait img{object-fit:contain;filter:drop-shadow(0 14px 18px #19223833);width:100%;height:100%;transition:filter .2s}.mechanic-character-copy{color:#26314a;background:#fff;border-radius:14px;gap:5px;width:100%;padding:11px 12px;display:grid;box-shadow:0 6px 22px #25304b1a}.mechanic-character-copy strong{font-size:12px}.mechanic-character-copy span{font-size:11px;line-height:1.4}.mechanic-character-rail.reaction-bounce .mechanic-character-portrait{animation:.62s cubic-bezier(.2,.8,.2,1) character-bounce}.mechanic-character-rail.reaction-celebrate .mechanic-character-portrait{animation:.82s character-celebrate}.mechanic-character-rail.reaction-shake_head .mechanic-character-portrait{animation:.5s gentle-shake}.mechanic-target-labels{pointer-events:none;position:absolute;inset:0}.mechanic-target-labels span{color:#25314e;text-align:center;background:#ffffffe6;border-radius:999px;max-width:19%;padding:6px 10px;font-size:clamp(10px,1.4vw,14px);font-weight:750;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 18px #262c4024}.mechanic-completion{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:520px;padding:32px;display:grid}.mechanic-completion button{align-items:center;gap:8px;display:inline-flex}@media (width<=760px){.mechanic-runtime-shell.has-character{grid-template-columns:1fr}.mechanic-character-rail{border-top:1px solid #2e3f5e1f;border-left:0;flex-direction:row;justify-content:flex-start;min-height:120px}.mechanic-character-portrait{flex:none;width:86px;height:104px}.mechanic-character-copy{flex:1}}.background-cancel-button{color:#59647d;background:#fff;border:1px solid #d7dceb;border-radius:8px;align-items:center;gap:6px;width:max-content;margin-top:7px;padding:6px 9px;font-size:8px;font-weight:750;display:inline-flex}.production-job-status{background:#f8faff;border:1px solid #d8e0f3;border-radius:14px;gap:10px;padding:13px;display:grid}.production-job-status header{align-items:flex-start;gap:9px;display:flex}.production-job-status header>div{flex:1;min-width:0}.production-job-status strong{font-size:10px;display:block}.production-job-status p{color:#68738d;margin:3px 0 0;font-size:8px;line-height:1.5}.production-job-status header>span{color:#566581;background:#e9eef9;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.production-job-status.succeeded{background:#f2fbf7;border-color:#cce9dd}.production-job-status.failed,.production-job-status.interrupted{background:#fff9f1;border-color:#f0d8bd}.production-job-progress{background:#dfe5f2;border-radius:999px;height:5px;overflow:hidden}.production-job-progress i{border-radius:inherit;background:linear-gradient(90deg,#5f66e8,#58c8a4);height:100%;transition:width .25s;display:block}.startup-error-page{color:#fff;background:radial-gradient(circle at 25% 20%,#354b89 0,transparent 32%),radial-gradient(circle at 80% 75%,#563e70 0,transparent 36%),var(--navy);place-items:center;min-height:100dvh;padding:24px;display:grid}.startup-error-card{background:#10182ed1;border:1px solid #ffffff1f;border-radius:22px;gap:14px;width:min(520px,100%);padding:34px;display:grid;box-shadow:0 24px 70px #00000047}.startup-error-card .brand-mark{margin-bottom:5px}.startup-error-card h1,.startup-error-card p{margin:0}.startup-error-card h1{font-size:28px}.startup-error-card p{color:#bec6da;font-size:12px;line-height:1.65}.startup-error-card>div{flex-wrap:wrap;gap:9px;display:flex}.startup-error-card small{color:#8f99b2;font-size:9px}.startup-error-card button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:11px;padding:11px 15px;font-size:10px;font-weight:800}.lesson-player-page{width:100vw;width:var(--lesson-player-visible-width,100svw);max-width:100%;height:100vh;height:var(--lesson-player-visible-height,100svh);min-height:0;max-height:100%;padding:clamp(4px,.6vw,8px) clamp(4px,.6vw,8px) max(clamp(10px,1vw,14px),env(safe-area-inset-bottom));background:radial-gradient(circle at 14% 0,#4965ca47,#0000 31%),#080e1c;place-items:center;display:grid;position:fixed;inset:0 auto auto 0;overflow:hidden}.lesson-runner.lesson-runner-standalone{border-radius:clamp(10px,1vw,16px);grid-template-rows:56px minmax(0,1fr);width:100%;height:100%;min-height:0;max-height:100%}.lesson-runner-standalone>header{grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;min-height:0;padding:6px 10px 6px 14px}.lesson-runner-standalone>header small{display:none}.lesson-runner-standalone>header>div{min-width:0}.lesson-runner-standalone>header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.lesson-runner-standalone>header>span{padding:5px 8px;font-size:7.5px}.lesson-runner-standalone>header>button{width:44px;height:44px}.lesson-runner-standalone>header>.lesson-player-continue{color:#fff;background:var(--blue);justify-content:center;align-items:center;gap:6px;width:auto;height:44px;padding:0 14px;font-size:9px;font-weight:800;display:inline-flex}.lesson-runner-standalone .lesson-runner-live-card{place-items:stretch stretch;max-height:100%;padding:clamp(4px,.7vw,8px);overflow:hidden}.lesson-card-fit-viewport{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.lesson-card-fit-frame{flex:none;min-width:0;min-height:0;position:relative}.lesson-card-fit-surface{transform-origin:0 0;min-width:0;min-height:0;display:grid}.lesson-card-fit-surface>.card-preview{border-radius:clamp(12px,1.2vw,20px);width:100%;height:100%;min-height:0;padding:26px;overflow:hidden}.lesson-card-fit-surface>.mechanic-runtime-shell{overflow:hidden}.lesson-card-fit-surface>.packaged-card-preview{grid-template-rows:minmax(0,1fr);padding:0}.lesson-card-fit-surface .packaged-card-frame-wrap,.lesson-card-fit-surface .packaged-card-frame-wrap iframe{width:100%;height:100%;min-height:0}.lesson-card-fit-surface .packaged-card-footer{display:none}.lesson-card-fit-surface>.mechanic-runtime-shell[data-renderer-id=pair-combination]{padding:0;overflow:hidden}.lesson-card-fit-surface>[data-renderer-id=pair-combination] .mechanic-runtime-core{width:100%;height:100%;min-height:0}.lesson-card-fit-surface>[data-renderer-id=pair-combination] .pair-mechanic{width:100%;height:100%;min-height:0;max-height:100%;padding:24px 30px}.lesson-card-fit-surface>[data-renderer-id=pair-combination] .pair-mechanic__header{gap:18px;min-height:64px}.lesson-card-fit-surface>[data-renderer-id=pair-combination] .pair-mechanic__layout{height:100%;min-height:0}.lesson-card-fit-surface>[data-renderer-id=pair-combination] .pair-board{height:100%;min-height:0;max-height:100%}.lesson-card-fit-surface>.mechanic-runtime-shell[data-renderer-id=find-target-in-image]{padding:0;overflow:hidden}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .mechanic-runtime-core{width:100%;height:100%;min-height:0}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-root{grid-template-columns:344px minmax(0,1fr);align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;max-height:none;margin:0;display:grid}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-header{border-radius:var(--fti-radius) 0 0 var(--fti-radius);flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding:22px}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-instruction h2{font-size:34px;line-height:1.05}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-progress{margin-top:18px}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-interaction{grid-template-rows:minmax(0,1fr) 28px 28px;height:100%;min-height:0;display:grid;overflow:hidden}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-scene{border:1px solid var(--fti-color-border);width:100%;max-width:100%;height:auto;max-height:100%;box-shadow:none;place-self:center}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-feedback,.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-hint{white-space:nowrap;text-overflow:ellipsis;height:28px;min-height:0;padding:4px 12px;font-size:13px;line-height:18px;overflow:hidden}.lesson-card-fit-surface>[data-renderer-id=find-target-in-image] .fti-hint{border-radius:0 0 var(--fti-radius) 0}.artifact-panel .mechanic-runtime-shell.is-compact[data-renderer-id=pair-combination]{height:min(600px,calc(var(--app-height,100dvh) - 150px));min-height:min(600px,calc(var(--app-height,100dvh) - 150px));max-height:min(600px,calc(var(--app-height,100dvh) - 150px));padding:0;overflow:hidden}.artifact-panel .mechanic-runtime-shell.is-compact[data-renderer-id=pair-combination] .mechanic-runtime-core{width:100%;height:100%;min-height:0}.artifact-panel .mechanic-runtime-shell.is-compact[data-renderer-id=pair-combination] .pair-mechanic{width:100%;height:100%;min-height:0;max-height:100%;padding:16px 20px}.artifact-panel .mechanic-runtime-shell.is-compact[data-renderer-id=pair-combination] .pair-mechanic__header{gap:12px;min-height:60px}.artifact-panel .mechanic-runtime-shell.is-compact[data-renderer-id=pair-combination] .pair-mechanic__layout{height:100%;min-height:0}.artifact-panel .mechanic-runtime-shell.is-compact[data-renderer-id=pair-combination] .pair-board{height:100%;min-height:0;max-height:100%}.lesson-runner-standalone .gameplay-shell{margin-top:var(--scene-content-gap,18px);grid-template-columns:minmax(0,3fr) minmax(170px,1fr)}.lesson-runner-standalone .gameplay-shell.no-character{grid-template-columns:1fr}.lesson-runner-standalone .designed-gameplay:not(.layout-in_scene):not(.layout-in-scene) .designed-console{min-height:470px;padding:22px!important}.lesson-runner-standalone .character-stage{flex-direction:column;justify-content:flex-end;min-height:0}.lesson-runner-standalone .character-bubble{flex:initial;width:100%}.lesson-runner-standalone .character-portrait{width:min(150px,92%);height:244px}.lesson-runner-standalone .fraction-stage{grid-template-columns:minmax(154px,1fr) 48px minmax(154px,1fr) minmax(80px,.55fr)}.lesson-runner-standalone .fraction-entry{grid-column:auto;grid-template-columns:none;align-items:normal}.lesson-runner-standalone .fraction-line{margin-bottom:0}.lesson-runner-standalone .transfer-flow{transform:none}.lesson-runner-standalone .fraction-plate-disc{max-width:var(--scene-plate-size,220px)}.lesson-runner-standalone .gameplay-actions{flex-direction:row;align-items:center}.lesson-runner-standalone .check-gameplay{justify-content:center;margin-left:auto}.lesson-runner-standalone .task-console.generated-console{grid-template-columns:1fr auto}.lesson-runner-standalone .mechanic-runtime-shell.has-character{grid-template-columns:minmax(0,1fr) clamp(150px,21%,220px)}.lesson-runner-standalone .mechanic-character-rail{border-top:0;border-left:1px solid #2e3f5e1f;flex-direction:column;justify-content:flex-end;min-height:0;padding:22px 14px}.lesson-runner-standalone .mechanic-character-portrait{flex:initial;width:100%;height:310px}.lesson-runner-standalone .mechanic-character-copy{flex:initial}.lesson-runner-standalone .cycling-mechanic{min-height:620px}.lesson-runner-standalone .cycling-arena{min-height:430px}.lesson-runner-standalone .cycling-options{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-runner-standalone .cycling-options button{min-height:92px}.lesson-runner-standalone .lesson-runner-stage.type-video{place-items:stretch stretch;width:100%;max-width:none;height:100%;min-height:0;max-height:100%;margin:0;padding:clamp(4px,.7vw,8px);display:grid;position:relative;overflow:hidden}.lesson-runner-standalone .type-video .lesson-runner-video{aspect-ratio:auto;border-radius:clamp(10px,1vw,16px);width:100%;height:100%;min-height:0;max-height:100%;margin:0}.lesson-runner-standalone .type-video .lesson-runner-video iframe,.lesson-runner-standalone .type-video .lesson-runner-video video{object-fit:contain;object-position:center;background:#050810;border:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.flow-inspector-actions{align-items:center;gap:9px;display:flex}.flow-inspector-actions a{color:#fff;background:var(--blue);border-radius:8px;padding:7px 10px;font-size:8px;font-weight:750;text-decoration:none}.flow-inspector-actions span{color:#6a78a0;font-size:7px}.video-activity-preview{background:#0b1223;padding:12px}.video-activity-frame{aspect-ratio:16/9;background:#050810;border:1px solid #97ace53d;border-radius:13px;width:100%;overflow:hidden}.video-activity-frame iframe,.video-activity-frame video{object-fit:contain;background:#050810;border:0;width:100%;height:100%;display:block}.video-activity-empty{color:#91a6df;text-align:center;border:1px dashed #97ace547;border-radius:13px;align-content:center;place-items:center;gap:8px;min-height:300px;display:grid}.video-activity-empty strong{color:#dce5fb;font-size:12px}.video-activity-empty span{color:#8c98b4;font-size:9px}.video-source-summary{background:#f7f9fc;border:1px solid #e0e5ef;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.video-source-summary>svg{color:var(--blue);flex:none}.video-source-summary span,.video-source-summary strong,.video-source-summary small{display:block}.video-source-summary strong{font-size:10px}.video-source-summary small{color:#848da0;margin-top:3px;font-size:8px}.video-storyboard-list{gap:8px;display:grid}.video-storyboard-list article{background:#fafbfc;border:1px solid #e5e8ef;border-radius:11px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px;display:grid}.video-storyboard-list article>span{color:#fff;background:var(--blue);border-radius:9px;place-items:center;width:28px;height:28px;font-size:8px;font-weight:800;display:grid}.video-storyboard-list strong{font-size:9px}.video-storyboard-list p{margin-top:3px!important}.video-storyboard-list small{color:#8b94a6;font-size:8px}.video-transcript{white-space:pre-line}@media (width<=760px){.lesson-player-page{padding:0 0 max(6px,env(safe-area-inset-bottom))}.lesson-runner.lesson-runner-standalone{border:0;border-radius:0;height:100%}.lesson-runner-standalone>header{grid-template-columns:minmax(0,1fr) auto auto}.lesson-runner-standalone>header>span{display:none}.lesson-runner-standalone .lesson-runner-live-card,.lesson-runner-standalone .lesson-runner-stage.type-video{padding:3px}.video-storyboard-list article{grid-template-columns:28px minmax(0,1fr)}.video-storyboard-list article>small{grid-column:2}.flow-inspector>header{flex-direction:column;align-items:stretch}.flow-inspector-actions{justify-content:space-between}}