:root{color-scheme:dark;--bg:#08090b;--line:#282930;--muted:#a1a0ad;--text:#efeff1;--accent:#bdacff;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}button,input,select{font:inherit}button,.button,select,input[type=number]{border:1px solid var(--line);background:#15161b;color:var(--text);border-radius:5px;min-height:33px;padding:6px 10px}button,.button{cursor:pointer;white-space:nowrap}button:hover,.button:hover{border-color:#6e627f;background:#23202c}button:disabled{opacity:.4;cursor:default}button.active{background:#2d253e;color:var(--accent);border-color:#78668f}.primary{background:var(--accent);border-color:var(--accent);color:#19131f;font-weight:600}.primary:hover{color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
header{height:68px;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;gap:12px;align-items:center;letter-spacing:1.8px}.brand strong{font-size:17px}.mark{font-size:30px;color:var(--accent)}.version{font-size:12px;color:var(--muted);letter-spacing:1px}.source-actions{display:flex;gap:8px}main{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,33vw,500px);height:calc(100dvh - 68px);max-width:2400px;margin:auto}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 20px 10px}.view-head{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;letter-spacing:1px}.view-head b{color:var(--accent);font-weight:400;margin-right:8px}.view-head>div{display:flex;gap:6px}.view-head button{font-size:12px;min-height:28px;padding:3px 8px}.volume-wrap{flex:1;min-height:180px;position:relative;border:1px solid var(--line);background:#07090b;border-radius:6px;overflow:hidden}#volume{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#volume:active{cursor:grabbing}#axes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.corner-note{position:absolute;top:14px;left:16px;color:#8c8a97;font-size:12px;pointer-events:none}.view-help{position:absolute;bottom:14px;left:12px;right:12px;text-align:center;color:var(--muted);font-size:12px;pointer-events:none}.empty{position:absolute;inset:0;background:#08090bf2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:20px}.empty strong{font-size:21px}.empty>span:not(.mark){color:var(--muted)}.empty progress{width:min(300px,80%);height:5px;accent-color:var(--accent)}
.transport{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 0}#scan{display:inline-flex;align-items:center;gap:8px}#scan svg{width:14px;height:14px;fill:currentColor;flex:none}.speed-control{display:flex;align-items:center;gap:10px;flex:1 1 320px;max-width:560px;min-width:0}.speed-label{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted)}#scanSpeedValue{color:var(--accent);font:12px ui-monospace,monospace;min-width:49px;text-align:right}.speed-track{flex:1;min-width:85px;padding-top:12px}.speed-scale{display:flex;justify-content:space-between;font:11px ui-monospace,monospace;color:var(--muted);margin-top:6px}#scanTiming,#stats{font:12px ui-monospace,monospace;color:var(--muted);white-space:nowrap}#stats{margin-left:auto}.source-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}#sourceName{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#status{font-size:12px;line-height:1.4;color:var(--muted);padding-top:7px;min-height:24px}#status.error{color:#ffb4a4}
.inspector{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(200px,1fr) minmax(240px,39%);border-left:1px solid var(--line);background:#0d0e11}aside{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3c3947 transparent;padding:0 20px}.control-section{padding:19px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;margin-bottom:14px}.text-button{border:0;background:none;color:var(--muted);padding:0;min-height:20px;font-size:12px}.presets,.effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:15px}.presets button,.effect-grid button{font-size:13px}.slider{display:block;margin-top:13px}.slider-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;gap:8px}.slider-row>label{cursor:pointer}.slider-value{display:flex;align-items:center;gap:7px}.slider output{font:12px ui-monospace,monospace;color:var(--accent);white-space:nowrap}.slider-reset{min-height:24px;width:24px;padding:0;border-color:transparent;background:transparent;color:var(--muted);font-size:16px;line-height:22px}.slider-reset:hover{color:var(--accent);border-color:var(--line)}.range-track{position:relative;display:flex;align-items:center;min-width:0}.range-anchor{position:absolute;top:15px;height:4px;width:1px;background:#9b8fb8;pointer-events:none}input[type=range]{width:100%;accent-color:var(--accent);height:14px;cursor:pointer;margin:0}.check{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:14px}.check input{accent-color:var(--accent);width:16px;height:16px}.field{display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}.field select,.field input{width:100%;min-width:0;font-size:13px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}.wide{width:100%;margin-top:12px}.disabled{opacity:.36}.disabled input{cursor:default}.disabled button:disabled{opacity:1}
.output-panel{min-height:0;display:grid;grid-template-rows:40px minmax(80px,1fr) auto;padding:0 16px 12px;border-top:1px solid #3c3749;background:#0b0c10}.output-wrap{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:4px;background-color:#15151b;background-image:linear-gradient(45deg,#19191f 25%,transparent 25%),linear-gradient(-45deg,#19191f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#19191f 75%),linear-gradient(-45deg,transparent 75%,#19191f 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.output-frame{position:relative;flex:none;box-shadow:0 0 0 1px #9a88c5,0 4px 18px #0009;background:#000}#output{width:100%;height:100%;display:block}.output-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;font-size:12px;color:var(--muted)}.output-actions button{font-size:12px;padding:5px 8px}.record{color:#ffa68a;border-color:#784c3e}.record.recording{background:#773d32;color:white}#recordStatus{margin-left:auto;font-size:11px}
@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 360px}.workspace{padding-inline:12px}.version{display:none}.speed-control{order:3;flex-basis:100%;max-width:none;flex-wrap:wrap}.speed-track{max-width:none}#scanTiming{margin-left:auto}.brand strong{font-size:15px}}
@media(max-width:760px){body{height:auto;overflow:auto}header{height:auto;min-height:68px;padding:12px;flex-wrap:wrap}.brand{width:100%}.source-actions{width:100%}.source-actions>*{flex:1;text-align:center;font-size:13px}main{height:auto;display:flex;flex-direction:column}.workspace{padding-bottom:14px}.volume-wrap{height:55vh;min-height:300px;flex:auto}.view-head{font-size:11px}.view-help{font-size:11px}.inspector{height:850px;border-left:0;border-top:1px solid var(--line);grid-template-rows:minmax(0,1fr) 320px}.speed-control{flex-wrap:wrap}.speed-track{min-width:120px}.corner-note{font-size:11px}.source-meta{font-size:11px}#sourceName{max-width:100%}}