/* Two different shells for one instrument. No animation runs in the render loop. */
:root[data-theme=liquid-os][data-appearance=dark]{--ui-paper:#081525;--ui-panel:#19334bbd;--ui-solid:#15283d;--ui-ink:#eafaff;--ui-muted:#a8c5d5;--ui-mark:#75dfff;--ui-flare:#ffa2da;--ui-etch:#7ab9d399;--ui-disc:#6bacc1;--ui-disc-line:#d8f7ff;--ui-chrome:#347093;--ui-highlight:#ffffff78;--ui-shadow:#020d1cb5}
:root[data-theme=liquid-os][data-appearance=light]{--ui-paper:#dceef7;--ui-panel:#ffffffba;--ui-solid:#ecf7fc;--ui-ink:#11344c;--ui-muted:#4d7080;--ui-mark:#1675a0;--ui-flare:#9f488e;--ui-etch:#6ba2bdaa;--ui-disc:#a6d5e4;--ui-disc-line:#245e75;--ui-chrome:#8bc7df;--ui-highlight:#ffffffea;--ui-shadow:#39708b4d}
:root[data-theme=liquid-os] body{--world-display:Inter,ui-sans-serif,system-ui,sans-serif;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(ellipse 48% 58% at 12% 18%,color-mix(in srgb,var(--ui-mark) 32%,transparent),transparent 90%),radial-gradient(ellipse 50% 60% at 88% 81%,color-mix(in srgb,var(--ui-flare) 25%,transparent),transparent 90%),linear-gradient(135deg,var(--ui-paper),color-mix(in srgb,var(--ui-paper) 77%,#397ba0))}
:root[data-theme=liquid-os] body.recursion-workstation{background:radial-gradient(ellipse 48% 58% at 12% 18%,color-mix(in srgb,var(--ui-mark) 32%,transparent),transparent 90%),radial-gradient(ellipse 50% 60% at 88% 81%,color-mix(in srgb,var(--ui-flare) 25%,transparent),transparent 90%),linear-gradient(135deg,var(--ui-paper),color-mix(in srgb,var(--ui-paper) 77%,#397ba0))}
:root[data-theme=liquid-os] body:before{border:0;inset:0;border-radius:0;pointer-events:none;background:linear-gradient(115deg,#ffffff13,transparent 35% 62%,#ffffff0b)}
:root[data-theme=liquid-os] body header{background:color-mix(in srgb,var(--ui-solid) 72%,transparent);border-bottom:1px solid var(--ui-etch);box-shadow:0 8px 28px var(--ui-shadow);backdrop-filter:blur(18px) saturate(135%)}
:root[data-theme=liquid-os] body header,:root[data-theme=early-console] body header{position:relative;z-index:70}
:root[data-theme=liquid-os] body .identity{font:650 21px/1.1 var(--world-display);letter-spacing:-.7px;text-transform:none}
:root[data-theme=liquid-os] body .identity small{font:500 9px/1.2 var(--world-display);letter-spacing:1.6px;text-transform:uppercase}
:root[data-theme=liquid-os] body :is(.monitor,aside,.scope-dock,.field-dock,.command-rail){background:color-mix(in srgb,var(--ui-panel) 79%,transparent);border:1px solid var(--ui-highlight);border-radius:25px;box-shadow:inset 0 1px var(--ui-highlight),0 15px 44px var(--ui-shadow);backdrop-filter:blur(16px) saturate(140%)}
:root[data-theme=liquid-os] body .monitor{padding:7px;border-radius:27px;box-shadow:inset 0 1px var(--ui-highlight),0 0 0 1px var(--ui-etch),0 22px 55px var(--ui-shadow)}
:root[data-theme=liquid-os] body .monitor:after{border-radius:18px;border-color:color-mix(in srgb,var(--ui-mark) 55%,transparent)}
:root[data-theme=liquid-os] body :is(.rack-heading,.scope-heading,.field-heading){border-bottom:1px solid var(--ui-etch);background:linear-gradient(125deg,#ffffff2e,transparent 70%);border-radius:24px 24px 0 0}
:root[data-theme=liquid-os] body :is(button,select,.scope-fields select,.field-controls select){border-radius:14px;font-family:var(--world-display);box-shadow:inset 0 1px var(--ui-highlight);transition:background-color .15s,border-color .15s,transform .15s}
:root[data-theme=liquid-os] body :is(button,select):hover{border-color:var(--ui-mark)}
:root[data-theme=liquid-os] body :is(.rack-tabs,.workspace-tabs){background:color-mix(in srgb,var(--ui-paper) 32%,transparent);border:1px solid var(--ui-etch);border-radius:17px;padding:5px}
:root[data-theme=liquid-os] body .rack-tabs button[aria-selected=true]{background:linear-gradient(135deg,var(--ui-highlight),color-mix(in srgb,var(--ui-mark) 32%,var(--ui-panel)));border-color:var(--ui-highlight)}
:root[data-theme=liquid-os] body :is(.knob:before,.scope-knob){background:radial-gradient(circle at 32% 22%,#ffffffba,transparent 28%),radial-gradient(circle at 72% 78%,var(--ui-mark),var(--ui-chrome) 60%,var(--ui-panel));border:1px solid var(--ui-highlight);box-shadow:inset 0 1px 4px #ffffff8a,0 5px 14px var(--ui-shadow)}
:root[data-theme=liquid-os] body :is(.screen-top span,.screen-bottom span,.theme-world-label){font:600 10px var(--world-display);letter-spacing:1.2px;background:color-mix(in srgb,var(--ui-solid) 68%,transparent);color:var(--ui-ink);border:1px solid var(--ui-highlight);border-radius:10px;backdrop-filter:blur(8px)}
:root[data-theme=liquid-os] body .theme-library{border-radius:21px;overflow:auto;backdrop-filter:blur(16px)}

.theme-world-nav[hidden]{display:none!important}
.theme-world-nav button{cursor:pointer}
.theme-world-nav button:focus-visible{outline:3px solid var(--ui-mark);outline-offset:3px}
.world-nav-intro,.world-nav-hint{color:var(--ui-muted)}
.world-nav-intro span{display:block;font:10px monospace;letter-spacing:2px;color:var(--ui-mark)}
.world-nav-intro strong{display:block;margin-top:9px;font:700 24px/1.05 var(--world-display);text-transform:uppercase}
.world-nav-intro small{display:block;margin-top:9px;font:11px/1.4 var(--world-display)}
.world-nav-number{font:10px monospace;color:var(--ui-mark)}
.world-nav-arrow{font-size:19px;align-self:center}
.world-nav-hint{font:10px monospace;letter-spacing:.4px}

/* Console: selectable destinations and a system settings overlay, rather than rack navigation. */
@media(min-width:900px){
 :root[data-theme=early-console] body .workspace-tabs,:root[data-theme=liquid-os] body .workspace-tabs{display:none}
 :root[data-theme=early-console] body main,:root[data-theme=early-console] body.instrument-panel main{display:grid;grid-template-columns:minmax(210px,24%) minmax(0,1fr);gap:22px;padding:24px 25px 44px;max-width:1680px;margin:auto;align-items:start}
 :root[data-theme=early-console] body .theme-world-nav{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;position:sticky;top:99px;min-height:min(75vh,690px);padding:24px 15px;background:linear-gradient(155deg,var(--ui-panel),var(--ui-paper) 60%,var(--ui-chrome));border:1px solid var(--ui-mark);clip-path:polygon(0 0,93% 0,100% 6%,100% 94%,93% 100%,0 100%);box-shadow:inset 0 0 0 4px var(--ui-paper),0 18px 38px var(--ui-shadow)}
 :root[data-theme=early-console] body .world-nav-intro{padding:3px 10px 22px;border-bottom:1px solid var(--ui-etch);margin-bottom:9px}
 :root[data-theme=early-console] body .theme-world-nav button{display:grid;grid-template-columns:27px 1fr 24px;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:86px;padding:13px 12px;text-align:left;background:linear-gradient(120deg,var(--ui-paper),var(--ui-panel));border:1px solid var(--ui-etch);color:var(--ui-ink);clip-path:polygon(0 0,94% 0,100% 18%,100% 100%,0 100%);box-shadow:inset 0 1px var(--ui-highlight)}
 :root[data-theme=early-console] body .theme-world-nav button strong{font:700 17px var(--world-display);letter-spacing:1.6px;text-transform:uppercase}
 :root[data-theme=early-console] body .theme-world-nav button small{grid-column:2;font:10px var(--world-display);letter-spacing:.5px;text-transform:uppercase;color:var(--ui-muted)}
 :root[data-theme=early-console] body .world-nav-arrow{grid-column:3;grid-row:1/3}
 :root[data-theme=early-console] body .theme-world-nav button[aria-current=page]{background:linear-gradient(120deg,color-mix(in srgb,var(--ui-mark) 26%,var(--ui-panel)),var(--ui-chrome));border-color:var(--ui-mark);box-shadow:inset 4px 0 var(--ui-mark),0 0 22px color-mix(in srgb,var(--ui-mark) 25%,transparent)}
 :root[data-theme=early-console] body .world-nav-hint{margin:auto 7px 0;border-top:1px solid var(--ui-etch);padding-top:18px}
 :root[data-theme=early-console] body .stage,:root[data-theme=early-console] body.instrument-panel .stage{grid-column:2;grid-row:1;width:100%;padding:0 0 0 62px;min-width:0;position:relative}
 :root[data-theme=early-console] body .monitor{min-height:min(67vh,730px);border-radius:14px;box-shadow:0 0 0 5px var(--ui-panel),0 0 0 6px var(--ui-mark),0 20px 34px var(--ui-shadow)}
 :root[data-theme=early-console] body main>aside{top:95px;right:25px;max-height:calc(100dvh - 110px);width:min(450px,calc(100vw - 310px));z-index:31}
 :root[data-theme=early-console] body .console-controls-toggle{min-width:144px;text-transform:uppercase;letter-spacing:1px}

 /* Liquid OS: edge-to-edge image workspace with an app dock and a floating studio sheet. */
 :root[data-theme=liquid-os] body main,:root[data-theme=liquid-os] body.instrument-panel main{display:block;height:auto;min-height:calc(100dvh - 84px);padding:24px 36px 140px;max-width:1600px;margin:auto}
 :root[data-theme=liquid-os] body .stage,:root[data-theme=liquid-os] body.instrument-panel .stage{position:relative;top:0;width:100%;padding:0 0 0 67px;min-width:0;overflow:visible}
 :root[data-theme=liquid-os] body .monitor{width:100%;max-width:none;min-height:min(70vh,760px)}
 :root[data-theme=liquid-os] body .command-rail{top:48px;left:0;padding:8px 5px;gap:7px}
 :root[data-theme=liquid-os] body .theme-world-label{margin-left:8px;margin-bottom:14px}
 :root[data-theme=liquid-os] body .theme-world-nav{position:fixed;z-index:35;bottom:22px;left:50%;transform:translateX(-50%);width:min(480px,calc(100vw - 28px));display:flex;gap:6px;padding:8px;background:color-mix(in srgb,var(--ui-solid) 77%,transparent);border:1px solid var(--ui-highlight);border-radius:27px;box-shadow:inset 0 1px var(--ui-highlight),0 15px 45px var(--ui-shadow);backdrop-filter:blur(22px) saturate(145%)}
 :root[data-theme=liquid-os] body .world-nav-intro,:root[data-theme=liquid-os] body .world-nav-hint{display:none}
 :root[data-theme=liquid-os] body .theme-world-nav button{flex:1;min-width:0;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:20px;background:transparent;color:var(--ui-ink);box-shadow:none}
 :root[data-theme=liquid-os] body .theme-world-nav button strong{font:650 13px var(--world-display);text-transform:capitalize}
 :root[data-theme=liquid-os] body .theme-world-nav button small{font:10px var(--world-display);color:var(--ui-muted)}
 :root[data-theme=liquid-os] body .world-nav-number,:root[data-theme=liquid-os] body .world-nav-arrow{display:none}
 :root[data-theme=liquid-os] body .theme-world-nav button[aria-current=page]{background:linear-gradient(145deg,#ffffff5c,color-mix(in srgb,var(--ui-mark) 24%,var(--ui-panel)));border-color:var(--ui-highlight);box-shadow:inset 0 1px #fffa,0 4px 15px var(--ui-shadow)}
 :root[data-theme=liquid-os] body main>aside{position:fixed;z-index:34;top:93px;right:23px;width:min(460px,calc(100vw - 56px));max-height:calc(100dvh - 127px);overflow:auto;transform:translateX(0);visibility:visible;transition:transform .22s ease,visibility .22s ease}
 :root[data-theme=liquid-os] body.console-controls-closed main>aside{transform:translateX(calc(100% + 42px));visibility:hidden;pointer-events:none}
 :root[data-theme=liquid-os] body .console-controls-toggle{background:linear-gradient(145deg,#ffffff55,color-mix(in srgb,var(--ui-mark) 29%,var(--ui-panel)));border:1px solid var(--ui-highlight);border-radius:16px;padding:8px 15px;color:var(--ui-ink);font-weight:650}
}
@media(max-width:899px){
 :root[data-theme=early-console] body .workspace-tabs,:root[data-theme=liquid-os] body .workspace-tabs{display:none}
 :root[data-theme=early-console] body .console-controls-toggle,:root[data-theme=liquid-os] body .console-controls-toggle{display:block!important;position:fixed;z-index:42;right:15px;bottom:14px;min-width:132px;min-height:49px;padding:9px 13px;background:var(--ui-solid);color:var(--ui-ink);border:1px solid var(--ui-mark);border-radius:15px;box-shadow:0 7px 24px var(--ui-shadow)}
 :root[data-theme=early-console] body .theme-world-nav,:root[data-theme=liquid-os] body .theme-world-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:14px 18px 10px;padding:7px;border:1px solid var(--ui-etch);background:var(--ui-panel);border-radius:16px}
 :root[data-theme=early-console] body .world-nav-intro,:root[data-theme=liquid-os] body .world-nav-intro,:root[data-theme=early-console] body .world-nav-hint,:root[data-theme=liquid-os] body .world-nav-hint{display:none}
 :root[data-theme=early-console] body .theme-world-nav button,:root[data-theme=liquid-os] body .theme-world-nav button{min-width:0;min-height:60px;padding:7px 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center;font-size:12px;color:var(--ui-ink);background:var(--ui-paper);border:1px solid var(--ui-etch);border-radius:11px}
 :root[data-theme=early-console] body .theme-world-nav button[aria-current=page],:root[data-theme=liquid-os] body .theme-world-nav button[aria-current=page]{border-color:var(--ui-mark);background:color-mix(in srgb,var(--ui-mark) 24%,var(--ui-panel))}
 :root[data-theme=early-console] body .theme-world-nav button strong,:root[data-theme=liquid-os] body .theme-world-nav button strong{font-size:12px;text-transform:uppercase}
 :root[data-theme=early-console] body .theme-world-nav button small,:root[data-theme=liquid-os] body .theme-world-nav button small,:root[data-theme=early-console] body .world-nav-arrow,:root[data-theme=liquid-os] body .world-nav-arrow{display:none}
 :root[data-theme=liquid-os] body .monitor{border-radius:20px;padding:4px}
 :root[data-theme=early-console] body main>aside,:root[data-theme=liquid-os] body main>aside{position:fixed!important;z-index:41;inset:12px 12px 77px!important;width:auto!important;height:calc(100dvh - 89px)!important;max-height:calc(100dvh - 89px)!important;align-self:auto!important;margin:0;overflow:auto;visibility:visible!important;transform:none!important;pointer-events:auto!important;border-radius:21px}
 :root[data-theme=early-console] body.console-controls-closed main>aside,:root[data-theme=liquid-os] body.console-controls-closed main>aside{transform:translateX(calc(100% + 25px))!important;visibility:hidden!important;pointer-events:none!important}
}
@media(prefers-reduced-motion:reduce){:root[data-theme=liquid-os] body main>aside,:root[data-theme=liquid-os] body :is(button,select){transition:none}}