/* What this is: Word Trail's meadow studio and spelling-only reading choices for families. Screen rules preserve certificate printing. */
@media screen {
 :root { --studio-font:ui-rounded,"Segoe UI",Tahoma,system-ui,sans-serif;--studio-leading:1.55;--scene-panel:var(--paper);--scene-deep:var(--surface);--scene-control:var(--control);--scene-border:var(--line);--studio-metal:var(--line);--studio-rim:var(--paper);--studio-gem:#b7d8ef;--studio-ink:var(--ink);--studio-muted:var(--muted);--studio-accent:var(--focus);--trail-motion-duration:1s;--trail-celebration-duration:1.4s; }
 /* Each palette supplies readable surfaces in the chosen shared appearance. Strong contrast stays owned by the shared reading controls. */
 :root[data-studio-theme=meadow][data-reading-theme=light]:not([data-reading-contrast=strong]) { --canvas:#f5f3e7;--paper:#fffdf5;--surface:#ecefdd;--control:#fffdf5;--rail:#e1ebd7;--ink:#303c32;--muted:#4a5b4e;--leaf:#28513b;--action:#28513b;--on-action:#fff;--plum-ink:#594574;--line:#7f8e78;--focus:#69468b; }
 :root[data-studio-theme=cloud][data-reading-theme=light]:not([data-reading-contrast=strong]) { --canvas:#eaf2f6;--paper:#f9fcff;--surface:#e0edf2;--control:#f9fcff;--rail:#d9e8ee;--ink:#263c49;--muted:#455c69;--leaf:#315369;--action:#315369;--on-action:#fff;--plum-ink:#564471;--line:#7c95a2;--focus:#624580; }
 :root[data-studio-theme=parchment][data-reading-theme=light]:not([data-reading-contrast=strong]) { --canvas:#efe4d0;--paper:#fff7e8;--surface:#ecdfc5;--control:#fff7e8;--rail:#e5d8b9;--ink:#44382b;--muted:#665443;--leaf:#5a5133;--action:#5a5133;--on-action:#fff;--plum-ink:#694552;--line:#9b8260;--focus:#704455; }
 :root[data-studio-theme=blossom][data-reading-theme=light]:not([data-reading-contrast=strong]) { --canvas:#f6eaf0;--paper:#fff9fc;--surface:#efdfeb;--control:#fff9fc;--rail:#e9e0ee;--ink:#423546;--muted:#655469;--leaf:#654366;--action:#654366;--on-action:#fff;--plum-ink:#654366;--line:#a084a1;--focus:#6c427c; }
 :root[data-studio-theme=meadow][data-reading-theme=dark]:not([data-reading-contrast=strong]) { --canvas:#14221b;--paper:#1c2c22;--surface:#293a2e;--control:#23372a;--rail:#233227;--ink:#f1f4eb;--muted:#c2ccbf;--leaf:#bde2b0;--action:#b6d9a7;--on-action:#132213;--plum-ink:#e2c8f6;--line:#91a48b;--focus:#e6c4ff; }
 :root[data-studio-theme=cloud][data-reading-theme=dark]:not([data-reading-contrast=strong]) { --canvas:#162632;--paper:#203440;--surface:#29434e;--control:#25404e;--rail:#243b46;--ink:#eef6fb;--muted:#c3d8e3;--leaf:#b9deef;--action:#b9deef;--on-action:#18313d;--plum-ink:#e3cff4;--line:#91aab8;--focus:#e4c7ff; }
 :root[data-studio-theme=parchment][data-reading-theme=dark]:not([data-reading-contrast=strong]) { --canvas:#282119;--paper:#352d23;--surface:#43392b;--control:#3c3327;--rail:#3c3427;--ink:#faf0dd;--muted:#e0cfb2;--leaf:#e4d6a6;--action:#e4d6a6;--on-action:#302818;--plum-ink:#f2c8d8;--line:#b7a183;--focus:#f4c6db; }
 :root[data-studio-theme=blossom][data-reading-theme=dark]:not([data-reading-contrast=strong]) { --canvas:#281e2c;--paper:#362a3b;--surface:#483650;--control:#402f47;--rail:#403147;--ink:#faf0fb;--muted:#decce4;--leaf:#ebc9ee;--action:#ebc9ee;--on-action:#35213d;--plum-ink:#f0d4f4;--line:#b99abd;--focus:#f0c9ff; }
 :root[data-studio-theme] body.word-trail { background:radial-gradient(ellipse at 3% 0,color-mix(in srgb,var(--rail) 70%,transparent),transparent 45%),radial-gradient(ellipse at 98% 35%,color-mix(in srgb,var(--lavender) 60%,transparent),transparent 52%),var(--canvas); }
 :root[data-studio-font=system] { --studio-font:ui-rounded,"Segoe UI",Tahoma,system-ui,sans-serif; }
 :root[data-studio-font=arial] { --studio-font:Arial,"Leelawadee UI",sans-serif; }
 :root[data-studio-font=verdana] { --studio-font:Verdana,"Leelawadee UI",sans-serif; }
 :root[data-studio-font=rounded] { --studio-font:"Arial Rounded MT Bold","Trebuchet MS",ui-rounded,"Leelawadee UI",sans-serif; }
 :root[data-studio-font=serif] { --studio-font:Georgia,"Times New Roman","Leelawadee UI",serif; }
 :root[data-studio-font] body.word-trail,:root[data-studio-font] body.word-trail :is(button,input,select,textarea,h1,h2,h3,.big-word,.letter-cube-face) { font-family:var(--studio-font); }
 :root[data-studio-line-height=normal] { --studio-leading:1.55; }
 :root[data-studio-line-height=normal][data-reading-spacing=roomy] { --studio-leading:1.85; }
 :root[data-studio-line-height=relaxed] { --studio-leading:1.8; }
 :root[data-studio-line-height=airy] { --studio-leading:2.05; }
 :root[data-studio-line-height] body.word-trail :is(p,li,label,legend,button,summary,.definition,.feedback,.reading-sample) { line-height:var(--studio-leading); }
 /* Apply spacing on language leaves so the Thai sibling never inherits English spacing. */
 :root[data-studio-letter-spacing=wide] body.word-trail :lang(en) { letter-spacing:.06em; }
 :root[data-studio-word-spacing=wide] body.word-trail :lang(en) { word-spacing:.15em; }
 :root body.word-trail :lang(th) { letter-spacing:normal!important;word-spacing:normal!important; }
 /* Word Trail native options use English / Thai text nodes, including shared reading, pack and save choices. Both-language controls stay unspaced; marked English text keeps its requested spacing. */
 :root:has(#studioSample>[lang=en]):has(#studioSample>[lang=th]) body.word-trail :is(select,option) { letter-spacing:normal!important;word-spacing:normal!important; }
 :root[data-studio-line-width=comfortable] body.word-trail :is(.definition,.quote-card,.prompt,.feedback,.play-description,.picnic-copy,.reading-sample) { max-width:38ch; }
 :root[data-studio-reading-guide=true] body.word-trail :is(.prompt,.definition,.built-word) { border-inline-start:5px solid var(--focus);padding-inline-start:.65em;background:color-mix(in srgb,var(--focus) 7%,var(--paper));border-radius:8px; }
 /* Focus changes decoration; the trail, clues, word controls and every activity remain usable. */
 :root[data-studio-focus=true] body.word-trail :is(.play-art,.play-card-art) { filter:saturate(.35); }
 :root[data-studio-focus=true] body.word-trail { background:var(--canvas); }
 :root[data-studio-focus=true] body.word-trail .activity { box-shadow:inset 0 0 0 2px var(--line); }
 :root[data-studio-motion=false] body.word-trail *,:root[data-studio-motion=false] body.word-trail *:before,:root[data-studio-motion=false] body.word-trail *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
 :root[data-studio-motion=true] body.word-trail .letter-cube { transition-duration:var(--trail-motion-duration); }
 /* Gem color is a decorative edge. It cannot enter foreground, feedback or control tokens. */
 :root[data-studio-gem-color=true] body.word-trail .journey-viewport { box-shadow:inset 0 0 0 4px var(--studio-gem); }
 #studioDialog { width:calc(100% - 32px);max-width:1140px;max-height:calc(100dvh - 32px);padding:26px;border:1px solid var(--studio-rim);border-radius:28px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--focus) 15%,transparent),transparent 48%),var(--scene-deep);color:var(--studio-ink);box-shadow:0 28px 100px #080b2373,inset 0 0 0 5px color-mix(in srgb,var(--studio-metal) 22%,transparent);overflow:auto;overscroll-behavior:contain; }
 #studioDialog::backdrop { background:#080d24c9;backdrop-filter:blur(7px); }
 #studioDialog .dialog-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 3px 17px;border-bottom:1px solid var(--scene-border);margin-bottom:24px; }
 #studioDialog .dialog-heading>div { min-width:0; }
 #studioDialog h3,#studioDialog h4 { margin:0 0 12px; }
 #studioDialog button { display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 14px;font:inherit;border:1px solid var(--scene-border);border-radius:11px;background:var(--scene-control);color:var(--studio-ink); }
 #studioDialog p { margin-block:12px; }
 #studioDialog .dialog-heading h2 { font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 8px; }
 #studioDialog .dialog-heading p { max-width:52ch;color:var(--studio-muted);margin-bottom:0; }
 #studioClose { flex:0 0 auto;min-width:64px; }
 .studio-jumps { display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px; }
 .studio-jumps a { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--scene-border);border-radius:10px;background:var(--scene-control);color:var(--studio-ink);text-decoration:none;font-weight:600; }
 .studio-jumps a:hover { border-color:var(--studio-accent); }
 .studio-section>h3 { scroll-margin-top:20px; }
 .studio-sections { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
 .studio-section { min-width:0;margin:0 0 24px;padding:22px;border:1px solid var(--scene-border);border-radius:20px;background:linear-gradient(140deg,color-mix(in srgb,var(--studio-rim) 5%,var(--scene-panel)),var(--scene-panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--studio-rim) 30%,transparent),0 7px 20px #080b231a; }
 .studio-sections .studio-section { margin:0; }
 .studio-section[data-section=reading] { grid-column:1/-1; }
 .studio-section legend { padding:0 12px;font-size:1.25rem;font-weight:700;color:var(--studio-ink); }
 .studio-section>h3 { font-size:1.25rem;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--studio-metal);color:var(--studio-ink); }
 .studio-section>p { color:var(--studio-muted);font-size:.91rem; }
 .studio-controls { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin:18px 0; }
 #studioDialog label { display:block;font-size:.9rem;font-weight:600;overflow-wrap:anywhere; }
 #studioDialog label select { display:block;width:100%;margin-top:7px; }
 #studioDialog select { min-height:48px;max-width:100%;border-radius:10px;padding:9px 12px;font:inherit;background:var(--scene-deep);color:var(--studio-ink); }
 #studioDialog button { min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere; }
 #studioReadingHost { margin:14px 0; }
 #studioReadingHost .reading-comfort { padding:15px;border-radius:12px;box-shadow:none; }
 #studioReadingHost .reading-fields { margin-top:16px; }
 #studioDialog .reading-sample { padding:20px 24px;background:var(--paper);color:var(--ink);border-radius:12px;border-inline-start:4px solid #8c6896;box-shadow:0 3px 9px #080b231c;overflow-wrap:anywhere;margin:18px 0;font-family:var(--studio-font); }
 .reading-sample p:last-child { margin-bottom:0; }
 .gem-palette { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0; }
 #studioDialog button.gem { position:relative;display:flex;flex-direction:column;padding:11px 6px 13px;gap:5px;border-radius:16px;min-width:0;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--studio-rim) 12%,transparent),transparent 68%),var(--scene-deep);border:1px solid var(--scene-border);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--studio-rim) 25%,transparent),0 4px 7px #080b2320;touch-action:none; }
 .gem img { width:75px;height:85px;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 4px #080b2338); }
 .gem .gem-mark { font-size:.74rem;font-weight:400;color:var(--studio-muted); }
 #studioDialog .gem[aria-pressed=true] { background:var(--scene-control);color:var(--studio-ink);border:2px solid var(--studio-accent);padding:10px 5px 12px;box-shadow:inset 0 0 0 3px var(--scene-deep); }
 .mix-slots { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--studio-metal);border-radius:17px;background:linear-gradient(var(--studio-metal),var(--scene-deep) 6px,var(--scene-deep));box-shadow:inset 0 3px 10px #080b2370;margin:20px 0; }
 .slot-wrap { min-width:0;display:flex;flex-direction:column;gap:8px; }
 #studioDialog .mix-slot { position:relative;display:flex;flex-direction:column;gap:7px;width:100%;min-height:126px;padding:12px 6px;border-radius:12px;border:1px dashed var(--scene-border);background:radial-gradient(ellipse,var(--scene-panel),var(--scene-deep));box-shadow:inset 0 2px 6px #080b2360; }
 .mix-slot img { width:63px;height:71px;object-fit:contain;pointer-events:none; }
 .mix-slot[aria-pressed=true],.mix-slot[data-selected=true],.mix-slot.drag-over { outline:3px solid var(--studio-accent);outline-offset:2px; }
 #studioDialog [data-remove-slot] { font-size:.76rem;padding:8px 5px;min-height:44px;background:transparent; }
 .mix-result { position:relative;text-align:center;min-width:0;padding:22px 16px;border-radius:17px;border:1px solid var(--studio-metal);background:radial-gradient(ellipse at 50% 12%,color-mix(in srgb,var(--focus) 18%,transparent),transparent 65%),var(--scene-deep);box-shadow:inset 0 1px 0 var(--studio-rim);margin:18px 0; }
 .result-orb { display:block;position:relative;width:96px;height:96px;margin:2px auto 15px;border-radius:24px;transform:rotate(45deg);background:linear-gradient(135deg,#ffffffae,transparent 35%),var(--mix-color,var(--studio-gem));border:2px solid var(--studio-rim);box-shadow:inset 8px 8px 0 #ffffff35,inset -8px -8px 0 #00000028,0 9px 18px #080b233d; }
 .result-orb:before { content:"";position:absolute;inset:12px;border:1px solid #ffffff90;border-radius:12px; }
 .result-orb:after { content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 47%,#ffffff45 48%,#ffffff45 50%,transparent 51%);border-radius:22px; }
 #mixName { font-weight:700;font-size:1.15rem; }
 #mixEquation { margin-bottom:0;color:var(--studio-muted);font-size:.84rem;overflow-wrap:anywhere; }
 .theme-choices { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px; }
 #studioDialog [data-theme] { position:relative;min-height:72px;padding:13px 12px 13px 36px;text-align:left;justify-content:flex-start; }
 #studioDialog [data-theme]:before { content:"";position:absolute;left:12px;top:calc(50% - 9px);width:15px;height:18px;border-radius:8px 8px 3px 3px;border:1px solid #fff7;background:#403764; }
 #studioDialog [data-theme=cloud]:before { background:linear-gradient(#eef6ff,#aac4df); }
 #studioDialog [data-theme=parchment]:before { background:linear-gradient(#fff2cf,#c69963); }
 #studioDialog [data-theme=blossom]:before { background:linear-gradient(145deg,#fae9ef,#cfa8cf); }
 #studioDialog [data-theme][aria-pressed=true] { background:var(--scene-control);border:2px solid var(--studio-accent);color:var(--studio-ink);padding:12px 11px 12px 35px;box-shadow:inset 0 0 0 3px var(--scene-deep); }
 .speed-gauge { padding:20px 14px 16px;border:1px solid var(--studio-metal);border-radius:21px;background:linear-gradient(145deg,var(--studio-metal),var(--scene-deep) 16%);box-shadow:inset 0 1px 0 var(--studio-rim),inset 0 -3px 0 #080b2335;margin:20px 0; }
 .gauge-dial { position:relative;width:210px;max-width:100%;aspect-ratio:1.55;margin:0 auto 12px;overflow:hidden;border-radius:140px 140px 15px 15px;border:5px solid var(--studio-rim);background:radial-gradient(circle at 50% 95%,var(--scene-panel),var(--scene-deep));box-shadow:inset 0 2px 10px #080b2366,0 2px 0 #080b2355; }
 .gauge-dial:before { content:"";position:absolute;width:180px;height:180px;left:calc(50% - 90px);bottom:-81px;border:2px solid var(--studio-accent);border-radius:50%;background:repeating-conic-gradient(from -90deg,transparent 0deg 8deg,var(--scene-border) 9deg 11deg,transparent 12deg 15deg);mask:radial-gradient(circle,transparent 0 56%,#000 57%); }
 .gauge-dial:after { content:"";position:absolute;z-index:3;left:calc(50% - 13px);bottom:-3px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--studio-rim),var(--studio-metal));border:3px solid var(--scene-deep);box-shadow:0 2px 5px #080b2366; }
 .gauge-needle { position:absolute;z-index:2;left:calc(50% - 3px);bottom:9px;width:6px;height:85px;max-height:68%;background:linear-gradient(90deg,#ffddbe,var(--studio-accent) 55%,#ab7350);clip-path:polygon(50% 0,100% 88%,100% 100%,0 100%,0 88%);transform-origin:50% 100%;transform:rotate(0deg);filter:drop-shadow(2px 1px 1px #080b2380); }
 .gauge-needle[data-speed=slow] { transform:rotate(-58deg); }
 .gauge-needle[data-speed=gentle] { transform:rotate(0deg); }
 .gauge-needle[data-speed=lively] { transform:rotate(58deg); }
 .speed-gauge .speed-labels,.speed-gauge .speed-buttons { display:flex;flex-wrap:wrap;justify-content:center;gap:8px; }
 .speed-gauge button[data-speed] { flex:1 1 90px;padding:10px 6px;font-size:.81rem; }
 .speed-gauge button[data-speed][aria-pressed=true] { background:var(--studio-accent)!important;color:var(--paper)!important;border-color:var(--studio-accent); }
 .motion-console { display:grid;grid-template-columns:1fr;align-items:center;gap:18px;padding:20px;border:1px solid var(--studio-metal);border-radius:18px;background:linear-gradient(140deg,var(--scene-panel),var(--scene-deep));box-shadow:inset 0 1px 0 var(--studio-rim);margin:18px 0; }
 #studioDialog #motionLever { position:relative;display:flex;align-items:center;flex-direction:column;gap:14px;min-height:190px;width:100%;max-width:320px;justify-self:center;padding:14px 10px;background:linear-gradient(100deg,var(--studio-metal),var(--scene-deep) 20%,var(--scene-deep) 80%,var(--studio-metal));border:2px solid var(--studio-metal);border-radius:16px;box-shadow:inset 0 1px 0 var(--studio-rim),0 4px 8px #080b2350;touch-action:none; }
 .lever-track { display:block;position:relative;flex:0 0 105px;width:24px;height:105px;border-radius:12px;background:#090e23;border:3px solid var(--studio-metal);box-shadow:inset 0 3px 7px #000; }
 .lever-track:before { content:"";position:absolute;inset:8px 7px;background:linear-gradient(#e0c4a866,#e0c4a810);border-radius:3px; }
 .lever-handle { position:absolute;width:73px;height:34px;left:calc(50% - 36.5px);top:18px;border-radius:10px;transform:translateY(var(--lever-pull,0px));background:repeating-linear-gradient(90deg,transparent 0 6px,#6f492a55 7px 8px),linear-gradient(#ffe3bf,var(--studio-accent) 35%,#b57e4f 75%,#714c35);border:2px solid #e5bd92;box-shadow:0 5px 7px #0006,inset 0 1px 0 #fff8; }
 #studioMotion,#motionState { grid-column:1/-1; }
 #motionState { margin:0;font-weight:700; }
 .scene-switches { display:grid;gap:10px;margin:18px 0; }
 #studioDialog button[role=switch] { position:relative;justify-content:flex-start;text-align:left;padding:14px 14px 14px 74px;min-height:62px;border-radius:12px;background:var(--scene-deep);color:var(--studio-ink); }
 #studioDialog button[role=switch]:before { content:"";position:absolute;width:44px;height:28px;left:14px;top:calc(50% - 14px);border:2px solid var(--scene-border);border-radius:5px;background:linear-gradient(100deg,#090e2380,var(--studio-metal));box-shadow:inset 0 2px 4px #0006; }
 #studioDialog button[role=switch]:after { content:"";position:absolute;width:19px;height:22px;left:18px;top:calc(50% - 11px);border-radius:3px;background:linear-gradient(100deg,var(--studio-rim),var(--studio-metal));border:1px solid var(--studio-rim);box-shadow:2px 1px 4px #0005; }
 #studioDialog button[role=switch][aria-checked=true] { border-color:var(--studio-accent); }
 #studioDialog button[role=switch][aria-checked=true]:before { background:linear-gradient(100deg,var(--studio-accent),var(--studio-metal)); }
 #studioDialog button[role=switch][aria-checked=true]:after { left:35px;background:linear-gradient(100deg,#fff0d2,var(--studio-accent)); }
 #studioDialog #motionLever[role=switch] { padding:14px 10px;justify-content:center; }
 #studioDialog #motionLever[role=switch]:before,#studioDialog #motionLever[role=switch]:after { content:none; }
 .studio-footer { display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--scene-border); }
 #studioStatus { flex:1 1 100%;padding:14px 16px;border-radius:12px;background:var(--scene-panel);color:var(--studio-ink);font-size:.88rem;overflow-wrap:anywhere; }
 #studioConflict { padding:18px;border:2px solid var(--studio-accent);border-radius:12px;margin:18px 0;background:var(--scene-panel); }
 #studioConflict button { margin:6px 6px 0 0; }
 .gem-drag-ghost { position:fixed;width:78px;height:88px;z-index:500;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 7px #080b2366); }
 .gem-drag-ghost img { width:100%;height:100%;object-fit:contain; }
 .studio-actions { display:flex;flex-wrap:wrap;gap:10px;width:100%; }
 #speedValue { display:block;text-align:center;margin:12px 0 16px;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700; }
 #studioDialog :is(button,select,a):focus-visible { outline:3px solid var(--studio-accent);outline-offset:4px; }
 #studioDialog .rocker-state { display:block;margin-top:.3em;font-size:.82em; }
 #studioDialog .studio-rocker { display:block; }
 #studioDialog .rocker-track { display:none; }
 #studioDialog [lang] { display:block; }
 #studioDialog button:has(>[lang]) { flex-direction:column; }
 #studioDialog [lang=th] { margin-top:.2em; }
 #studioDialog [data-studio-copy] { min-width:0; }
 #studioDialog .studio-jumps a { flex-direction:column;align-items:flex-start; }
 #studioDialog .studio-footer>p { flex-basis:100%; }
 #studioDialog [data-theme=meadow]:before { background:linear-gradient(#eaf1d5,#8dab73); }
 #studioDialog .reading-sample { border-inline-start-color:var(--focus); }
 #studioDialog .gem,.mix-slot { align-items:center; }
 :root[data-reading-size=largest] .studio-sections { grid-template-columns:1fr; }
 :root[data-reading-size=largest] .studio-controls { grid-template-columns:1fr; }
 :root[data-reading-size=largest] .motion-console { grid-template-columns:1fr; }
 :root[data-reading-size=largest] #studioDialog #motionLever { width:100%;max-width:320px;justify-self:center; }
 @media(max-width:960px) { .studio-sections { grid-template-columns:1fr; }.studio-section[data-section=reading] { grid-column:auto; } }
 @media(max-width:600px) { #studioDialog { width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:18px 13px;border-radius:18px; }#studioDialog .dialog-heading { flex-direction:column; }.studio-section { padding:18px 13px; }.studio-controls { grid-template-columns:1fr; }.studio-sections { gap:20px; }#studioClose { width:100%; }.reading-sample { padding:17px; }.mix-slots { padding:10px;gap:8px; }.mix-slot img { width:54px;height:61px; }.motion-console { grid-template-columns:1fr;padding:14px;gap:12px; }.theme-choices { grid-template-columns:1fr; }.studio-footer button { flex:1 1 160px; } }
 @media(max-width:360px) { .gem-palette { grid-template-columns:repeat(2,minmax(0,1fr)); }.motion-console { grid-template-columns:1fr; }#studioDialog #motionLever { justify-self:center; }.mix-slots { gap:6px;padding:8px; }.mix-slot img { width:45px;height:51px; } }
 @media(max-width:600px) { :root[data-reading-size=largest] .gem-palette { grid-template-columns:repeat(2,minmax(0,1fr)); }:root[data-reading-size=largest] .mix-slots { grid-template-columns:1fr; } }
 @media(forced-colors:active) { #studioDialog,.studio-section,.mix-result,.mix-slots,.speed-gauge,.motion-console { border:2px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none; }.gauge-needle,.lever-handle { background:Highlight;forced-color-adjust:none; }.gauge-dial { border-color:CanvasText;background:Canvas; }.gauge-dial:before { border-color:CanvasText; }.gauge-dial:after { background:CanvasText; }#studioDialog button[role=switch]:before { border-color:CanvasText;background:Canvas; }#studioDialog button[role=switch]:after { background:CanvasText; }#studioDialog button[aria-pressed=true],#studioDialog button[aria-checked=true] { outline:2px solid Highlight;outline-offset:2px; }.result-orb { forced-color-adjust:none; } }
}
@media(prefers-reduced-motion:reduce) { body.word-trail *,body.word-trail *:before,body.word-trail *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
@media print { #studioDialog { display:none!important; } }