:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ff;background:#080c18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#080c18;min-width:320px;margin:0}button,select,input{font:inherit}#render-target-array-3d-app{background:radial-gradient(circle at 67% 46%,#13224a 0,#080c18 48%,#05070e 100%);min-height:100vh;position:relative;overflow:hidden}#scene-shell{position:fixed;inset:0}#scene-shell canvas{outline:none;width:100%;height:100%;display:block}.study-hud{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#090f1ff0,#0a0d1bc4);border:1px solid #a0bcff29;border-radius:22px;width:min(630px,100vw - 38px);margin:28px 0 28px 28px;padding:25px;position:relative;box-shadow:0 24px 90px #00000057}.back-link,.next-link{color:#91d9ff;font-size:12px;text-decoration:none}.back-link:hover,.next-link:hover{color:#fff}.eyebrow{color:#76e4cb;letter-spacing:.16em;margin-top:22px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}h1{letter-spacing:-.045em;max-width:510px;margin:11px 0 10px;font-size:clamp(30px,4vw,48px);line-height:.98}.intro{color:#b8c6df;max-width:540px;margin:0;font-size:14px;line-height:1.55}.status-panel,.controls-panel,.lifecycle-panel{background:#0d172fb8;border:1px solid #9bb6ed24;border-radius:15px;margin-top:18px;padding:15px}.status-line,.card-heading,.button-row,.range-row span,.select-row,.check-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-pill,.backend-pill{color:#d9e5ff;letter-spacing:.04em;align-items:center;gap:8px;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.status-pill i{background:#ffca6a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #ffca6a}.backend-pill{color:#76e4cb}.status-detail,.card-detail,.lifecycle-panel p,.hint{color:#8f9fbd;font-size:12px;line-height:1.45}.status-detail{margin:10px 0 13px}.metrics,.target-card dl{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;display:grid}.metrics div,.target-card dl div{min-width:0}dt{color:#7183a7;text-transform:uppercase;letter-spacing:.06em;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}dd{color:#f0f5ff;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.target-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.target-card{background:#080e1eb8;border:1px solid #9bb6ed21;border-radius:15px;min-height:142px;padding:14px}.source-array-card{border-color:#4dd9c147}.source-volume-card{border-color:#859bff47}.array-target-card{border-color:#ffc66347}.volume-target-card{border-color:#f56da447}.card-heading strong{font-size:12px}.card-heading span{color:#7788ab;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.card-detail{min-height:35px;margin:10px 0 11px}.target-card dl{grid-template-columns:repeat(3,1fr)}.control-label{color:#76e4cb;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.range-row,.select-row{color:#bdc9df;gap:8px;font-size:12px;display:grid}.range-row output{color:#fff;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}input[type=range]{accent-color:#76e4cb;width:100%}.select-row{grid-template-columns:1fr 1fr;align-items:center;margin-top:13px}select,button{color:#eef5ff;background:#101b35;border:1px solid #97b2e838;border-radius:9px;padding:8px 10px}button{cursor:pointer;font-size:11px}button:hover{background:#152945;border-color:#76e4cb}.button-row{flex-wrap:wrap;justify-content:flex-start;margin-top:12px}.check-row{color:#aebbd4;justify-content:flex-start;font-size:11px}.check-row input{accent-color:#76e4cb}.lifecycle{color:#d7e1f5;flex-wrap:wrap;align-items:center;gap:7px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.lifecycle b{color:#76e4cb}.lifecycle-panel p{margin:10px 0 0}.error-panel{color:#ffb4bd;border:1px solid #ff708561;border-radius:12px;gap:7px;margin-top:14px;padding:12px;font-size:12px;line-height:1.4;display:flex}.hint{margin:17px 0 10px}.signature{z-index:2;color:#bcd0f573;letter-spacing:.12em;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;bottom:20px;right:24px}@media (width<=900px){#scene-shell{opacity:.5}.study-hud{width:min(630px,100vw - 24px);margin:12px;padding:18px}.signature{display:none}}@media (width<=500px){.target-cards{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr);row-gap:12px}h1{font-size:34px}}