.pine-page{max-width:1400px}.pine-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pine-toolbar label{min-width:180px}.pine-toolbar p{margin:4px 0}.pine-canvas-wrap{position:relative;height:520px;width:100%;background:#0f141b;border:1px solid #344152;border-radius:8px;overflow:hidden}#pine-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.pine-legend{font-size:.85rem}.bull{color:#59d9bb}.bear{color:#f7b64c}.tested{color:#fa925b}.pine-table-wrap{overflow:auto}.pine-table-wrap td{white-space:nowrap}.pine-table-wrap td.bull{color:#59d9bb;font-weight:600}.pine-table-wrap td.bear{color:#f7b64c;font-weight:600}#pine-add-position[hidden]{display:none}#pine-add-position{display:inline-block;padding:10px 16px;background:#173f35;border:1px solid #40866e;border-radius:6px}#pine-quality>div,#pine-plan>div{padding:10px;min-width:120px}#pine-quality strong,#pine-plan strong{display:block;font-size:1.2rem}#pine-events{max-height:300px;overflow:auto;list-style:none;padding:0;margin:0}#pine-events .pine-event{display:flex;align-items:baseline;gap:8px;padding:7px 2px;border-bottom:1px solid #263342}#pine-events .pine-event:last-child{border-bottom:0}.event-kind{font-weight:650;min-width:56px}.event-side{text-transform:capitalize;font-weight:600}.event-detail{color:#9dafc3;font-size:.85rem}.kind-choch{color:#b7a0fb}.kind-bos{color:#6ea8ff}.kind-sweep{color:#fa925b}#pine-blockers:empty{display:none}@media(max-width:650px){.pine-canvas-wrap{height:410px}.pine-toolbar{gap:8px}.pine-toolbar label{width:100%}.pine-toolbar button{flex:1}.pine-table-wrap{font-size:.85rem}}
.pine-toolbar select{display:block;width:100%;padding:10px;margin-top:6px;background:#10151c;color:#dfe8f3;border:1px solid #48586c;border-radius:6px;font:inherit}.pine-toolbar label{display:block}
@media(min-width:900px){#pine-quality,#pine-plan{grid-template-columns:repeat(4,minmax(0,1fr))}}