:root{color-scheme:dark;--bg:#0c1118;--panel:#101720;--line:#222b37;--text:#e5eaf1;--muted:#8290a3;--green:#52dbb0;--red:#ee7889;--accent:#b4b7ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:5px;padding:8px 10px}button:hover{background:#202938}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.active{background:#27293f;color:#c8c9ff}header{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 27px;gap:39px}.brand{font-size:27px;font-weight:700;text-decoration:none;color:var(--text);letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-dot{color:var(--accent);margin-left:-10px}.logo{background:#b8baff;color:#10121b;font-size:25px;border-radius:8px;width:33px;height:33px;text-align:center}.workspace{font-size:10px;letter-spacing:2px;color:#7e8999}.header-right{margin-left:auto;display:flex;align-items:center;gap:23px;color:var(--muted)}#clock{font-variant-numeric:tabular-nums;color:#d7deeb}.app{display:grid;grid-template-columns:264px 1fr;min-height:calc(100vh - 73px)}aside{border-right:1px solid var(--line);padding:26px 15px 0;display:flex;flex-direction:column;min-height:0}.aside-title{font-size:17px;font-weight:600;display:flex;justify-content:space-between;padding:0 5px 23px}.aside-title span{color:var(--muted)}.search{display:flex;align-items:center;background:#151d28;border:1px solid #28313f;border-radius:7px;padding:6px 9px;gap:7px}.search span{font-size:23px;color:var(--muted)}input{min-width:0;background:transparent;border:0;color:var(--text);padding:6px;width:100%}input::placeholder{color:#788699;font-size:11px}kbd{color:var(--muted);border:1px solid var(--line);padding:1px 4px}.categories{display:flex;gap:2px;margin:15px 0 22px}.categories button{padding:7px 6px;font-size:11px}.list-head{display:flex;justify-content:space-between;font-size:9px;color:#667589;letter-spacing:1px;padding:0 8px 12px}#instruments{max-height:calc(100vh - 342px);min-height:250px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2b3545 transparent}.instrument{display:flex;align-items:center;border-radius:7px;margin-bottom:5px;padding-right:6px}.instrument.selected{background:#202537;box-shadow:inset 2px 0 #b4b7ff}.instrument>button:first-child{display:flex;text-align:left;gap:11px;align-items:center;width:100%;padding:11px 8px}.ticker-icon{width:30px;height:30px;display:grid;place-items:center;background:#242e3b;border-radius:50%;color:#d3d8ef;font-weight:650;font-size:11px}.instrument b{display:block;font-size:12px;letter-spacing:.4px}.instrument small{display:block;font-size:10px;color:var(--muted);max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.favorite{color:#818b9d;padding:5px}.favorite.on{color:#b9b8fc}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding:21px 0;display:flex;gap:10px;align-items:center}.aside-bottom b{font-size:11px;font-weight:500}.aside-bottom small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.session-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;flex-shrink:0}main{min-width:0}.symbol-header{display:flex;align-items:center;justify-content:space-between;padding:25px 29px 23px}.symbol-ident{display:flex;align-items:center;gap:13px}.symbol-icon{width:43px;height:43px;border-radius:11px;background:#233946;color:#89dfce;display:grid;place-items:center;font-size:23px;font-weight:600}#symbolPicker{padding:0;display:flex;gap:12px;align-items:center}#symbolPicker strong{font-size:22px}#symbolPicker span{color:var(--muted)}#company{font-size:11px;color:var(--muted);margin-top:5px}.asset-tag{border:1px solid #2c3543;padding:4px 6px;border-radius:4px;font-size:9px;color:var(--muted);align-self:flex-start;margin-top:6px}.quote{text-align:right}.quote strong{display:block;font-size:25px;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.quote span{display:block;font-size:11px;margin-top:5px;color:var(--green)}.chart-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 20px;gap:10px}.timeframes{display:flex;gap:5px}.timeframes button{padding:7px 14px;color:var(--muted)}.timeframes button.active{color:#cdceff}.timeframes span{font-size:9px;margin-left:3px}.control-right{display:flex;gap:7px}.control-right button{font-size:12px;color:#aeb9c9}.session-strip{padding:13px 28px;display:flex;align-items:center;gap:10px;color:#7e8ca0;font-size:10px}.session-strip b{color:#babce9;font-weight:500}.session-strip button{margin-left:auto;padding:0;color:#8b94b1}.chart-layout{display:flex;min-height:410px}.chart-column{flex:1;min-width:0}.ohlc{height:25px;padding-left:27px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.ohlc b{font-weight:500;color:#c8d1de;margin:0 9px 0 3px}.legend{height:24px;padding-left:27px;display:flex;gap:15px;font-size:10px}#chartWrap{position:relative;height:clamp(370px,52vh,710px)}#chart{width:100%;height:100%;display:block;touch-action:none;position:relative;z-index:2}#chartWatermark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:90px;color:#1a2430;font-weight:700;letter-spacing:5px;pointer-events:none;text-align:center}#chartWatermark span{display:block;font-size:9px;letter-spacing:4px;font-weight:400;color:#283645}#chartEmpty{position:absolute;inset:0;place-content:center;text-align:center;background:var(--bg);z-index:3;color:var(--muted)}#chartEmpty:not([hidden]){display:grid}.draw-tools{width:45px;display:flex;flex-direction:column;align-items:center;gap:6px;border-left:1px solid var(--line);padding:9px 5px}.draw-tools button{width:32px;height:31px;padding:4px;color:#9eacbd;font-size:18px}.draw-tools div{width:20px;border-top:1px solid var(--line);margin:3px 0}.chart-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:6px 20px;color:var(--muted);font-size:10px}.chart-bottom button{padding:7px 10px;font-size:10px}.chart-bottom b{font-weight:400;color:#526174;margin-left:10px}.lower{border-top:1px solid var(--line);padding:24px 28px;display:flex;align-items:center;gap:30px;background:linear-gradient(105deg,#111923,#10151e)}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#a9a9e6}.lower h2{font-size:17px;font-weight:500;margin:8px 0}.lower p{font-size:10px;color:var(--muted);margin:0}.session-blocks{display:flex;align-items:center;flex:1;gap:5px}.session-blocks>div{flex:1;background:#1b2330;border:1px solid #2a3342;border-radius:5px;padding:10px 5px;text-align:center}.session-blocks .short{background:#282940;border-color:#55537d;flex:.75}.session-blocks span{font-size:10px;color:#ccd2e3}.session-blocks b{display:block;font-size:8px;color:#728099;font-weight:400;margin-top:7px}.close-label{font-size:8px!important;color:#738094!important;padding-left:5px;line-height:19px}footer{display:flex;justify-content:space-between;align-items:center;padding:11px 23px;color:#8e99ab;font-size:9px;gap:15px}footer button{font-size:10px;color:#9ba8bb}#source{color:#c6ad76}dialog{border:1px solid #354155;border-radius:14px;background:#121a25;color:var(--text);width:min(560px,94vw);padding:25px;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#030711bd;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-heading h2{font-size:19px;margin:0}.dialog-heading button{font-size:24px}dialog p{color:#a0aec0;font-size:13px;line-height:1.7}dialog code{color:#c6c7ff}dialog label{display:block;color:#a0aec0;margin:10px 0}dialog input,dialog select{background:#0c1118;border:1px solid #344052;border-radius:5px;padding:9px}dialog input[type=color]{padding:2px;width:42px;height:33px}dialog input[type=checkbox]{width:auto}dialog .primary{background:#b5b6fa;color:#10121b;margin:10px 4px 0 0}dialog .indicator-row{display:flex;gap:10px;align-items:center;margin:12px 0}dialog .indicator-row input[type=number]{width:80px}dialog .indicator-row input[type=checkbox]{width:15px}dialog a{color:#b9bcff}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#30394c;color:#fff;border-radius:7px;z-index:10;padding:12px 20px;display:none;max-width:90vw}#notice.show{display:block}.empty-list{padding:20px;color:var(--muted)}@media(min-width:1600px){.app{grid-template-columns:290px 1fr}#chartWrap{height:62vh}}@media(max-width:1100px){.app{grid-template-columns:220px 1fr}.workspace{display:none}.lower{display:block}.session-blocks{margin-top:19px}.header-right{gap:12px}.symbol-header{padding:20px}.categories button{font-size:10px;padding:7px 4px}}@media(max-width:760px){header{height:60px;padding:0 15px}.brand{font-size:23px}.header-right #marketStatus{display:none}.header-right{font-size:10px;gap:5px}.app{display:block}aside{display:none;padding:18px;border-bottom:1px solid var(--line)}aside.mobile-open{display:flex}#instruments{max-height:300px}.aside-bottom{display:none}.symbol-header{padding:19px 15px}.symbol-icon{width:36px;height:36px}.quote strong{font-size:22px}.asset-tag{display:none}.chart-controls{padding:8px}.timeframes button{padding:7px 9px}.control-right{gap:0}.control-right button span{display:none}.session-strip{padding:12px;font-size:9px;gap:7px}.session-strip #sessionDescription{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ohlc{padding-left:12px;font-size:8px}.ohlc b{margin-right:4px}.legend{padding-left:12px;gap:10px;font-size:9px}#chartWrap{height:49vh;min-height:340px}.draw-tools{width:38px;padding:5px 2px}.chart-bottom{padding:5px;font-size:8px}.chart-bottom b{display:none}.lower{padding:21px 14px}.lower h2{font-size:15px}.session-blocks{gap:3px}.session-blocks>div{padding:10px 2px}.session-blocks span{font-size:9px}.close-label{display:none}footer{padding:12px;align-items:flex-start;flex-direction:column;gap:4px}footer button{padding-left:0;padding-right:20px}#chartWatermark{font-size:65px}}

.connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 25px 0;font-size:10px;color:#9daabf}.connection-row [data-state=connected]{color:#52dbb0}.connection-row [data-state=error]{color:#ef8e9b}.connection-row [data-state=demo]{color:#d3bb84}#chartHint{color:#75849a;text-align:right}#drawingStatus{color:#b8b9e0}button:disabled{opacity:.35;cursor:default}#scaleMode{font-size:10px}#chart{user-select:none;-webkit-user-select:none}.draw-tools{gap:3px}@media(max-width:760px){.connection-row{padding:9px 12px 0;flex-direction:column;align-items:flex-start;gap:5px}#chartHint{text-align:left;font-size:9px}.chart-bottom{flex-wrap:wrap;gap:4px}.chart-bottom>span:last-child{display:none}.header-right{flex-wrap:wrap;justify-content:flex-end}.header-right button{font-size:10px;padding:5px}.draw-tools button{height:27px}}
/* Workspace v0.3: compact, viewport-filling layout */
:root{--sidebar-width:250px}body{height:100dvh;overflow:hidden}body>header{height:44px;padding:0 16px}.workspace{font-size:9px}.header-right{gap:12px}.header-right button{padding:5px 9px}.app{height:calc(100dvh - 44px);display:grid;grid-template-columns:var(--sidebar-width) 5px minmax(0,1fr)}aside{width:auto;min-width:0;padding:16px 10px;overflow:auto}#sidebarResize{cursor:col-resize;background:#192330;touch-action:none}#sidebarResize:hover,#sidebarResize:focus{background:#9991ed}main{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.symbol-header{min-height:48px;padding:6px 16px;gap:8px}.symbol-ident{gap:10px}.symbol-icon{width:30px;height:30px;font-size:15px}#symbol{font-size:19px}#company{font-size:11px}.quote strong{font-size:21px}.quote span{font-size:10px}.chart-controls{padding:5px 12px;min-height:39px;gap:8px}.chart-controls button{padding:5px 9px;font-size:12px}.connection-row,.session-strip,.legend{display:none}body.show-details .connection-row,body.show-details .session-strip,body.show-details .legend{display:flex}.connection-row,.session-strip{padding:5px 14px;font-size:11px;min-height:25px}.chart-layout{flex:1;min-height:0;display:flex}.chart-column{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.ohlc{min-height:25px;height:auto;padding:5px 12px;font-size:10px;white-space:nowrap;overflow:hidden}.legend{min-height:24px;padding:3px 12px}#chartWrap{flex:1;height:auto!important;min-height:120px}#chart{width:100%;height:100%;display:block;touch-action:none}.chart-bottom{height:28px;min-height:28px;font-size:10px;padding:2px 10px}.chart-bottom>span:last-child{display:none}.draw-tools{width:39px;min-width:39px;overflow-y:auto;padding:3px}.draw-tools button{width:31px;height:30px;min-height:30px;font-size:17px}.draw-tools div{margin:3px 0}footer{padding:4px 12px;min-height:28px;font-size:10px}footer button{font-size:10px}.aside-bottom{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.form-grid label{margin:5px 0}select{background:#182332;color:#e5eafa;border:1px solid #344054;padding:9px;border-radius:6px;width:100%}dialog{max-height:90dvh;overflow:auto}#landing{display:none}body.welcome{overflow:auto;height:auto}body.welcome>header,body.welcome>.app{display:none}body.welcome #landing{display:block;min-height:100dvh;padding:30px 6vw;background:radial-gradient(ellipse at 85% 35%,#222748 0,transparent 55%),#0c1118}#landing>.brand{font-size:25px}.landing-nav{float:right;display:flex;gap:20px;align-items:center;color:#96a4b9;font-size:13px}.landing-hero{max-width:1100px;margin:10vh auto 0}.landing-hero h1{font-size:clamp(52px,7vw,96px);line-height:1.03;font-weight:600;letter-spacing:-5px;margin:20px 0 30px}.landing-hero>p{max-width:630px;line-height:1.8;font-size:18px;color:#adbbce}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:60px 0 35px}.landing-grid article{border-top:1px solid #344058;padding-top:20px}.landing-grid b{font-size:19px}.landing-grid p{color:#9aaac1;font-size:14px;line-height:1.7}.landing-hero small{color:#7689a3}.user-card{border:1px solid #2e3b4e;border-radius:9px;padding:14px;margin:12px 0}.user-card b{display:block;overflow-wrap:anywhere}.user-card small{color:#a0adc0}.user-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.user-actions button{padding:5px 9px}.login-dates{font-size:12px;color:#a8b6ca;line-height:1.8}.danger{color:#f193a1}.alert-card{border-bottom:1px solid #344054;padding:10px 0}.alert-card small{display:block;color:#9eabc0}@media(min-width:1100px){main{position:relative}.symbol-header{padding-right:62%;min-height:48px}.symbol-header .quote{display:none}.chart-controls{position:absolute;right:0;top:0;width:62%;height:48px;border-bottom:1px solid #263142;justify-content:space-between}.chart-controls .control-right{gap:2px}}@media(max-width:850px){.app{grid-template-columns:minmax(0,1fr)}aside{display:none}aside.mobile-open{display:block;position:fixed;left:0;top:44px;bottom:0;width:260px;z-index:30;background:#101721}#sidebarResize{display:none}.chart-controls{flex-wrap:wrap}.header-right #marketStatus,.workspace{display:none}.landing-nav span{display:none}.landing-grid{grid-template-columns:1fr;gap:16px;margin-top:35px}.landing-hero{margin-top:60px}.chart-bottom #drawingStatus{display:none}footer #source{max-width:50%;overflow:hidden;white-space:nowrap}.control-right span{display:none}}