:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3ff;background:#080c16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#080c16;min-width:320px;min-height:100%;margin:0}button,select,input{font:inherit}button,select{color:#eef3ff;background:#131d32eb;border:1px solid #aac3ed38;border-radius:.55rem}button{cursor:pointer;padding:.62rem .75rem;transition:border-color .18s,background .18s,transform .18s}button:hover{background:#1c3748f2;border-color:#7be0c4bf}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55}select{width:100%;padding:.55rem .65rem}#attachment-graph-app,#scene-shell,#scene-shell canvas{width:100vw;height:100vh}#attachment-graph-app{background:radial-gradient(circle at 72% 40%,#4669b433,#0000 36rem),#080c16;position:relative;overflow:hidden}#scene-shell{position:absolute;inset:0}#scene-shell canvas{display:block}.attachment-hud{scrollbar-color:#9fbef55c transparent;background:linear-gradient(90deg,#080c16fa 0%,#080c16ed 78%,#080c1600 100%);width:min(570px,100vw);padding:1.1rem 1rem 1.35rem;position:absolute;inset:0 auto 0 0;overflow-y:auto}.back-link,.next-link{color:#8eb5ff;letter-spacing:.04em;font-size:.7rem;text-decoration:none}.back-link:hover,.next-link:hover{color:#b8d5ff;text-decoration:underline}.eyebrow{color:#78d9be;letter-spacing:.16em;margin-top:1rem;font:700 .62rem/1.2 IBM Plex Mono,ui-monospace,monospace}h1{letter-spacing:-.07em;max-width:11ch;margin:.3rem 0 .55rem;font-size:clamp(2.5rem,7vw,4.9rem);line-height:.92}.intro{color:#aebbd3;max-width:43rem;margin:0 0 1rem;font-size:.86rem;line-height:1.52}.status-panel,.control-card,.readout-card,.attachment-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1525c7;border:1px solid #96b3e12b;box-shadow:0 .85rem 2.6rem #0003}.status-panel,.control-card,.readout-card{border-radius:.82rem;margin-bottom:.72rem;padding:.85rem}.status-line,.card-heading,.select-row,.range-row,.check-row,.button-row{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.status-pill,.backend-pill{color:#d7e7ff;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.42rem;font:700 .67rem/1.2 IBM Plex Mono,ui-monospace,monospace;display:inline-flex}.status-pill i{background:#7be0c4;border-radius:50%;width:.44rem;height:.44rem;box-shadow:0 0 .7rem #7be0c4}.backend-pill{color:#f2bf8d}.status-detail,.card-detail,.attachment-card p{color:#9aabc7;margin:.55rem 0 0;font-size:.69rem;line-height:1.45}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.8rem 0 0;display:grid}.metrics-six{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics div,.attachment-card dl div{min-width:0}.metrics dt,.attachment-card dt{color:#778baa;text-transform:uppercase;letter-spacing:.08em;font:600 .56rem/1.15 IBM Plex Mono,ui-monospace,monospace}.metrics dd,.attachment-card dd{color:#eef3ff;text-overflow:ellipsis;white-space:nowrap;margin:.22rem 0 0;font:700 .72rem/1.2 IBM Plex Mono,ui-monospace,monospace;overflow:hidden}.card-heading{color:#e6efff;font-size:.74rem}.card-heading span{color:#7890b4;text-transform:uppercase;letter-spacing:.05em;font:600 .58rem/1.2 IBM Plex Mono,ui-monospace,monospace}.control-card{gap:.62rem;display:grid}.control-card .card-heading{margin-bottom:.08rem}.select-row,.range-row{color:#8ea2c3;text-transform:uppercase;letter-spacing:.06em;align-items:center;font:600 .63rem/1.2 IBM Plex Mono,ui-monospace,monospace}.select-row span,.range-row>span{flex:0 0 8.8rem}.range-row input{accent-color:#77d9bd;width:100%}.range-row output{float:right;color:#e8f2ff}.check-row{color:#a9b8d0;font-size:.68rem}.check-row label{align-items:center;gap:.4rem;display:inline-flex}input[type=checkbox]{accent-color:#77d9bd}.button-row{justify-content:stretch}.button-row button{flex:1;font-size:.67rem}.attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:.72rem;display:grid}.attachment-card{border-radius:.72rem;min-width:0;padding:.75rem}.attachment-card .card-heading{align-items:baseline}.attachment-card p{min-height:2.9rem;margin-top:.58rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.58rem}.attachment-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.7rem 0 0;display:grid}.beauty-card{border-color:#70aaee52}.normal-card{border-color:#7ae0c24d}.depth-card{border-color:#f2bd6c4d}.graph-line{color:#acd1ef;white-space:nowrap;background:#0d15259e;border:1px solid #96b3e126;border-radius:.62rem;margin:.72rem 0;padding:.68rem .78rem;font:600 .62rem/1.35 IBM Plex Mono,ui-monospace,monospace;overflow-x:auto}.hint{color:#7385a4;font-size:.64rem;line-height:1.45}.signature{color:#8ca1c680;letter-spacing:.18em;margin:1.15rem 0 0;font:700 .57rem/1.2 IBM Plex Mono,ui-monospace,monospace}.error-panel{color:#ffd8e0;background:#3b111fe6;border:1px solid #ff7a9675;border-radius:.7rem;width:min(390px,100vw - 2rem);padding:.85rem;font-size:.73rem;position:absolute;top:1rem;right:1rem}.error-panel strong,.error-panel span{display:block}.error-panel span{color:#ffb9c8;margin-top:.35rem;line-height:1.4}@media (width<=680px){#attachment-graph-app,#scene-shell,#scene-shell canvas{height:100%;min-height:1370px}.attachment-hud{background:linear-gradient(#080c16f7 0%,#080c16e6 75%,#080c16c7 100%);width:100%;min-height:1370px;position:relative}.metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=440px){.attachment-grid{grid-template-columns:1fr}.attachment-card p{min-height:auto}.metrics,.metrics-four,.metrics-six{grid-template-columns:repeat(2,minmax(0,1fr))}.select-row{flex-direction:column;align-items:flex-start}.select-row span{flex-basis:auto}}