.drawing-tools{display:flex;align-items:center;gap:8px;padding:0 18px 14px;flex-wrap:wrap}.drawing-tools>span{font-size:12px;color:var(--muted)}.drawing-tools button{font-size:14px;padding:6px 10px}.drawing-tools #drawLong{border-color:#296c63;color:#6fe1bf;background:#12332f}.drawing-tools #drawShort{border-color:#753f55;color:#f4a6b4;background:#351f2a}.drawing-tools .drawing-hint{margin-left:auto}.canvas-wrap{isolation:isolate}.order-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.trade-zone{position:absolute;pointer-events:none;border:1px solid}.trade-zone.sl{background:#d0576d20;border-color:#d0576d40}.trade-zone.tp{background:#32be9520;border-color:#32be9540}.trade-line{position:absolute;height:0;border-top:1px dashed #527fae;color:#97c8ff}.trade-line.sl{border-color:#e17a8b;color:#ffa8b8}.trade-line.tp{border-color:#48c89f;color:#7de6c2}.trade-line.draft{border-top-style:solid;border-top-width:2px}.line-handle{position:absolute;left:8px;right:auto;top:-13px;pointer-events:auto;touch-action:none;cursor:ns-resize;background:#152b45;color:inherit;border-color:currentColor;font:12px monospace;padding:5px 8px;white-space:nowrap;max-width:72%;z-index:1}.trade-line.sl .line-handle{background:#38212c}.trade-line.tp .line-handle{background:#12382e}.trade-line:not(.draft) .line-handle{left:18%;right:auto;opacity:.85;cursor:pointer;font-size:12px}.line-handle:disabled{cursor:default;opacity:.8}.line-editor{margin:12px 12px 16px;padding:12px;border:1px solid #466b9b;border-radius:7px;background:#142439}.line-editor-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.line-editor-head b{font-size:14px}.line-editor-head button{padding:2px 7px}.line-editor p{font-size:12px;color:#a3b3c8;line-height:1.7}.line-editor form{padding:0}.line-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.line-fields label{margin-bottom:0;font-size:12px}.line-fields input{padding:8px;font-size:14px;margin-top:5px}.line-fields input:disabled{opacity:.6}.line-metrics{font:12px/1.8 'Segoe UI','Microsoft YaHei',sans-serif;background:#0d1929;border-radius:4px;padding:10px;margin-top:12px;color:#ccdaec}.line-editor #lineError{color:#f6a2b1;margin:7px 0}.line-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.submit-lines{width:100%;background:#286fd0;border:0;padding:10px;font-size:14px}.cancel-lines{width:100%;background:#30212a;border-color:#754456;color:#f3a7b5;padding:10px;font-size:14px}.line-editor .line-footnote{margin-bottom:0}.chart-tip{max-width:70%;font-size:12px}.quote-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);padding:0 18px 10px}.quote-legend .ask{color:#f0bc75}.quote-legend .bid{color:#75b2f6}@media(max-width:600px){.drawing-tools{padding:0 12px 10px;gap:6px}.drawing-tools .drawing-hint{width:100%;margin:0}.line-handle{font-size:12px;padding:7px 5px;top:-15px}.trade-line:not(.draft) .line-handle{left:2%;right:auto}.canvas-wrap{min-height:320px}.quote-legend{padding-left:12px;font-size:12px}.line-editor{margin:12px}.chart-panel{min-height:560px}}
.order:has(.line-editor:not([hidden])) .order-type,.order:has(.line-editor:not([hidden])) #orderForm,.order:has(.line-editor:not([hidden])) .order-note{display:none}
.chart-panel:fullscreen{position:relative}.chart-panel:fullscreen>.line-editor{position:absolute;right:18px;bottom:62px;z-index:12;width:min(330px,calc(100vw - 36px));max-height:calc(100vh - 125px);margin:0;overflow:auto;box-shadow:0 14px 45px #0009}.chart-panel:fullscreen>.line-editor .line-footnote{display:none}@media(max-width:600px){.chart-panel:fullscreen>.line-editor{right:8px;bottom:58px;width:calc(100vw - 16px);max-height:55vh}}


.line-close{position:absolute;right:8px;top:-13px;z-index:2;width:27px;height:27px;padding:0;pointer-events:auto;border:1px solid #d66b7c;background:#3a202b;color:#ff9faf;font:bold 16px/25px sans-serif}.line-close:hover{background:#713044;color:#fff}.fullscreen-positions{display:none}.chart-panel:fullscreen>.fullscreen-positions{display:flex;align-items:center;gap:7px;padding:6px 12px;border-top:1px solid var(--border);overflow-x:auto;min-height:38px}.fs-position{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:4px 5px 4px 9px;border:1px solid var(--border);border-radius:4px;font:12px monospace}.fs-position em{font-style:normal}.fs-position button{padding:3px 7px;border-color:#844557;color:#ff9faf;background:#351f2a}@media(max-width:600px){.chart-panel:fullscreen>.fullscreen-positions{padding:5px 8px}.fs-position b{display:none}}
.fullscreen-positions:empty{display:none!important}