:root{color-scheme:dark;--bg:#0c1017;--panel:#131a24;--line:#26303e;--muted:#8491a3;--text:#eef2f8;--accent:#70e1c2;--accent-dark:#133c35;--red:#ff9d9d;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border-radius:7px;border:1px solid transparent;transition:background .15s}button:hover:enabled{filter:brightness(1.1)}.rail{width:76px;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;align-items:center;flex-direction:column;padding:27px 0;gap:48px;background:#0e131c}.brand{font-size:29px;line-height:37px;font-weight:850;color:var(--accent);text-decoration:none;position:relative}.brand span{position:absolute;right:-5px;bottom:0;width:5px;height:5px;background:var(--accent);border-radius:50%}.rail-item{height:43px;width:44px;display:grid;place-items:center;border-radius:8px}.rail-item.active{background:var(--accent-dark);color:var(--accent)}.monitor-icon{width:19px;height:14px;border:1.5px solid currentColor;border-radius:3px;position:relative}.monitor-icon:after{content:"";width:8px;height:4px;border-bottom:1.5px solid currentColor;position:absolute;bottom:-5px;left:4px}.rail-label{margin-top:auto;font-size:10px;color:#5d6b7e;letter-spacing:2px}.shell{margin-left:76px}.topbar{height:89px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.wordmark{font-size:23px;letter-spacing:-1px;font-weight:720;display:flex;align-items:baseline}.wordmark>span{color:var(--accent)}.wordmark small{font-size:9px;letter-spacing:1.7px;font-weight:500;color:var(--muted);margin-left:20px}.top-actions{display:flex;align-items:center;gap:22px}.connection{font-size:11px;color:var(--muted)}.connection.online{color:var(--accent)}.connection:before{content:"";display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:7px}.pilot{font-size:9px;letter-spacing:1px;color:#9faabb;border:1px solid var(--line);padding:6px 9px;border-radius:4px}.quiet{background:none;color:var(--muted);font-size:12px;padding:7px}.primary{background:var(--accent);color:#102a25;padding:12px 18px;font-weight:700}.secondary{background:#202a38;border-color:#344154;color:var(--text);padding:11px 15px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:600}main{padding:38px 42px;max-width:1800px;margin:auto;min-height:calc(100vh - 151px)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.page-heading h1{font-size:31px;font-weight:650;margin:12px 0 10px;letter-spacing:-1px}.page-heading p{color:var(--muted);font-size:13px}.total{display:flex;gap:12px;align-items:center}.total>strong{font-size:35px;font-weight:500;color:var(--accent)}.total span{font-size:12px;color:var(--muted)}.total b{font-weight:500;color:var(--text)}i{font-style:normal;color:#425068;padding:0 6px}.workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:22px;align-items:start}.station-panel,.desktop-panel{border:1px solid var(--line);background:var(--panel);border-radius:11px;overflow:hidden}.station-panel{padding:19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font-size:14px;font-weight:600}.tiny-label{font-size:8px;letter-spacing:1.5px;color:var(--accent)}input{border:1px solid var(--line);background:#0c121b;color:var(--text);padding:12px 13px;border-radius:6px;outline:none;width:100%}input:focus{border-color:var(--accent)}input::placeholder{color:#637186}#search{font-size:11px;padding:11px 12px;margin-bottom:17px}.station-list{display:grid;gap:12px;max-height:655px;overflow:auto}.station-card{padding:16px;background:#19222f;border:1px solid #2b3646;border-radius:8px}.station-card.selected{border-color:#60bba5;background:#1a2c30}.station-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.os-icon{font-size:10px;letter-spacing:1px;color:#a5b3c6;border:1px solid #3c4960;border-radius:5px;padding:5px 6px}.badge{border:1px solid #384253;color:#98a5b7;padding:4px 8px;border-radius:20px;font-size:9px;white-space:nowrap}.badge.online{color:var(--accent);border-color:#31584f;background:#153a312c}.station-card h3{font-size:14px;font-weight:600;overflow-wrap:anywhere}.os{font-size:10px;color:var(--muted);margin-top:6px;min-height:12px}.metrics{margin-top:16px;display:flex;gap:22px;font-size:9px;color:#7f8da1}.metrics strong{font-size:11px;font-weight:500;color:#c9d4e2;margin-left:7px}.station-detail{font-size:10px;line-height:1.6;color:#a7b2c1;margin:11px 0;overflow-wrap:anywhere}.view-button{background:#283747;color:#c8e9e3;border:1px solid #3a4b5f;width:100%;text-align:left;padding:9px 11px;font-size:11px}.view-button span{float:right}.panel-foot{font-size:9px;color:#63758c;padding-top:18px}.status-dot{width:5px;height:5px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:7px}.desktop-heading{height:84px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.desktop-heading .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.5px}.desktop-heading h2{font-size:16px;font-weight:550;margin-top:8px;overflow-wrap:anywhere}.viewport{background:#090d14;background-image:radial-gradient(#1c2533 .7px,transparent .7px);background-size:18px 18px;height:clamp(290px,36vw,620px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;outline:none;border-top:1px solid #202b3a;border-bottom:1px solid #202b3a}.viewport:focus{box-shadow:inset 0 0 0 2px #559c8d}.viewport.controlling{cursor:crosshair}.viewport img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;user-select:none;touch-action:none}.screen-placeholder{text-align:center;padding:30px}.screen-placeholder h3{font-size:16px;font-weight:500;margin-bottom:12px;color:#b2becc}.screen-placeholder p{font-size:12px;color:#68788e;line-height:1.8}.large-monitor{width:64px;height:44px;border:1.5px solid #4b626b;border-radius:6px;margin:0 auto 38px;position:relative;display:grid;place-items:center;box-shadow:0 0 70px #70e1c210}.large-monitor:before{content:"";position:absolute;bottom:-13px;left:25px;width:12px;height:11px;border-left:1.5px solid #4b626b}.large-monitor:after{content:"";position:absolute;bottom:-14px;left:17px;width:28px;height:1px;background:#4b626b}.large-monitor span{width:8px;height:8px;border:1px solid #70e1c2;border-radius:50%}#control-indicator{position:absolute;bottom:12px;right:12px;background:#132e2aea;border:1px solid #366359;border-radius:5px;padding:7px 10px;font-size:10px;color:var(--accent);pointer-events:none}.toolbar{padding:17px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.quality label{font-size:10px;color:var(--muted);margin-right:11px}.quality select{background:#101822;color:#ced9e7;border:1px solid #2c3c50;border-radius:5px;padding:9px;font-size:11px}.session-actions{display:flex;gap:9px}.session-actions button{font-size:11px;padding:10px 14px}.session-foot{border-top:1px solid var(--line);padding:12px 22px;display:flex;justify-content:space-between;font-size:9px;color:#718197;gap:15px}.bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.info-card{padding:22px 24px;border:1px solid #26313f;border-radius:9px;background:#101720}.card-index{font-size:8px;letter-spacing:1.6px;color:#74869d}.info-card h3{font-size:13px;font-weight:500;margin:13px 0 10px}.info-card p{font-size:11px;line-height:1.9;color:var(--muted)}.marine{border-color:#27443f}.marine .card-index{color:#65baa5}.notice{padding:13px 17px;background:#362526;border:1px solid #624142;border-radius:7px;margin-bottom:20px;font-size:12px;line-height:1.6;color:#ffc0b8}.muted{color:var(--muted);font-size:12px;padding:20px 0}.login-panel{max-width:770px;padding:8vh 0 11vh;margin:auto}.login-panel h1{font-size:clamp(34px,4.5vw,61px);letter-spacing:-2px;line-height:1.4;font-weight:550;margin:24px 0}.login-panel h1 span{color:var(--accent)}.login-panel>p{color:var(--muted);font-size:14px;line-height:1.9}.login-card{border:1px solid #2c3949;background:#131c28;border-radius:12px;padding:25px;margin-top:33px}.login-card label{font-size:12px;color:#dce6ef}.login-row{display:flex;gap:12px;margin:14px 0}.login-row input{min-width:0}.login-row button{white-space:nowrap}.login-row button span{margin-left:13px}.login-card small{font-size:11px;color:var(--muted)}.error{color:var(--red);font-size:12px;margin-top:12px}.error:empty{display:none}.login-note{font-size:10px;color:#728597;margin-top:24px}footer{height:62px;padding:20px 42px;border-top:1px solid #1f2937;display:flex;justify-content:space-between;font-size:9px;color:#5d6e84;letter-spacing:.2px}
@media(min-width:1500px){.workspace{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1050px){main{padding:28px 25px}.topbar{padding:0 25px}.workspace{grid-template-columns:245px minmax(0,1fr);gap:16px}.toolbar{align-items:stretch;flex-direction:column}.session-actions{justify-content:flex-end}.bottom-grid{gap:14px}.info-card{padding:18px}.wordmark small{display:none}}
@media(max-width:740px){.rail{display:none}.shell{margin:0}.topbar{height:72px;padding:0 18px}.connection{display:none}.top-actions{gap:9px}main{padding:26px 18px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.total{gap:7px}.total span{font-size:10px}.workspace{display:flex;flex-direction:column}.station-panel,.desktop-panel{width:100%}.station-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:340px}.viewport{height:330px}.bottom-grid{grid-template-columns:1fr}.desktop-heading{padding:18px}.session-foot{flex-direction:column;gap:6px}.login-panel{padding:5vh 0}.login-row{flex-direction:column}.login-card{padding:18px}.login-panel>p br{display:none}footer{padding:20px 18px;gap:10px;height:auto;line-height:1.6}footer span:last-child{text-align:right}}
/* RemoteQ 0.2 account management and desktop workspace. */
.login-card>input,.login-card form>input{margin:6px 0 16px}.login-card>button,.login-card form>button{margin-top:8px}.login-card summary{cursor:pointer;color:var(--accent)}.login-card p{font-size:12px;line-height:1.8;margin:12px 0}.management{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:24px}.management summary{cursor:pointer;font-weight:600}.management h2{font-size:16px;margin:12px 0}.management p{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.management input,.management select{display:block;width:100%;margin:5px 0 13px}.management label{font-size:12px}.management select,.display-options select,.input-tools select{background:#101822;color:var(--text);border:1px solid #344154;padding:9px;border-radius:5px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.form-message{grid-column:1/-1;color:var(--accent)!important}.user-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}#users{margin-top:15px}#enrollment-result{padding:14px;border:1px solid #31584f;border-radius:7px;margin-top:18px}#enroll-code{font-family:monospace;font-size:19px;color:var(--accent)}#account-name{font-size:11px;color:var(--muted)}.revoke-button{font-size:10px;padding:8px 0 0}.desktop-heading-actions{display:flex;align-items:center;gap:10px}.desktop-heading-actions button{font-size:11px;padding:8px}.toolbar{flex-wrap:wrap;align-items:end}.display-options{display:flex;flex-wrap:wrap;gap:10px}.display-options label,.input-tools label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.display-options select{font-size:11px;max-width:190px}.input-tools{border-top:1px solid var(--line);padding:13px 22px;display:flex;align-items:end;gap:10px;flex-wrap:wrap}.input-tools button{font-size:11px}.input-tools details{flex-basis:100%;font-size:12px;color:var(--muted)}.input-tools summary{cursor:pointer;padding:5px 0}.input-tools textarea{display:block;width:100%;resize:vertical;min-height:65px;background:#0c121b;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px;margin:8px 0;font:inherit}.input-tools details label{margin-top:10px}#text-hint{font-size:10px;margin-left:8px}.viewport.zoomed{overflow:auto;align-items:flex-start;justify-content:flex-start}.viewport.zoomed img{max-width:none;max-height:none;flex-shrink:0}.desktop-panel:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--panel);border-radius:0;border:none}.desktop-panel:fullscreen .viewport{flex:1;min-height:0;height:auto}.desktop-panel:fullscreen .desktop-heading{flex-shrink:0;height:66px}.desktop-panel:fullscreen .toolbar,.desktop-panel:fullscreen .input-tools,.desktop-panel:fullscreen .session-foot{flex-shrink:0}.desktop-panel:fullscreen .input-tools:has(details:not([open])){padding-top:5px;padding-bottom:5px}.desktop-panel:fullscreen .viewport img{object-fit:contain}.session-foot{flex-wrap:wrap}#fullscreen{white-space:nowrap}#setup-account h2{color:var(--accent)}@media(max-width:900px){.management-grid,.form-grid{grid-template-columns:1fr}.top-actions{gap:9px}.wordmark small{display:none}.toolbar{padding:13px}.input-tools{padding:13px}.desktop-heading{padding:12px;gap:8px}.desktop-heading-actions{gap:5px}.display-options select{max-width:155px}}@media(max-width:580px){#account-name{display:none}.pilot{display:none}.display-options{width:100%}.desktop-heading h2{font-size:14px}.desktop-heading-actions .badge{display:none}}

.form-message.error{color:var(--red)!important;font-size:14px;font-weight:600}