/* What this is: the original Catalie observatory studio and math-only reading preferences. All appearance changes are screen-only. */
@media screen {
 :root { --studio-font:ui-rounded,"Segoe UI",system-ui,sans-serif;--studio-leading:1.55;--scene-panel:#263052;--scene-deep:#17213e;--scene-control:#303b60;--scene-border:#8596bc;--studio-metal:#677594;--studio-rim:#b7c9dc;--studio-gem:#b7d8ef;--creature-duration:1s; }
 :root[data-studio-theme=observatory] { --night:#11142f;--deep:#1d2146;--ice:#d7f4ff;--muted:#b4bdd8;--copper:#f1bb8e;--violet:#a394e2;--scene-panel:#263052;--scene-deep:#17213e;--scene-control:#303b60;--scene-border:#8596bc;--studio-metal:#677594;--studio-rim:#b7c9dc; }
 :root[data-studio-theme=cloud] { --night:#dbe6f2;--deep:#bfcfe1;--ice:#23364f;--muted:#415674;--copper:#835033;--violet:#66508b;--scene-panel:#f0f5fc;--scene-deep:#dae5f2;--scene-control:#e5edf8;--scene-border:#7286a1;--studio-metal:#99abc1;--studio-rim:#f8fcff; }
 :root[data-studio-theme=parchment] { --night:#ede0c9;--deep:#d4bea0;--ice:#392f28;--muted:#645140;--copper:#7c4430;--violet:#79546f;--scene-panel:#fff5e4;--scene-deep:#ead8bd;--scene-control:#f6e9d3;--scene-border:#9f8062;--studio-metal:#bba382;--studio-rim:#fff6e6; }
 :root[data-studio-theme=aurora] { --night:#102b37;--deep:#193c49;--ice:#dbfaf3;--muted:#b5d6d2;--copper:#efc994;--violet:#b9b2ec;--scene-panel:#21424f;--scene-deep:#14323f;--scene-control:#2a505b;--scene-border:#7ba8ae;--studio-metal:#638c98;--studio-rim:#c9e9e8; }
 /* Appearance chooses brightness; the studio palette chooses its hue. */
 :root[data-reading-theme=light][data-studio-theme=observatory] { --night:#e6eaf4;--deep:#cbd4e7;--ice:#24324b;--muted:#43516d;--copper:#7e452c;--violet:#67528f;--scene-panel:#f6f7fc;--scene-deep:#dfe5f2;--scene-control:#edf1f9;--scene-border:#7485a2;--studio-metal:#9ba9c3;--studio-rim:#fff; }
 :root[data-reading-theme=light][data-studio-theme=aurora] { --night:#dceee9;--deep:#bedcd4;--ice:#183f3f;--muted:#3d5d58;--copper:#75462b;--violet:#68538c;--scene-panel:#f2fbf7;--scene-deep:#d4e9e2;--scene-control:#e5f3ed;--scene-border:#638c87;--studio-metal:#90b6ac;--studio-rim:#fff; }
 :root[data-reading-theme=dark][data-studio-theme=cloud] { --night:#182334;--deep:#24364b;--ice:#ecf5ff;--muted:#bdd0e5;--copper:#edc299;--violet:#b9aae8;--scene-panel:#2c4057;--scene-deep:#20334b;--scene-control:#344e68;--scene-border:#92abc7;--studio-metal:#647f9e;--studio-rim:#c9deef; }
 :root[data-reading-theme=dark][data-studio-theme=parchment] { --night:#2b231d;--deep:#3e3024;--ice:#fff1dc;--muted:#e0c9ac;--copper:#edbc93;--violet:#d6b7d2;--scene-panel:#493829;--scene-deep:#36291f;--scene-control:#594431;--scene-border:#b69a7c;--studio-metal:#8e765c;--studio-rim:#f2d9b9; }
 :root[data-studio-font=system] { --studio-font:ui-rounded,"Segoe UI",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-theme] button.primary,:root[data-studio-theme] .button.primary { color:#292141;background:#f1bb8e;border-color:#f1bb8e; }
 :root[data-studio-theme] button.primary:hover,:root[data-studio-theme] .button.primary:hover { color:#292141;background:#ffceb0;border-color:#ffceb0; }
 :root[data-studio-font] { font-family:var(--studio-font); }
 :root[data-studio-font] body,:root[data-studio-font] input,:root[data-studio-font] select { font-family:var(--studio-font); }
 :root[data-studio-font] :is(.arrival h1,.room-heading h2,.companion-panel h2,.dialog-heading h2,.finish-panel h1) { 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] :is(p,li,label,.question-panel h1,.reading-sample) { line-height:var(--studio-leading); }
 :root[data-studio-letter-spacing=wide] :is(p,li,label,h1,h2,h3,button,.reading-sample):lang(en) { letter-spacing:.06em; }
 :root[data-studio-word-spacing=wide] :is(p,li,label,h1,h2,h3,button,.reading-sample):lang(en) { word-spacing:.15em; }
 :root :lang(th),:root .localized-copy>[lang=th] { letter-spacing:normal!important;word-spacing:normal!important; }
 :root[data-studio-line-width=comfortable] :is(.question-panel h1,.model-intro,.feedback,.intro,.reading-sample) { max-width:38ch; }
 :root[data-studio-reading-guide=true] .question-panel h1 { padding:.6em .75em;border-inline-start:5px solid #8c6896;background:linear-gradient(90deg,#906ba214,transparent);border-radius:8px; }
 :root[data-reading-theme=dark][data-studio-reading-guide=true] .question-panel h1 { border-inline-start-color:#d6b8e0;background:linear-gradient(90deg,#d6b8e01a,transparent); }
 body { background:var(--night); }
 :root[data-studio-theme] .cosmos { background:radial-gradient(ellipse at 80% 15%,color-mix(in srgb,var(--violet) 25%,transparent),transparent 48%),radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--scene-border) 12%,transparent),transparent 50%),var(--night); }
 :root[data-studio-theme] :is(.room,.room-add,.room-subtract,.companion-panel,.finish-panel) { background:linear-gradient(145deg,color-mix(in srgb,var(--violet) 13%,var(--scene-panel)),var(--scene-deep));border-color:var(--scene-border); }
 :root[data-studio-theme] :is(.model-panel,.habitat,dialog) { background:var(--scene-panel);color:var(--ice);border-color:var(--scene-border); }
 :root[data-studio-theme] :is(.rail-window,.line-facts,.example-equation,#saveStatus) { background:var(--scene-deep);color:var(--ice); }
 :root[data-studio-theme] :is(button,.button,select):not(.block-face):not(.primary):not([aria-pressed=true]) { background:var(--scene-control);color:var(--ice);border-color:var(--scene-border); }
 :root[data-studio-theme] button[aria-pressed=true]:not(.block-face) { background:var(--scene-control);color:var(--ice);border-color:var(--copper);box-shadow:inset 0 0 0 1px var(--copper); }
 :root[data-studio-theme] .room .room-progress,:root[data-studio-theme] .rail-tick.major,:root[data-studio-theme] footer { color:var(--ice); }
 :root[data-studio-theme] .rail-tick,:root[data-studio-theme] .observatory-caption { color:var(--muted); }
 :root[data-studio-theme] .room:after { background:var(--scene-deep);border-color:var(--scene-border); }
 :root[data-studio-theme] .model-message { color:var(--copper); }
 :root[data-studio-theme] .reading-comfort { --ink:var(--ice);--paper:var(--scene-panel);--control:var(--scene-deep);--line:var(--scene-border);--muted:var(--ice);color:var(--ice); }
 :root[data-studio-sparkles=false] .cosmos:before { opacity:0; }
 :root[data-studio-sparkles=true] .cosmos:before { opacity:.55; }
 :root[data-studio-focus=true] :is(.arrival,.rooms,.practice-summary,.companion-panel,.cosmos) { filter:saturate(.45); }
 :root[data-studio-focus=true] .cosmos:before,:root[data-studio-focus=true] .dome-star { opacity:0; }
 :root[data-studio-focus=true] :is(.moon,.cloud,.orbit,.dome-rings,.hanging-crystal,.observatory-caption) { visibility:hidden; }
 :root[data-studio-focus=true] .cosmos { background:var(--night); }
 :root[data-studio-focus=true] .question-panel { box-shadow:0 0 0 3px color-mix(in srgb,var(--copper) 65%,transparent); }
 :root[data-studio-motion=false] *, :root[data-studio-motion=false] *:before,:root[data-studio-motion=false] *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
 :root[data-studio-theme] .companion-image .respond { animation-duration:var(--creature-duration); }
 .completion-sky.celebrate,.completion-sky.celebrate img { animation-duration:calc(var(--creature-duration) * 1.4); }
 /* The mixed color illuminates scenery only; reading and control colors are separate. */
 :root[data-studio-gem-color=true] .observatory-dome { border-color:var(--studio-gem);box-shadow:inset 20px 0 40px color-mix(in srgb,var(--studio-gem) 10%,transparent); }
 :root[data-studio-gem-color=true]:not([data-studio-focus=true]) .cosmos { background:radial-gradient(ellipse at 80% 15%,color-mix(in srgb,var(--violet) 25%,transparent),transparent 48%),radial-gradient(ellipse at 20% 60%,color-mix(in srgb,var(--studio-gem) 10%,transparent),transparent 50%),var(--night); }
 :root[data-studio-gem-color=true] .dome-rings { border-color:var(--studio-gem); }
 :root[data-studio-gem-color=true] .hanging-crystal { background:linear-gradient(90deg,color-mix(in srgb,var(--studio-gem) 45%,#8694c5),#eefaff 45%,var(--studio-gem) 46%); }
 .arrival h1 .game-owner { display:block;font-size:.31em;line-height:1.3;letter-spacing:normal;color:var(--ice);margin-bottom:.28em; }

 #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(--violet) 15%,transparent),transparent 48%),var(--scene-deep);color:var(--ice);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 { padding:4px 3px 17px;border-bottom:1px solid var(--scene-border);margin-bottom:24px; }
 #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(--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(--ice);text-decoration:none;font-weight:600; }
 .studio-jumps a:hover { border-color:var(--copper); }
 .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(--ice); }
 .studio-section>h3 { font-size:1.25rem;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--studio-metal);color:var(--ice); }
 .studio-section>p { color:var(--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(--ice); }
 #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(--muted); }
 #studioDialog .gem[aria-pressed=true] { background:var(--scene-control);color:var(--ice);border:2px solid var(--copper);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(--copper);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(--violet) 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(--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=aurora]:before { background:linear-gradient(145deg,#a8d8d0,#264d60 60%,#b198cc); }
 #studioDialog [data-theme][aria-pressed=true] { background:var(--scene-control);border:2px solid var(--copper);color:var(--ice);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(--copper);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(--copper) 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(--copper)!important;color:var(--night)!important;border-color:var(--copper); }
 .motion-console { display:grid;grid-template-columns:124px minmax(0,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;flex-direction:column;min-height:190px;width:112px;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(--copper) 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(--ice); }
 #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(--copper); }
 #studioDialog button[role=switch][aria-checked=true]:before { background:linear-gradient(100deg,var(--copper),var(--studio-metal)); }
 #studioDialog button[role=switch][aria-checked=true]:after { left:35px;background:linear-gradient(100deg,#fff0d2,var(--copper)); }
 #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(--ice);font-size:.88rem;overflow-wrap:anywhere; }
 #studioConflict { padding:18px;border:2px solid var(--copper);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(--copper);outline-offset:4px; }
 html[data-language=both] #studioDialog [lang]:not([data-reading-comfort] [lang]) { display:block; }
 html[data-language=both] #studioDialog [lang=th]:not([data-reading-comfort] [lang]) { margin-top:.2em; }
 html[data-language=both] #studioDialog .studio-jumps a { flex-direction:column;align-items:flex-start; }
 #studioDialog .rocker-state { display:block;margin-top:.3em;font-size:.82em; }
 :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; }
 :root[data-reading-contrast=strong][data-reading-theme=dark][data-studio-theme] { --scene-panel:#000;--scene-deep:#000;--scene-control:#000;--ice:#fff;--muted:#fff;--scene-border:#fff;--studio-rim:#fff;--copper:#ffe3b7;--night:#000;--deep:#000;--violet:#fff; }
 :root[data-reading-contrast=strong][data-reading-theme=dark] #studioDialog { --scene-panel:#000;--scene-deep:#000;--scene-control:#000;--ice:#fff;--muted:#fff;--scene-border:#fff;--studio-rim:#fff;--copper:#ffe3b7; }
 :root[data-reading-contrast=strong][data-reading-theme=light][data-studio-theme] { --scene-panel:#fff;--scene-deep:#fff;--scene-control:#fff;--ice:#000;--muted:#202020;--scene-border:#111;--studio-rim:#111;--copper:#5b2d19;--night:#fff;--deep:#fff;--violet:#462455;--studio-metal:#777; }
 :root[data-reading-contrast=strong][data-reading-theme=light] #studioDialog { --scene-panel:#fff;--scene-deep:#fff;--scene-control:#fff;--ice:#000;--muted:#202020;--scene-border:#111;--studio-rim:#111;--copper:#5b2d19; }
 @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; }.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:112px minmax(0,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; } }
}