/* Calm shell extension; no instrument or LED paint rules are changed. */
body{background:radial-gradient(ellipse at 50% 38%,#14232b 0,#0a1118 46%,#04080c 85%);padding:20px}
#shell{position:relative;isolation:isolate;background:transparent;height:calc(100svh - 40px);min-height:760px;grid-template-rows:94px 1fr 64px;filter:drop-shadow(0 var(--shell-shadow,35px) 28px #0009);overflow:visible}
.shell-skin{position:absolute;inset:0;z-index:-2;pointer-events:none;background:rgba(13,25,33,var(--shell-density,.46));clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);backdrop-filter:blur(var(--shell-blur,8px));-webkit-backdrop-filter:blur(var(--shell-blur,8px));box-shadow:inset 0 1px 30px rgba(182,225,239,var(--shell-inner,.05))}
#shell:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:9;background:var(--shell-contour) center/100% 100% no-repeat}
#shell:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:22px;background:radial-gradient(ellipse at 53% 77%,rgba(228,186,116,var(--shell-reflection,.05)),transparent 65%)}
#shell>.hero-field{position:absolute;inset:0;z-index:-1;background:none;clip-path:none;mask-image:linear-gradient(to bottom,transparent var(--embedded-start,380px),#000 calc(var(--embedded-start,380px) + 65px),#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent var(--embedded-start,380px),#000 calc(var(--embedded-start,380px) + 65px),#000 92%,transparent)}
#shell>.hero-field img{top:calc(var(--embedded-start,380px) - 55px);opacity:var(--hero-emission,.35);filter:blur(var(--hero-softness,1.4px)) saturate(.8) brightness(1.08);mix-blend-mode:screen}
#shell>.hero-field:before{display:none}
#shell>.hero-field:after{background:rgba(160,200,215,.025)}
#shell>header,#shell>footer{background:transparent;border-color:#b9dfe51a;position:relative}
#shell>header{z-index:12;padding-inline:30px;gap:25px}
.telemetry.hud-console{background:transparent;box-shadow:none}
.material-control{display:grid;grid-template-columns:auto 130px 36px;gap:12px;align-items:center;margin-left:auto;color:#b8d0d8;font:9px ui-monospace,monospace;letter-spacing:.6px}
.material-control input{width:130px;min-height:44px;margin:0;cursor:pointer;accent-color:#9dd4dd;background:transparent}
.material-control output{color:#e0eef2;font-variant-numeric:tabular-nums}
.workspace-tab{position:relative;min-width:80px;color:#d7e9ed;font:10px ui-monospace,monospace;letter-spacing:.6px}
.workspace-tab summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 18px;border:1px solid #b9dfe566;background:#17303a55;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%,0 9px)}
.workspace-tab summary::-webkit-details-marker{display:none}
.workspace-tab summary i{width:8px;height:1px;background:#b5dde2;position:relative}
.workspace-tab:not([open]) summary i:after{content:'';position:absolute;height:7px;width:1px;top:-3px;left:3px;background:#b5dde2}
.workspace-tab:not([open]) .tab-expanded{display:none}
.workspace-tab summary:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #d2f6ff}
.workspace-content{position:absolute;top:calc(100% + 6px);right:0;width:260px;padding:22px;background:#10232bf0;border:1px solid #b9dfe566;box-shadow:0 18px 40px #0008,inset 0 1px 14px #a3d7e311;backdrop-filter:blur(14px);border-radius:2px 2px 14px 2px;letter-spacing:0;line-height:1.6}
.workspace-content strong{display:block;font-size:14px;font-weight:400}.workspace-state{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:9px;color:#a4c3cb}.workspace-content dl{display:grid;grid-template-columns:80px 1fr;gap:9px;margin:20px 0}.workspace-content dt{color:#91afb9}.workspace-content dd{margin:0}.workspace-content p{font-size:10px;color:#9db5bd;margin:0}
.layer-open #shell{filter:brightness(.7) drop-shadow(0 24px 28px #0009)}
@media(max-width:900px){body{padding:8px}#shell,#shell:has(.main-card.selected){height:auto;min-height:calc(100svh - 16px);grid-template-rows:116px auto 72px}#shell>header{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 18px}#shell>header .identity strong{font-size:11px}#shell>header .head-actions{grid-row:1;grid-column:2}.material-control{grid-row:2;grid-column:1/3;margin:0;grid-template-columns:auto minmax(80px,1fr) 36px}.material-control input{width:100%}.workspace-content{width:min(260px,calc(100vw - 54px))}.dashboard{padding-inline:16px}#shell>footer{padding:12px 18px;flex-wrap:wrap;gap:8px}.workspace-tab{min-width:65px}.workspace-tab summary{padding-inline:12px}.workspace-tab[open] .tab-expanded{display:none}}
/* Keep the mobile card's full information area; the shell scrolls as one surface. */
@media(max-width:900px){.dashboard:has(.main-card.selected){height:auto;margin:auto;min-height:0}.dashboard-grid:has(.main-card.selected){height:360px;min-height:360px;flex:0 0 360px}.dashboard-grid>.main-card{height:360px;min-height:360px}}
.material-control input:focus-visible{outline:1px solid #bfeef0;outline-offset:3px;border-radius:3px}
/* Chip shell: separate profile and lower tabs; slider controls base density only. */
:root{--shell-blur:8px;--shell-inner:.045;--shell-reflection:.054;--shell-shadow:35px;--hero-emission:.356;--hero-softness:1.415px}
#shell{grid-template-rows:140px 1fr 84px;min-height:850px}
.shell-skin{clip-path:none;mask:var(--shell-mask) center/100% 100% no-repeat;-webkit-mask:var(--shell-mask) center/100% 100% no-repeat}
#shell:before{filter:drop-shadow(0 0 2px #b7e9f326)}
#shell:after{mask:var(--shell-mask) center/100% 100% no-repeat;-webkit-mask:var(--shell-mask) center/100% 100% no-repeat}
.shell-brand{position:absolute;left:57px;top:10px;font:12px ui-monospace,monospace;letter-spacing:3px;color:#e9d6aa;text-shadow:0 0 5px #e6bd6d33;pointer-events:none}
#shell>header{padding-top:38px;border:0}
.material-control{position:absolute;left:50%;top:65px;transform:translateX(-50%);margin:0;grid-template-columns:auto 180px 40px;gap:12px}
.material-control input{appearance:none;-webkit-appearance:none;width:180px;height:44px;min-height:44px;padding:0!important;border:0!important;border-radius:0;background:linear-gradient(#83b8c5,#83b8c5) center/calc(100% - 12px) 2px no-repeat;box-shadow:none;box-sizing:border-box;cursor:pointer}
.material-control input::-webkit-slider-runnable-track{height:2px;background:transparent;border:0}
.material-control input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#b4e7ed;border:1px solid #e8ffff;margin-top:-5px;box-shadow:0 0 4px #99e8ed33}
.material-control input::-moz-range-track{height:2px;background:transparent;border:0}
.material-control input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#b4e7ed;border:1px solid #e8ffff;box-shadow:0 0 4px #99e8ed33}
#shell>header .head-actions{position:absolute;right:18px;top:22px}
.workspace-tab summary{min-width:100px;background:#12303a33}
.workspace-content{top:calc(100% + 12px);background:#10232bf5}
#shell>footer{border:0;padding-bottom:28px}
#shell>footer .footer-actions{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);gap:8px;display:flex;white-space:nowrap}
#shell>footer .footer-actions button{padding:8px 14px;min-height:40px;font-size:11px}
@media(max-width:900px){#shell,#shell:has(.main-card.selected){grid-template-rows:170px auto 104px;min-height:calc(100svh - 16px)}#shell>header{display:block;padding:70px 18px 0}#shell>header .identity{position:absolute;left:18px;top:70px}.shell-brand{left:47px;top:11px;font-size:10px}.material-control{left:18px;right:18px;top:119px;transform:none;grid-template-columns:auto minmax(80px,1fr) 35px;gap:8px}.material-control input{width:100%}#shell>header .head-actions{right:10px;top:22px}.workspace-tab summary{min-width:68px}.workspace-content{width:min(260px,calc(100vw - 50px))}#shell>footer{align-content:start;padding:8px 18px 50px}#shell>footer .footer-actions{bottom:10px;gap:6px}#shell>footer .footer-actions button{padding:8px 10px;font-size:10px}}
#shell>footer{display:flex;justify-content:space-between}
#shell>footer .footer-actions{grid-column:auto;grid-row:auto;width:max-content;max-width:none;justify-self:auto}
@media(min-width:901px){.material-control{grid-template-columns:100px 220px 100px}.material-control>span{text-align:right}.material-control input{width:220px}}

/* Exact card shell: all edges and both tabs come from frameFor(). */
#shell{min-height:960px;grid-template-rows:190px 1fr 110px}
#shell:before{filter:none;z-index:-1}
.shell-brand{left:5%;top:calc(21px * var(--card-scale));color:#d9eef3}
#shell>header{padding-top:85px;padding-left:4%;padding-right:4%}
#shell>header .identity{align-self:end;margin-bottom:24px}
.material-control{top:120px}
#shell>header .head-actions{right:3%;top:calc(35px * var(--card-scale));width:19%}
.workspace-tab summary{border:0;background:transparent;clip-path:none;min-width:0;padding:4px}
.workspace-tab summary:focus-visible{outline:1px solid #d2f6ff;outline-offset:2px;box-shadow:none}
#shell>footer{padding:12px 4% 65px}
#shell>footer .footer-actions{bottom:calc(25px * var(--card-scale))}
@media(max-width:900px){
 #shell,#shell:has(.main-card.selected){grid-template-rows:190px auto 128px}
 .shell-brand{left:8%;top:calc(19px * var(--card-scale));font-size:10px}
 #shell>header .identity{top:100px;left:6%;margin:0}
 .material-control{top:141px;left:6%;right:6%}
 #shell>header .head-actions{right:3%;top:calc(34px * var(--card-scale));width:20%}
 .workspace-tab{min-width:0}.workspace-tab summary{gap:8px;font-size:9px}
 #shell>footer{padding:12px 6% 74px}
 #shell>footer .footer-actions{bottom:35px}
}
@media(min-width:901px){#shell{height:auto;grid-template-rows:190px auto 110px}#shell>.dashboard{height:auto;min-height:760px;margin:0}#shell>footer{min-height:110px;box-sizing:border-box}}

/* No hero layer or its optical reflection; cards retain their own material. */
.hero-field{display:none!important}
#shell:after{display:none}
#shell .glass,.panel .panel-drift{--ring-light:none!important}
#shell.fully-transparent .shell-skin{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}

/* Precise instrument cores, restrained spill light, unchanged geometry. */
.hud-face{filter:none}
.hud-face svg{shape-rendering:geometricPrecision}
.hud-face .lit{stroke:#74fbff;filter:drop-shadow(0 0 .65px #35f1ff) drop-shadow(0 0 2.2px #00d7ed88)}
.hud-face .thin{stroke:#72f4f5}
.hud-face .ticks{stroke:#a4f5f7}
.hud-value{text-shadow:0 0 .6px #adffff99,0 0 4px #14efff38}
.hud-unit:before{content:'';position:absolute;inset:2% -10% 22%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#27e8ef0e 12%,#16c4dd09 42%,transparent 72%)}
#shell.fully-transparent .hud-unit:before{display:none}
.hud-unit:hover .hud-face{filter:drop-shadow(0 0 3px #00efff44)}
@media(min-width:901px){
 #shell{grid-template-rows:150px auto 110px}
 #shell>header{padding-top:65px}
 #shell>header .identity{margin-bottom:14px}
 .material-control{top:100px}
}
@media(max-width:900px){
 #shell,#shell:has(.main-card.selected){grid-template-rows:170px auto 128px}
 #shell>header .identity{top:92px}
 .material-control{top:125px}
}

/* Neutral black baseplate: opacity 1 at 0%, transparent at 100%. */
.shell-skin{background:rgba(0,0,0,var(--shell-density));box-shadow:none}
.hud-unit:before{display:none}
/* Requested footer adjustment: 6.5 mm upward, double-width new project. */
#shell>footer .footer-actions{transform:translate(-50%,-6.5mm)}
#shell>footer .footer-actions button[data-open="editor"]{width:var(--new-project-width);flex-shrink:0}