@import url('https://db.onlinewebfonts.com/c/4b54e79b4018658dba494de2ff5d6b3c?family=Futuristic+Armour');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
:root{
  --hud-scale:1;
  --font:"Futuristic Armour","VT323",monospace;
  --bg:#020711;--panel:rgba(2,11,23,.82);--panel2:rgba(4,18,34,.72);
  --cyan:#62e6ff;--cyan2:#c7f8ff;--line:rgba(98,230,255,.27);--line2:rgba(98,230,255,.11);
  --mag:#ff4db6;--text:#cfeef4;--muted:#7599a6;--danger:#ff5675;
}
*{box-sizing:border-box;font-family:var(--font)!important}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);color:var(--text)}
body{user-select:none}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:1px solid var(--cyan2);outline-offset:2px}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;background:radial-gradient(circle at 50% 42%,#071a2b 0%,#020711 62%,#01040a 100%)}
.topbar,.left-panel,.part-panel,.settings-panel,.bottombar,.drop-zone,.progress,.notice{zoom:var(--hud-scale)}
.hud-panel{z-index:10;border:1px solid var(--line);background:linear-gradient(180deg,rgba(4,18,34,.86),rgba(2,9,18,.76));box-shadow:inset 0 0 0 1px rgba(98,230,255,.035),0 0 32px rgba(0,125,180,.055);backdrop-filter:blur(7px)}
.topbar{position:fixed;left:18px;right:18px;top:16px;height:70px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.brand-block{min-width:0}.craft-name{font-size:25px;line-height:1;font-weight:900;letter-spacing:.07em;color:var(--cyan2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}.subline{margin-top:7px;font:700 10px/1 Consolas,monospace;letter-spacing:.1em;color:var(--muted)}.dot{padding:0 7px;color:var(--cyan)}
.top-actions{display:flex;gap:6px}.btn,.mini-btn,.icon-btn{cursor:pointer;color:var(--cyan2);background:rgba(7,30,49,.72);border:1px solid rgba(98,230,255,.26);padding:8px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;transition:.14s ease}.btn:hover,.mini-btn:hover,.icon-btn:hover{background:rgba(28,92,116,.34);border-color:rgba(140,238,255,.62);box-shadow:0 0 18px rgba(78,220,255,.08)}.btn.primary,.btn.active{background:rgba(51,194,235,.15);border-color:rgba(98,230,255,.55)}.btn.ghost{background:transparent;margin-top:20px}.btn.wide{width:100%}.icon-btn{font-size:20px;padding:1px 8px}
.left-panel{position:fixed;left:18px;top:100px;width:270px;padding:0}.left-panel section{padding:11px 13px;border-bottom:1px solid var(--line2)}.left-panel section:last-child{border-bottom:0}.section-title{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--cyan);margin-bottom:7px}.kv{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font:700 10px/1.2 Consolas,monospace;letter-spacing:.06em}.kv span{color:#8faab4}.kv b{color:var(--cyan2);font-weight:700;text-align:right}.kv b.warn,.warn{color:var(--mag)!important}
.part-panel{position:fixed;left:18px;bottom:62px;width:270px;padding:12px 13px}.part-panel.hidden{display:none}.part-title{font-size:17px;font-weight:900;letter-spacing:.07em;color:var(--cyan2);margin:0 0 3px}.mini{font:700 9px/1.35 Consolas,monospace;color:var(--muted);letter-spacing:.06em;overflow-wrap:anywhere}.part-grid{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;font:700 10px Consolas,monospace;letter-spacing:.06em}.part-grid span{color:#809aa5}.part-grid b{color:var(--cyan2)}.part-warnings{margin-top:8px;color:var(--mag);font:700 9px/1.35 Consolas,monospace}
.settings-panel{position:fixed;right:18px;top:100px;bottom:62px;width:360px;overflow-y:auto;overflow-x:hidden;padding:12px 13px;transform:translateX(calc(100% + 28px));transition:transform .22s ease;scrollbar-color:#245b70 transparent}.settings-panel.open{transform:translateX(0)}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.settings-title{font-size:17px;font-weight:900;letter-spacing:.1em;color:var(--cyan2)}.setting-group{padding:10px 0;border-top:1px solid var(--line2)}.setting-group>label,.sliders label,.compact-inner>label{display:flex;justify-content:space-between;align-items:center;font:800 9px Consolas,monospace;letter-spacing:.09em;color:#99b5bf;margin-bottom:6px}.setting-group select{width:100%;background:#061421;border:1px solid var(--line);color:var(--cyan2);padding:8px;font:700 10px Consolas,monospace;letter-spacing:.07em}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;padding:9px 0;border-top:1px solid var(--line2)}.toggles label{font:800 9px Consolas,monospace;letter-spacing:.06em;color:#a4bec6}.toggles input{accent-color:#53ddff}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px}.color-grid label{display:flex;justify-content:space-between;align-items:center;font:800 9px Consolas,monospace;letter-spacing:.06em;color:#a4bec6;margin:0}.color-grid input[type=color]{width:32px;height:22px;padding:0;border:1px solid var(--line);background:#04101c}.sliders input[type=range],.camera-controls input[type=range]{width:100%;accent-color:#58e0ff;margin-bottom:7px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.button-grid .btn{padding:7px 5px}.view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.view-grid .btn{padding:6px 3px;font-size:8px}.camera-actions{margin-top:6px}.range-label{margin-top:10px}.compact-details>summary{cursor:pointer;list-style:none;color:#9ac3cf;font:900 9px Consolas,monospace;letter-spacing:.1em;padding:2px 0}.compact-details>summary::after{content:'+';float:right;color:var(--cyan)}.compact-details[open]>summary::after{content:'-';float:right;color:var(--cyan)}.compact-details .compact-inner{margin-top:8px;border-top:0;padding:5px 0}.appearance-details .sliders{padding-top:9px;border-top:1px solid var(--line2)}.appearance-details>.btn{margin-top:5px}.record-details{margin-top:10px;padding-top:9px;border-top:1px solid var(--line2)}
.hud-scale-control{padding-bottom:8px}.hud-scale-control input[type=range]{width:100%;accent-color:#58e0ff}.hud-scale-control span{color:var(--cyan2)}
.drop-zone{position:fixed;z-index:8;left:50%;top:53%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 60px));padding:28px;text-align:center;border:1px dashed rgba(98,230,255,.42);background:rgba(1,7,14,.62);cursor:pointer;transition:.16s}.drop-zone:hover,.drop-zone.drag{border-color:rgba(132,240,255,.85);background:rgba(12,52,70,.58);transform:translate(-50%,-50%) scale(1.01)}.drop-zone.hidden{display:none}.drop-mark{font:200 38px/1 Consolas;color:var(--cyan)}.drop-title{font-size:19px;font-weight:900;letter-spacing:.14em;color:var(--cyan2);margin-top:8px}.drop-sub{font:700 9px Consolas,monospace;letter-spacing:.1em;color:var(--muted);margin-top:6px}
.progress{position:fixed;z-index:20;left:50%;bottom:88px;transform:translateX(-50%);width:460px;padding:12px 14px}.progress.hidden{display:none}.progress-row{display:flex;justify-content:space-between;font:800 10px Consolas,monospace;letter-spacing:.1em}.progress-track{height:5px;border:1px solid var(--line);margin-top:9px}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#2ed7ff,#bdf8ff);box-shadow:0 0 14px rgba(85,226,255,.38);transition:width .12s}
.notice{position:fixed;z-index:30;top:125px;left:50%;transform:translateX(-50%);max-width:720px;padding:10px 14px;background:rgba(36,8,25,.94);border:1px solid rgba(255,77,182,.48);color:#ffd8ee;font:700 11px/1.45 Consolas,monospace;letter-spacing:.05em}.notice.hidden{display:none}
.bottombar{position:fixed;z-index:10;left:18px;right:18px;bottom:16px;min-height:38px;padding:6px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font:700 9px Consolas,monospace;letter-spacing:.07em;color:#91acb5}.led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55e8ff;box-shadow:0 0 10px #55e8ff;margin-right:7px}.toolbar{display:flex;align-items:center;gap:5px}.stage-buttons{display:flex;gap:4px}.mini-btn{padding:5px 7px;font-size:8px}.mini-btn.active{background:rgba(74,217,255,.18);border-color:rgba(112,232,255,.55)}
@media(max-width:980px){.left-panel{width:235px}.settings-panel{width:350px}.craft-name{font-size:21px}.top-actions .btn:nth-child(2),.top-actions .btn:nth-child(5){display:none}}
@media(max-width:720px){.left-panel{display:none}.topbar{left:10px;right:10px;top:10px}.settings-panel{right:10px;top:92px;bottom:54px;width:min(350px,calc(100vw - 20px))}.bottombar{left:10px;right:10px;bottom:10px}.craft-name{max-width:42vw}.top-actions .btn{padding:7px}.top-actions .btn:nth-child(4){display:none}}
.part-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.part-actions .btn{padding:6px 4px;font-size:8px}
body.hud-hidden .hud-panel,body.hud-hidden .notice,body.hud-hidden .progress,body.hud-hidden .drop-zone{opacity:0!important;pointer-events:none!important;transition:opacity .14s ease}
body.hud-hidden .settings-panel{transform:translateX(calc(100% + 32px))!important}
.record-card{margin-top:9px;padding:9px;border:1px solid var(--line);background:rgba(1,8,17,.66)}
.record-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.record-options label{font:800 9px Consolas,monospace;letter-spacing:.08em;color:#91afb9}
.record-options input,.record-options select{box-sizing:border-box;width:100%;height:30px;margin-top:4px;padding:5px;background:#061421;border:1px solid var(--line);color:var(--cyan2);font:700 10px Consolas,monospace}
.record-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0;font:800 9px Consolas,monospace;letter-spacing:.05em;color:#a4bec6}
.record-checks input{accent-color:#53ddff}
.recording{border-color:#ff4db6!important;color:#ffd4ed!important;box-shadow:0 0 18px rgba(255,77,182,.2)}
.sequence-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0;padding:9px;border:1px solid var(--line2);background:rgba(4,18,31,.55);transition:opacity .15s ease}
.sequence-options.disabled{opacity:.38;pointer-events:none}
.sequence-options label{font:800 8px/1.3 Consolas,monospace;letter-spacing:.05em;color:#91afb9}
.sequence-options input{box-sizing:border-box;width:100%;height:29px;margin-top:4px;padding:5px;background:#061421;border:1px solid var(--line);color:var(--cyan2);font:700 10px Consolas,monospace}
.sequence-part{grid-column:1/-1;padding-top:4px;color:#77a8b8;font:800 9px/1.35 Consolas,monospace;letter-spacing:.06em;overflow-wrap:anywhere}
.sequence-target-buttons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.sequence-target-buttons .btn{padding:6px;font-size:8px}
body.cursor-hidden,body.cursor-hidden *{cursor:none!important}

.craft-name{font-size:29px}.subline{font-size:13px}.btn,.mini-btn{font-size:13px}.icon-btn{width:30px;height:28px;padding:0;position:relative}.icon-btn::before,.icon-btn::after{content:"";position:absolute;left:8px;top:13px;width:13px;height:1px;background:var(--cyan2)}.icon-btn::before{transform:rotate(45deg)}.icon-btn::after{transform:rotate(-45deg)}
.section-title{font-size:14px}.kv{font-size:13px}.part-title{font-size:21px}.mini,.part-grid{font-size:12px}.part-warnings{font-size:11px}.part-actions .btn{font-size:11px}
.settings-title{font-size:21px}.setting-group>label,.sliders label,.compact-inner>label,.toggles label,.color-grid label,.compact-details>summary{font-size:12px}.setting-group select{font-size:13px}.view-grid .btn{font-size:11px}
.drop-title{font-size:23px}.drop-sub,.progress-row,.notice,.bottombar{font-size:12px}.record-options label,.record-checks,.sequence-options label,.sequence-part{font-size:11px}.record-options input,.record-options select,.sequence-options input{font-size:13px}.sequence-target-buttons .btn,.mini-btn{font-size:11px}

body::after{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(115,232,255,.022) 0 1px,transparent 1px 5px);mix-blend-mode:screen}
.screen-ornaments{position:fixed;inset:0;z-index:12;pointer-events:none}.screen-ornaments::after{content:"";position:absolute;left:1.4%;right:1.4%;top:-8%;height:72px;background:linear-gradient(180deg,transparent,rgba(98,230,255,.018),transparent);animation:sensor-sweep 14s linear infinite}.frame-corner{position:absolute;width:22px;height:22px;border-color:rgba(128,239,255,.72)}.frame-corner.tl{left:10px;top:10px;border-left:2px solid;border-top:2px solid}.frame-corner.tr{right:10px;top:10px;border-right:2px solid;border-top:2px solid}.frame-corner.bl{left:10px;bottom:10px;border-left:2px solid;border-bottom:2px solid}.frame-corner.br{right:10px;bottom:10px;border-right:2px solid;border-bottom:2px solid}.edge-ticks{position:absolute;height:1px;width:150px;opacity:.55;background:repeating-linear-gradient(90deg,var(--cyan) 0 10px,transparent 10px 15px)}.edge-ticks.top{top:10px;left:50%;transform:translateX(-50%)}.edge-ticks.bottom{bottom:10px;left:50%;transform:translateX(-50%)}
.hud-panel::before,.hud-panel::after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;opacity:.7}.hud-panel::before{left:-1px;top:-1px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan)}.hud-panel::after{right:-1px;bottom:-1px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}
.brand-block::after{content:"";display:block;width:118px;height:2px;margin-top:7px;background:repeating-linear-gradient(90deg,var(--cyan) 0 15px,transparent 15px 20px);opacity:.5}.subline{margin-top:5px}.section-title{display:flex;align-items:center;gap:8px}.section-title::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}
body.hud-hidden .screen-ornaments{opacity:0}
@keyframes sensor-sweep{to{transform:translateY(116vh)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}