/* One contained native window. Source coordinates and uniform scale remain unchanged. */
.product-stage{width:min(calc(100% - 2*var(--gutter)),1240px);margin-inline:auto;position:relative;container-type:inline-size;container-name:product;isolation:isolate}
.product-environment{position:absolute;left:50%;top:0;width:calc(100vw - clamp(32px,6vw,140px));max-width:none;height:calc(100% + 96px);z-index:0;pointer-events:none;transform:translateX(-50%);border:0;border-radius:0;background:radial-gradient(ellipse 48% 38% at 50% 100%,rgba(110,114,118,.42) 0%,rgba(74,78,82,.22) 45%,transparent 80%),radial-gradient(ellipse 42% 58% at 7% 84%,rgba(91,96,101,.28) 0%,rgba(54,58,62,.14) 46%,transparent 80%),radial-gradient(ellipse 42% 58% at 93% 84%,rgba(91,96,101,.28) 0%,rgba(54,58,62,.14) 46%,transparent 80%),linear-gradient(180deg,#080909 0%,#101213 22%,#1d2023 48%,#303437 74%,#52565a 100%);box-shadow:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,rgba(0,0,0,.9) 80%,rgba(0,0,0,.58) 90%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 68%,rgba(0,0,0,.9) 80%,rgba(0,0,0,.58) 90%,transparent 100%)}
.product-environment i{position:absolute;inset:0;background:linear-gradient(180deg,#0e1012 0%,transparent 15%,rgba(10,12,14,.02) 66%,rgba(10,12,14,.1) 100%)}
.product-environment:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 34% 30% at 50% 86%,rgba(0,0,0,.38) 0%,rgba(0,0,0,.16) 42%,transparent 76%),radial-gradient(ellipse 19% 28% at 17% 87%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.14) 44%,transparent 80%),radial-gradient(ellipse 19% 28% at 83% 87%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.14) 44%,transparent 80%)}
.product-environment .origin-atmosphere{display:none}
.product-duet{position:relative;z-index:1;isolation:isolate;user-select:none;width:100%;margin-top:28px;perspective:2200px;transform:translate3d(var(--hero-shift-x,0px),var(--hero-shift-y,0px),0) rotateX(var(--hero-rotate-x,0deg)) rotateY(var(--hero-rotate-y,0deg));transition:none}
.product-state{position:relative;width:100%;--presence:1}
.state-arrival{position:relative}
.state-identifier{position:absolute;bottom:calc(100% + 10px);right:2px;display:flex;align-items:baseline;gap:10px;min-height:24px;padding:2px 0;background:none;border:0;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:left}
.state-identifier small{font-size:11px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--muted)}
.product-duet[data-motion=running] .home-wafer{animation-play-state:running}
.product-viewport{position:relative;width:100%;aspect-ratio:1229/820;container-type:inline-size;overflow:hidden;border:1px solid #414247;border-radius:6px;background:#090a0d;box-shadow:0 34px 66px -16px #000c,0 9px 22px #0007}
.app-shell{--font:"Segoe UI",sans-serif;--nav-shift:0px;--panel-shift:0px;--info-width:0px;position:absolute;left:0;top:0;width:1229px;height:820px;transform-origin:0 0;transform:scale(calc(100cqw / 1229px));overflow:hidden;background:var(--frame);color:var(--text);font:12px/1.4 var(--font);isolation:isolate}
.app-sidebar{position:absolute;inset:0 auto 0 0;width:240px;background:var(--nav);clip-path:inset(0 calc(180px - var(--nav-shift)) 0 0);transition:clip-path 220ms cubic-bezier(.215,.61,.355,1);z-index:3}
.sidebar-brand{height:44px;display:flex;align-items:center;gap:5px;overflow:hidden;background:var(--surface)}
.title-logo{width:60px;height:44px;display:grid;place-items:center;flex:none}.sidebar-brand>span{font:600 12.5pt "Segoe UI",sans-serif;letter-spacing:.7px;color:#E8E4DA;white-space:nowrap}
.sidebar-scroll{height:776px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--border);scrollbar-width:thin}
.app-sidebar button{position:relative;display:flex;align-items:center;flex-shrink:0;width:calc(60px + var(--nav-shift));height:40px;min-height:40px;padding:0 10px 0 23px;gap:29px;border:0;background:none;color:var(--text);text-align:left;white-space:nowrap;font:13.333px "Segoe UI",sans-serif}
.app-sidebar button svg,.app-sidebar button img{width:14px;height:14px;flex:none}.app-sidebar button img{object-fit:contain}.app-sidebar button span{padding:0;opacity:0;transition:opacity 120ms}
.nav-expanded .app-sidebar button span{opacity:1;transition-delay:70ms}
.app-sidebar button:hover,.app-sidebar button:focus-visible{background:var(--raised)}.app-sidebar button[aria-current=page]{background:var(--nav-active);box-shadow:inset 2px 0 var(--accent)}
.app-sidebar [data-expand-nav]{background:var(--surface)}.sidebar-apps{display:contents}.app-sidebar .sidebar-settings{margin-top:auto}
.app-shell[data-mode=pentimento] [data-mode=legacy],.app-shell[data-mode=legacy] [data-mode=pentimento]{display:none}
.settings-drawer{position:absolute;left:60px;top:0;width:240px;height:820px;transform:translateX(var(--nav-shift));clip-path:inset(0 calc(240px - var(--info-width)) 0 0);transition:transform 220ms cubic-bezier(.215,.61,.355,1),clip-path 240ms cubic-bezier(.215,.61,.355,1);z-index:2;background:var(--panel)}
.settings-drawer>img{width:240px;height:820px;max-width:none}
.app-titlebar{position:absolute;inset:0 0 auto 60px;height:44px;display:flex;align-items:center;padding-right:10px;background:var(--surface);border-bottom:1px solid var(--border);z-index:1}
.window-controls{margin-left:auto;display:flex;align-items:center;gap:7px}.window-control{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:7px;padding:0;background:none;color:#e2e1e5}.window-control:disabled{opacity:1;cursor:default}.website-control{border-color:var(--control-border);background:var(--control)}.window-control:not(:disabled):hover{background:var(--control-hover);border-color:var(--border-hover)}
.control-divider{height:15px;width:1px;background:var(--divider);margin:0 4px}.theme-control{display:flex;flex:none}
.mode-control{height:30px;display:flex;align-items:center;gap:9px;border:1px solid var(--control-border);border-radius:6px;background:var(--control);color:#e8e1e8;padding:0 8px 0 4px;font:600 11px "Segoe UI",sans-serif}.mode-control [data-mode-range]{background:var(--chip);padding:3px 7px;border-radius:4px}
.app-content{position:absolute;left:66px;top:49px;width:calc(1161px - var(--panel-shift));height:750px;transform:translateX(var(--panel-shift));transition:transform 240ms cubic-bezier(.215,.61,.355,1);overflow:hidden}
.app-home{position:absolute;inset:0}.home-background{position:absolute;inset:0;width:100%;height:750px;max-width:none;object-fit:cover;object-position:left top}.home-scroll{position:absolute;inset:14px 26px 14px 18px;overflow:hidden;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.home-sheet{position:relative}.home-render{position:absolute;inset:0;max-width:none;pointer-events:none}.home-hotspots{position:absolute;inset:0}.app-tile{position:absolute;background:none;border:0;padding:0;border-radius:6px}.app-tile:before{content:"";position:absolute;inset:0;background:var(--hover-render) center/100% 100%;opacity:0;transition:opacity 130ms}.app-tile:hover:before,.app-tile:focus-visible:before{opacity:1}.app-tile:focus-visible{outline-offset:1px}
.app-status{position:absolute;left:60px;right:0;bottom:0;height:21px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);padding:0 12px 0 10px;background:var(--surface)}
.app-status>span:first-child{transform:translateX(var(--panel-shift));transition:transform 240ms cubic-bezier(.215,.61,.355,1)}
.module-details{position:fixed;z-index:40;width:372px;height:565px;border-radius:14px;overflow:hidden;box-shadow:0 14px 28px #0007;color:#e5e8ec;font:13px "Segoe UI",sans-serif;isolation:isolate}.module-details-scroll{height:100%;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.module-details-body{position:relative;width:100%;height:565px}.native-panel{width:100%;height:100%;max-width:none}.native-panel-motion{border-radius:12px;position:absolute;max-width:none;pointer-events:none}.module-details [data-close-details]{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;background:#17151cee;border:1px solid #81746988;border-radius:5px;color:#e5e8ec;opacity:0;transition:opacity 120ms}.module-details:hover [data-close-details],.module-details:focus-within [data-close-details]{opacity:1}
.home-material{position:absolute;left:66px;top:49px;width:1161px;height:750px;overflow:hidden;pointer-events:none}
.home-wafer{position:absolute;max-width:none;opacity:.94;animation:native-wafer-rotation 120s linear infinite paused}
.product-duet[data-wafer-dragging] .home-wafer{animation-play-state:paused}.product-duet[data-wafer-dragging] .home-scroll{cursor:grabbing}
.home-light{opacity:calc(.85 + var(--presence)*.15);position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
@keyframes native-wafer-rotation{to{transform:rotate(360deg)}}
@media(max-width:1100px),(hover:none){.module-details [data-close-details]{opacity:1}}
@media(hover:hover) and (pointer:fine){.home-scroll{cursor:grab}}
@media(max-width:760px){.product-duet{margin-top:26px}.product-environment{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100% + 52px);border-radius:0}.product-viewport{border-radius:4px}}
@media(prefers-reduced-motion:reduce){.product-duet{transform:none!important}.home-wafer{animation:none}.app-sidebar,.settings-drawer,.app-content,.app-status>span:first-child{transition:none}.native-panel-motion{display:none}}
.app-tile.is-located{outline:0;box-shadow:inset 0 0 0 1px #d6c7a2;z-index:4}.app-tile.is-located:before{opacity:0}
.app-sidebar [data-locate-app]{transition:background 120ms var(--ease),color 120ms var(--ease)}
.app-sidebar [data-locate-app]:hover,.app-sidebar [data-locate-app]:focus-visible{background:var(--raised);color:#f1eadf}

/* Keep high-density native imagery at its final 2D scale. Nested promoted 3D
   textures soften both captured lettering and the live browser controls. */
.product-duet{perspective:none;transform:none}
.product-viewport{contain:paint}
.app-shell{transform:scale(calc(100cqw / 1229px))}
.native-panel-motion{will-change:opacity;image-rendering:auto}
.app-tile:before{inset:2px;clip-path:inset(0 round 5px)}

/* Current desktop chrome: edition and Suture picker share the same material. */
.app-titlebar{z-index:5}
.window-controls{gap:0}
.mode-control,.theme-trigger{height:32px;border:.85px solid var(--control-border);border-radius:7px;background:linear-gradient(var(--switch-top),var(--switch-bottom));color:var(--text);transition:background 120ms}
.mode-control{width:132px;gap:11px;margin-right:10px;padding:0 5px 0 4px;justify-content:flex-start}
.mode-control [data-mode-range]{display:grid;place-items:center;width:42px;height:23px;padding:0;flex:none;border:.65px solid var(--chip-edge);background:var(--chip);color:var(--chip-text);border-radius:5px;font-size:11px}
.mode-control [data-mode-name]{flex:1;text-align:center;font-size:11px}
.mode-control:hover [data-mode-range],.mode-control:active [data-mode-range]{background:var(--chip-hover);color:var(--chip-text)}
.app-shell[data-theme=imprimatura]{--chip:#293834;--chip-text:#e5f0ea;--control-border:#263234}
.app-shell[data-theme=pentimento]{--chip:#332b34;--chip-text:#f3eaf2;--control-border:#24222a}
.theme-control{position:relative;width:64px;height:32px;padding:0;border:0;background:none;border-radius:7px}
.theme-control .theme-trigger{display:flex;width:64px;align-items:center;justify-content:flex-start;padding:0 10px 0 12px;gap:6px}
.theme-trigger img{width:22px;height:22px;flex:none}.theme-trigger svg{flex:none}
.mode-control:hover,.mode-control:focus-visible,.theme-trigger:hover,.theme-trigger:focus-visible{background:linear-gradient(var(--switch-hover),var(--switch-bottom))}
.mode-control:active,.theme-trigger[aria-expanded=true]{background:linear-gradient(var(--switch-bottom),var(--switch-hover))}
.theme-trigger:focus-visible{outline:0}.theme-trigger:focus-visible svg{stroke-width:2;color:var(--focus)}
.theme-menu{position:absolute;left:0;top:calc(100% + 5px);width:144px;padding:5px;border:.9px solid #2a2e33;border-radius:7px;background:linear-gradient(#111518,#101316);box-shadow:0 5px 14px #0006;z-index:10}
.theme-menu:before{content:"";position:absolute;top:-4px;left:18px;width:6px;height:6px;background:#111518;border-top:.9px solid #2a2e33;border-left:.9px solid #2a2e33;transform:rotate(45deg)}
.theme-control .theme-menu button{display:flex;align-items:center;gap:7px;width:132px;height:26px;padding:0 6px;border:0;border-radius:5px;background:none;color:#bac2cc;font:11px "Segoe UI",sans-serif;text-align:left}
.theme-menu button span{flex:1;white-space:nowrap}.theme-menu img{width:20px;height:20px;flex:none}
.theme-check{visibility:hidden;flex:none}.theme-menu [aria-checked=true] .theme-check{visibility:visible}
.theme-control .theme-menu button:hover,.theme-control .theme-menu button:focus-visible{background:#d2dce40e;outline:0}
.theme-control .theme-menu [data-theme-choice=imprimatura][aria-checked=true]{background:linear-gradient(90deg,#20383b,#172b2f);color:#b7ebeb}
.theme-control .theme-menu [data-theme-choice=tenebrismo][aria-checked=true]{background:linear-gradient(90deg,#2a353e,#202a33);color:#d6e7f2}
.theme-control .theme-menu [data-theme-choice=pentimento][aria-checked=true]{background:linear-gradient(90deg,#332c35,#2c252f);color:#ecc7ec}
.window-control{width:48px;height:32px;color:#bac2cc;border:0;background:none}.window-control svg{width:22px;height:22px}
.website-control{background:none;border:0}.window-control:not(:disabled):hover{background:#ffffff0c;border:0}
.control-divider{height:20px;margin:0;width:1px;background:#23272c}
.app-sidebar button{padding-left:21px;gap:27px;color:var(--muted)}
.app-sidebar button>span:not(.native-nav-icon){opacity:0}.nav-expanded .app-sidebar button>span:not(.native-nav-icon){opacity:1}
.app-sidebar button .native-nav-icon{display:block;opacity:1;width:18px;height:18px;flex:none;background:currentColor;mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}
.app-sidebar button:hover,.app-sidebar button:focus-visible,.app-sidebar button[aria-current=page]{color:var(--text)}
.home-wafer{opacity:var(--wafer-opacity,.94)}
.info-age{position:absolute;display:flex;align-items:center;font:11.5px "Segoe UI",sans-serif}
.info-link{position:absolute;border-radius:3px}.info-link:focus-visible{outline:1px solid var(--focus);outline-offset:2px}
.settings-drawer [data-close-info]{position:absolute;right:14px;top:11px;width:21px;height:22px;padding:0;border:0;background:none;color:var(--text);display:grid;place-items:center;border-radius:3px}
.settings-drawer [data-close-info]:hover{background:var(--raised)}

/* Notification geometry and materials mirror widgets/notifications/ui.py. */
.notification-control-wrap{position:relative;flex:none}
.notification-control{position:relative}
.notification-control [data-notification-bell]{display:flex}
.notification-control:not(:disabled):hover{border-color:transparent}
[data-notification-badge]{position:absolute;right:2px;top:1px;min-width:11px;height:11px;border-radius:5.5px;padding:0 2px;background:#BBD1C7;color:#193A32;font:700 8px/11px "Segoe UI",sans-serif}
.notification-centre{position:absolute;right:0;top:calc(100% + 12px);width:512px;max-height:720px;padding:18px 16px 14px;border:1px solid var(--notice-edge);border-radius:14px;background:var(--notice-bg);color:var(--text);display:flex;flex-direction:column;gap:16px;text-align:left}
.notification-centre header{display:flex;align-items:center;gap:8px;flex:none}
.notification-header-icon{width:24px;height:24px;display:grid;place-items:center;flex:none;color:var(--muted)}
.notification-centre h3{font:600 18px/1.4 "Segoe UI",sans-serif;margin:0;white-space:nowrap}
.notification-header-spacer{flex:1}
.notification-centre [data-notification-count]{height:20px;display:flex;align-items:center;padding:0 9px;border-radius:9px;background:var(--notice-badge);font-size:11px;font-weight:600;white-space:nowrap;flex:none}
.notification-centre button{color:var(--muted);background:none;border:0;padding:5px 0;border-radius:4px;font:14px/1.4 "Segoe UI",sans-serif;cursor:pointer}
.notification-centre button:hover{color:var(--text)}
.notification-centre button:focus-visible{outline:1px solid var(--focus);outline-offset:2px}
.notification-centre button:disabled{opacity:.55;cursor:default}
.notification-centre .notification-icon-button{width:28px;height:28px;display:grid;place-items:center;padding:0;flex:none;color:var(--text)}
.notification-centre .notification-icon-button:hover,.notification-centre .notification-icon-button:focus-visible{background:var(--notice-raised)}
.notification-centre [data-notifications-enabled]{height:28px;min-width:54px;border:1px solid var(--notice-edge);padding:4px 8px;display:flex;align-items:center;justify-content:center;gap:4px;flex:none}
.notification-centre [data-notifications-enabled][aria-pressed=true]{background:var(--notice-badge);color:var(--text)}
.notification-divider{height:1px;background:var(--notice-edge);flex:none}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
.notification-toolbar>div{display:flex;gap:5px}
.notification-toolbar [data-notification-filter]{min-width:34px;padding:7px 5px 9px;border-bottom:2px solid transparent;border-radius:0;font-size:14px}
.notification-toolbar [aria-pressed=true]{border-bottom-color:var(--notice-accent);color:var(--text);font-weight:600}
.notification-centre ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;overscroll-behavior:contain}
.notification-entry{flex:none;min-width:0;border:1px solid var(--notice-edge);border-radius:10px;padding:15px 16px 14px;background:var(--notice-raised);display:flex;flex-direction:column;gap:15px;overflow-wrap:anywhere}
.notification-entry[data-tone=alert]{background:var(--notice-alert-bg);border-color:var(--notice-alert-edge)}
.notification-entry[data-unread=false]{background:var(--notice-bg);border-color:var(--notice-edge)}
.notification-entry-heading{display:flex;align-items:center;gap:7px;min-width:0}
.notification-category{display:flex;align-items:center;gap:7px;color:var(--notice-accent);font-weight:600;font-size:14px;min-width:0}
.notification-category svg{flex:none}
[data-tone=alert] .notification-category{color:var(--notice-critical)}
[data-tone=success] .notification-category{color:var(--notice-success)}
.notification-time{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap;flex:none}
.notification-entry h4{font:600 16px/1.4 "Segoe UI",sans-serif;margin:0}
.notification-entry p{margin:0;font-size:14px;line-height:1.4;white-space:pre-wrap}
.notification-measurement strong{color:var(--notice-critical);font-weight:600}
.notification-measurement span,.notification-entry-actions>span{color:var(--muted)}
.notification-entry-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.notification-snooze{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.notification-snooze button{text-align:left}
.notification-menu-wrap{position:relative;flex:none}
.notification-entry-heading .notification-icon-button{width:22px;height:22px}
.notification-entry-menu{position:absolute;right:0;top:100%;z-index:2;min-width:176px;padding:5px;border:1px solid var(--notice-edge);background:var(--notice-bg);display:flex;flex-direction:column;box-shadow:0 4px 12px #0004}
.notification-entry-menu button{padding:7px 16px;text-align:left;font-size:13px;white-space:nowrap}
.notification-entry-menu button:hover{background:var(--notice-raised)}
.notification-empty{text-align:center;padding:18px 12px;color:var(--muted);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:5px}
.notification-empty strong{color:var(--text);font-size:14px;font-weight:600}.notification-empty p{margin:0}
@media(prefers-reduced-motion:no-preference){.notification-centre:not([hidden]){animation:notification-open 150ms ease-out}}
@keyframes notification-open{from{opacity:0}to{opacity:1}}

/* Live typography stays sharp at the browser's display density. */
.app-shell[data-theme=imprimatura]{--info-top:#181b1b;--info-bottom:#161919;--info-copy:#b6c1bc;--info-label:#9baea4;--info-link:#d7e1db}
.app-shell[data-theme=tenebrismo]{--info-top:#17191b;--info-bottom:#151719;--info-copy:#b7bec2;--info-label:#98a3ab;--info-link:#d8dee2}
.app-shell[data-theme=pentimento]{--info-top:#19191c;--info-bottom:#17171a;--info-copy:#bdb8c0;--info-label:#a69caa;--info-link:#ddd7e0}
.settings-drawer{background:linear-gradient(var(--info-top),var(--info-bottom))}
.info-live{height:100%;padding:66px 24px 30px;display:flex;flex-direction:column;color:var(--info-copy);font:12px/1.4 "Segoe UI",sans-serif}
.info-introduction>img{display:block;margin:0 auto;width:62px;height:62px}
.info-wordmark{height:36px;display:flex;align-items:center;justify-content:center;letter-spacing:5.7px;font:300 23px "Segoe UI",sans-serif;letter-spacing:5.7px;color:var(--text)}
.info-edition{text-align:center;font-size:10px;letter-spacing:2.6px;height:21px;margin-top:4px;color:var(--info-link)}
.info-live hr{height:1px;border:0;background:var(--border);margin:16px 0}
.info-introduction p{margin:0}.info-introduction p+p{margin-top:24px}
.info-footer{margin-top:auto}.info-footer dl{margin:0}.info-footer dl>div{display:grid;grid-template-columns:67px 1fr;column-gap:4px;align-items:center;height:17px;margin-top:3px}.info-footer dl>div:first-child{margin-top:0}
.info-footer dt{font-size:9px;color:var(--info-label)}.info-footer dd{margin:0;font-size:11.5px;color:var(--info-link);white-space:nowrap;font-variant-numeric:tabular-nums}
.info-footer hr{margin:14px 0 10px}.info-footer .info-link{position:static;display:flex;align-items:center;gap:8px;height:27px;color:var(--info-link);font-size:10px;text-decoration:none}.info-link+.info-link{margin-top:5px}.info-link:hover{background:var(--raised)}
.info-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}.info-link svg:last-child{margin-left:auto;width:11px;height:11px}
@supports(zoom:1){.app-shell{transform:none!important;zoom:var(--shell-scale,1)}}

.module-details{container-type:inline-size}.native-panel-text{position:absolute;inset:0;pointer-events:none}.native-panel-text span{position:absolute;display:flex;line-height:1.35;font-family:"Segoe UI",sans-serif}
.product-rig{transform:none;top:var(--product-y,0px)}

@media(max-width:1100px),(max-height:520px),(prefers-reduced-motion:reduce){.product-rig{top:0}}

/* Native homepage text remains sharp and cannot wrap after workspace removal. */
.home-heading{position:absolute;display:flex;align-items:center;font:600 13px/1 "Segoe UI",sans-serif;white-space:nowrap;color:var(--home-heading,#f0e8df);margin:0;pointer-events:none}
.app-shell[data-theme=imprimatura]{--home-heading:#c6d1d0}
.app-tile .home-label{position:absolute;display:flex;align-items:center;justify-content:center;font:400 12px/1 "Segoe UI",sans-serif;white-space:nowrap;padding:0;pointer-events:none;z-index:1}
.mode-control{flex-shrink:0}.mode-control [data-mode-name],.mode-control [data-mode-range]{white-space:nowrap;line-height:1}

/* The desktop owns three adjacent columns, each with its own title-bar segment. */
.app-titlebar{left:calc(60px + var(--panel-shift));transition:left 240ms cubic-bezier(.215,.61,.355,1)}
.app-sidebar{z-index:6}
.sidebar-brand{border-bottom:1px solid var(--border)}
.sidebar-scroll{border-top:0}
.settings-drawer{width:218px;clip-path:inset(0 calc(218px - var(--info-width)) 0 0);z-index:6}
.info-header{height:44px;display:flex;align-items:center;padding:0 14px 0 24px;gap:4px;color:var(--text);background:var(--info-top);font:600 12px "Segoe UI",sans-serif}
.settings-drawer .info-header [data-close-info]{position:static;margin-left:auto;flex:none}
.info-scroll{height:calc(100% - 44px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.info-live{height:100%;min-height:760px;padding-top:22px}
.app-status{left:calc(60px + var(--panel-shift));transition:left 240ms cubic-bezier(.215,.61,.355,1)}
.app-status>span:first-child{transform:none}
/* Promote only while the existing transition runs, then release the layers. */
.panels-moving .app-sidebar{will-change:clip-path}
.panels-moving .settings-drawer{will-change:transform,clip-path}
.panels-moving .app-content{will-change:transform}
@media(prefers-reduced-motion:reduce){.app-titlebar,.app-status{transition:none}}

.info-wordmark svg{display:block;width:170px;height:36px;overflow:visible;flex:none}
.info-wordmark text{font:300 23px "Segoe UI Light","Segoe UI",sans-serif;letter-spacing:5.7px;fill:currentColor}

.home-scroll[data-home-overflow=true]{overflow-y:auto}
.panels-moving .home-scroll[data-home-overflow]{overflow:hidden}