:root{color-scheme:dark;--bg:#090f17;--panel:#131e29;--panel2:#0f1822;--line:#2b3b4a;--blue:#92c9f2;--muted:#8ca4ba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e1ebf4;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,Menlo,monospace}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:#213040;border:1px solid #38536b;border-radius:4px;padding:9px;color:#cadfee;min-height:33px}button:hover{background:#30475f;border-color:#6096ba}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7fbcf5;outline-offset:1px}input:not([type=checkbox]):not([type=range]),select{width:100%;height:32px;padding:5px 8px;border-radius:4px;background:#0b141c;border:1px solid #334b5d}input[type=range]{width:100%;height:25px;accent-color:#91bff0}input[type=checkbox]{accent-color:#82bdee}.header{height:55px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:0 16px;background:#101922;position:relative;z-index:3}.home{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;background:#1f3142;border:1px solid #4a7296;font-size:17px;font-weight:900;color:#a7d2f1}.logotype{font-size:15px;font-weight:800;white-space:nowrap;letter-spacing:-.04em}.logotype span{color:#9bcaf2}.logotype small{font-size:9px;display:block;letter-spacing:.09em;color:#7598b1}.links{display:flex;gap:13px;color:#9fb7c9;margin-left:auto;font-size:10px}.links a:hover{color:white}.engine{font-size:9px;border:1px solid #475f79;background:#1c2b39;color:#a1bfd6;padding:4px 8px;border-radius:2px;white-space:nowrap}.engine.ok{border-color:#426755;color:#a0d8b8}.engine.error{border-color:#774848;color:#e6a4a4}.workspace{display:grid;grid-template-columns:296px minmax(0,1fr);min-height:calc(100vh - 82px)}.controls{min-width:0;overflow:auto;max-height:calc(100vh - 82px);background:#0f1720;border-right:1px solid var(--line)}.sector{border-bottom:1px solid #263746;padding:13px}.sectionhead{display:flex;justify-content:space-between;align-items:center;color:#b9d0e5;font-size:10px;font-weight:800;letter-spacing:.07em;margin-bottom:10px}.sectionhead span{font-size:8px;color:#7593ac;font-weight:500}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.presets button{text-align:left;min-height:69px;padding:9px}.presets button.active{background:#24435a;border-color:#6ea8d0}.presets b{display:block;font-size:11px;line-height:1.25}.presets small{display:block;font-size:8px;color:#9aaec2;margin-top:5px}.desc{font-size:10px;color:#94a9bc;line-height:1.55;margin:9px 0 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fields label{display:block;min-width:0;color:#a9bfd2;font-size:10px}.fields input,.fields select{margin-top:4px}.fields .span2{grid-column:1/-1}.mode-step{margin:0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.checks label{font-size:10px;color:#adc4da}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{padding:7px;font-size:9px}.maincol{padding:13px;min-width:0;display:flex;flex-direction:column;gap:11px;overflow:auto}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.summary>div{padding:12px 13px;background:var(--panel);border:1px solid #34485c;border-radius:5px;min-width:0}.summary span,.summary small{display:block;font-size:9px;color:#8da7bd}.summary b{font-size:clamp(15px,1.8vw,21px);display:block;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewport{position:relative;background:#0c151e;border:1px solid #33485a;border-radius:6px;min-height:460px;height:clamp(430px,69vh,900px);overflow:hidden}.scene{width:100%;height:100%;display:block;touch-action:none}.scene canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.viewporttop{pointer-events:none;position:absolute;left:13px;right:13px;top:11px;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#b5d2e5;text-shadow:0 1px 5px #000}.viewporttop span+span{font-size:9px;color:#9aaebd}.viewportbottom{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;background:#09131ce3;border:1px solid #30495b;border-radius:5px}.viewportbottom button{padding:6px 9px;min-height:28px;font-size:10px}.viewportbottom .actionblue{background:#2a5373;border-color:#4a8ebc}.viewportbottom label{display:flex;gap:5px;align-items:center;font-size:9px;color:#a6c2d7;margin-left:auto}.viewportbottom label select{width:72px;height:28px;margin:0}.viewportbottom>span{font-size:10px;color:#bcd1e2;min-width:67px;text-align:right}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#0c151eec;color:#aac6da;pointer-events:none;font-size:12px;letter-spacing:.07em}.loading.hidden{display:none}.bottomdata{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:var(--panel);border:1px solid #2c4255;padding:12px;border-radius:5px;min-width:0}.card h2{font-size:10px;color:#b8d4e8;margin:0 0 9px;letter-spacing:.07em}.flow,.notes{font-size:10px;color:#a9c0d1}.flowline{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #283c4c;padding:6px 0}.flowline:last-child{border-bottom:0}.flowline strong{color:#e1f0fc;font-variant-numeric:tabular-nums;text-align:right}.notice{padding:7px 8px;margin:5px 0;background:#27231f;border-left:2px solid #c2a47c;color:#dac5ab}.notice.ok{background:#192b26;border-color:#6cb899;color:#9ed7c1}footer{border-top:1px solid var(--line);padding:7px 12px;text-align:center;color:#738fa5;font-size:9px}.hidden{display:none!important}[hidden]{display:none!important}@media(max-width:930px){.workspace{grid-template-columns:240px minmax(0,1fr)}.controls{max-height:none}.maincol{padding:8px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.viewport{height:58vh}}@media(max-width:700px){.header{height:51px;padding:0 9px}.links{gap:6px;font-size:9px}.links a:last-child{display:none}.engine{font-size:8px}.workspace{display:flex;flex-direction:column}.maincol{order:0;padding:7px}.controls{order:1;border-right:0;border-top:1px solid #263746;max-height:none}.summary{gap:5px}.summary>div{padding:8px}.summary b{font-size:16px}.viewport{height:min(65vh,570px);min-height:360px}.viewporttop{font-size:9px}.viewporttop span+span{display:none}.viewportbottom{gap:4px;padding:5px}.viewportbottom button{padding:5px 7px;font-size:9px}.bottomdata{grid-template-columns:1fr}.sector{padding:11px}.controls{display:grid;grid-template-columns:1fr 1fr}.sector{border-right:1px solid #263746}.sector:first-child,.sector:last-child{grid-column:1/-1}}@media(max-width:460px){.controls{display:block}.viewport{height:54vh;min-height:390px}.viewportbottom label{margin-left:0}.viewportbottom>span{flex:1}.links a{font-size:8px}.logotype{font-size:13px}.engine{padding:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}