:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#dcece7;background:#071b20}*{box-sizing:border-box}body{margin:0}#layout{min-height:100vh;display:flex;flex-direction:column}header{min-height:119px;padding:22px 31px 18px;border-bottom:1px solid #305258;background:linear-gradient(105deg,#08272c,#0b1c20 75%);display:flex;align-items:center;justify-content:space-between}header h1{font-size:29px;letter-spacing:2px;font-weight:700;margin:7px 0 5px}header h1 b{color:#9fdcbb}header h1 em{font-size:15px;font-style:normal;letter-spacing:1px;color:#c1d9d2}header p{font-size:12px;letter-spacing:.6px;color:#819ea0;margin:0}.dot{color:#9ada9d;margin:0 10px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#5ab4a5;font-weight:700}.tech-tag{border:1px solid #377c6b;color:#82d5ae;padding:11px 13px;font-size:10px;letter-spacing:2px}main{display:grid;grid-template-columns:minmax(0,1fr) 332px;flex:1;min-height:680px}#stage{position:relative;min-height:670px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#29484a 0%,#122a30 60%,#091c22 100%)}#canvasMount{width:100%;height:100%;position:absolute;inset:0}canvas{display:block;width:100%;height:100%}#loadStatus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#092529ea;color:#d3eee2;border:1px solid #39716a;padding:18px 26px;font-size:14px;letter-spacing:.8px;z-index:3}.viewport-tag{position:absolute;top:19px;left:22px;border-left:2px solid #83d2ab;padding-left:11px;font-size:10px;letter-spacing:2px;color:#aad3c8;pointer-events:none}.camtoolbar{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#06242bd9;border:1px solid #305d5d;padding:5px}.camtoolbar button{padding:9px 13px;background:none;border:0;color:#b1ceca;cursor:pointer;font-size:11px;text-transform:uppercase}.camtoolbar button:hover,.camtoolbar button.active{background:#214d49;color:#dbffeb}.view-help{position:absolute;bottom:16px;left:22px;color:#8cb9ae;font-size:10px;letter-spacing:.9px}#controls{background:#0c2429;border-left:1px solid #335859;padding:17px 22px 27px;overflow:auto;max-height:calc(100vh - 156px)}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;font-weight:700;color:#e3eee5}.panel-title button{font-size:11px;border:1px solid #4e8974;background:none;color:#95d8b1;padding:6px 9px;cursor:pointer}.segment{border-top:1px solid #2a4648;margin-top:22px;padding-top:18px}.segment>label{display:block;color:#82c5b0;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:13px}select{appearance:auto;outline:none;border:1px solid #366466;background:#102e33;color:#e0ece9;width:100%;font:12px inherit;padding:10px}.control-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#c1d2d1;font-size:12px}.control-row input{accent-color:#8be0b4;transform:scale(1.1)}.slider-row{display:flex;justify-content:space-between;font-size:11px;margin-top:14px;color:#b9cdcb}.slider-row strong{color:#9cddb3}input[type=range]{width:100%;accent-color:#71c49d;height:15px;cursor:pointer}#selectedName{font-weight:700;font-size:14px;color:#e1f4e5}#description{color:#a7bdba;line-height:1.6;font-size:12px}.disclaimer{font-size:10px;color:#76999a;line-height:1.7;margin-top:22px}footer{min-height:37px;padding:10px 24px;color:#76999a;background:#07191e;border-top:1px solid #254246;letter-spacing:1.4px;font-size:9px;display:flex;justify-content:space-between}@media(max-width:950px){main{grid-template-columns:1fr}#controls{max-height:none}#stage{height:70vh;min-height:450px}.tech-tag{display:none}}@media(max-width:550px){header{padding:18px}header h1{font-size:23px}.view-help{display:none}.camtoolbar button{padding:8px;font-size:10px}footer{display:block;line-height:2}}