body{background:radial-gradient(ellipse at 50% -10%,#1d3541 0,transparent 55%),#0b141b}header{background:#0c171be6;border-color:#31434a;backdrop-filter:blur(18px)}header b{font-size:15px;letter-spacing:3px;color:#deb986}.heading small{letter-spacing:2px;color:#8baaab}.heading h1{font-weight:600;letter-spacing:-.8px}.tag{border-color:#4e6766;background:#1d38373b;color:#b5c9bc}.workspace{grid-template-columns:225px minmax(0,1fr) 215px;gap:18px}section{background:linear-gradient(140deg,#182830ee,#101e27ee);border-color:#30424b;box-shadow:0 12px 35px #030b102b}h2{color:#d0dcd7;font-size:12px;letter-spacing:.5px}input,select{background:#11232d;border-color:#39505a}.primary,.selected{background:linear-gradient(120deg,#bc8953,#8d673e)!important;border-color:#d2a976!important}.primary{box-shadow:0 3px 18px #c0965a30}button{background:#243a43;border-color:#3e5861;border-radius:5px}button:hover{background:#35515a}.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:12px;border-color:#42605f}.visual-toolbar strong{font-size:11px;letter-spacing:2px;color:#c8d5cf}.visual-toolbar small{display:block;margin-top:5px;font-size:10px;color:#7e9c9d;letter-spacing:1px}.visual-toolbar .actions{align-items:center}.visual-toolbar select{max-width:125px;font-size:11px}.visual-toolbar button{white-space:nowrap}.viewbar{background:#11232b;border-bottom:1px solid #33484b}.playbar{background:#11232b;border-top:1px solid #33484b}.viewport{box-shadow:0 20px 50px #0004}#view{height:600px;background:#0c1923}#view:after{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid #c8ded315;border-radius:3px}#hud{font-family:ui-monospace,monospace;font-size:11px;color:#c4e3d5;background:linear-gradient(120deg,#10242bdb,#10242b60);border-left:2px solid #c09c65;padding:12px 15px;line-height:1.8;max-width:80%;backdrop-filter:blur(8px)}#view[data-camera=first]:before{content:"+";position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#e1ede785;font:24px ui-monospace,monospace;pointer-events:none}.metric{background:linear-gradient(130deg,#1c333a,#13262e);border-color:#37535a}.metric strong{color:#d8ba8b;font-weight:500}.display-options{box-shadow:none;color:#9aabaa}.drone{border-color:#2f444a}.drone b{color:#9acbd3}.bar{height:3px;background:#314950}.bar i{background:linear-gradient(90deg,#518e92,#a3d4ca)}.event{border-color:#2d4247}.presentation header{height:46px}.presentation main{padding:12px 22px}.presentation .heading,.presentation .controls,.presentation .info,.presentation .metrics{display:none}.presentation .workspace{display:block}.presentation .center>section:not(.viewport):not(.visual-toolbar):not(.display-options){display:none}.presentation .visual-toolbar{padding:9px 16px;margin-bottom:10px}.presentation #view{height:calc(100dvh - 220px);min-height:380px}.presentation .display-options{margin:0}.presentation .viewport{margin-bottom:10px}@media(min-width:1700px){#view{height:700px}}@media(max-width:1200px){.workspace{grid-template-columns:210px minmax(0,1fr)}.visual-toolbar{flex-wrap:wrap}}@media(max-width:750px){.workspace{display:flex}.visual-toolbar{gap:10px}.visual-toolbar strong{font-size:10px}.visual-toolbar .actions{gap:6px}#view{height:430px}.presentation main{padding:8px}.presentation #view{height:calc(100dvh - 270px);min-height:300px}.presentation .visual-toolbar small{display:none}}