/* Tactile workbench: persistent project context, crisp edges, and readable density. */
:root{--accent:#c4f07d;--line:#3a493c;--muted:#a4b2a5}
body{background:#111914}.topbar{background:#19251c;border-bottom:2px solid #3d513f}.brand-mark{border:1px solid #152318;border-radius:7px;box-shadow:2px 2px 0 #060c08}.topbar-context{font-size:12px}.topbar-context .status{border:1px solid #415543;border-radius:6px;padding:5px 9px;background:#213026}.status-dot{flex:0 0 auto}
.workbench{grid-template-columns:54px minmax(240px,268px) minmax(0,1fr);background:#101713}.icon-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;padding:10px 6px;gap:8px;border-right:2px solid #3a493c;background:#1a261e}.rail-button{width:40px;min-width:40px;flex-basis:40px;border:1px solid transparent;border-radius:8px}.rail-button:hover,.rail-button.active{border:1px solid #65865a;background:#314432;box-shadow:2px 2px 0 #080f0a}.rail-running{width:100%;display:flex;flex-direction:column;gap:5px;margin:4px 0;padding:9px 0;border-top:1px solid #455847}.mobile-running-count{display:none}.running-session{width:100%;min-height:37px;border:1px solid #405440;border-radius:7px;background:#233226;display:grid;grid-template-columns:7px minmax(0,1fr);padding:5px;box-shadow:2px 2px 0 #0b130d}.running-session.selected{border-color:var(--accent);background:#344935}.running-session>span,.running-session>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid{grid-column:2/4;grid-row:1;display:grid;grid-template-columns:minmax(240px,268px) minmax(0,1fr);min-height:0}.sidebar{position:relative;inset:auto;width:auto;height:auto;min-height:0;max-height:none;grid-column:1;grid-row:1;z-index:auto;border:0;border-right:2px solid #3a493c;border-radius:0;box-shadow:none;background:#19241d;padding:20px 14px 14px}.sidebar[style*="display: none"]{display:flex!important}.sidebar>.side-section:last-of-type{min-height:0}.sidebar-close{display:none}.workspace-heading h2{font-size:20px}.project-search input{height:40px;border:1px solid #4a604b;background:#101914}.workspace-list{gap:7px;padding:3px 3px 4px 0}.workspace-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:55px;padding:8px 10px;border:1px solid #394b3d;border-radius:9px;background:#202e24;color:#e3ebe1;box-shadow:2px 2px 0 #0b130e;transition:transform .14s,box-shadow .14s}.workspace-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #080e0a}.workspace-item.selected{background:#344931;border-color:#b5e676;color:#f3ffe6;box-shadow:3px 3px 0 #0b120c}.workspace-item>.workspace-name{font-size:13px;font-weight:700}.workspace-item small{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px ui-monospace,monospace;color:#afbeae}.project-activity{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap;border:1px solid #789d63;border-radius:5px;padding:3px 5px;background:#263c29;color:#c9f49a;font-size:10px;font-weight:700}.add-project{border:1px solid #435a43;border-radius:8px;padding:9px;background:#223025}.add-project summary{cursor:pointer;font-weight:700}.sidebar-foot{color:#adbcaa}.chat{grid-column:2;grid-row:1;background:#151e18}.chat-heading{min-height:62px;height:62px;flex-basis:62px;padding:9px 20px;background:#1c2920;border-bottom:2px solid #3a493c}.chat-icon{display:grid;flex:0 0 auto;background:#c4f07d;color:#182519;border:1px solid #7caa55;border-radius:8px;box-shadow:2px 2px 0 #0a110c}.chat-title h2{font-size:17px}.chat-heading .eyebrow{font-size:10px}.chat-heading>.new-session,.new-session,.button.primary{border:1px solid #1b321a;border-radius:7px;background:#c4f07d;color:#1a2b17;box-shadow:3px 3px 0 #090f09;font-size:12px;font-weight:700}.chat-heading>.new-session{min-height:36px;padding:7px 12px}.new-session:hover:not(:disabled),.button.primary:hover:not(:disabled){background:#d5fa9c;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #090f09}.session-toolbar{height:77px;min-height:77px;flex-basis:77px;padding:7px 16px 0;background:#1a251d;border-bottom:1px solid #3d5040}.session-search{width:min(270px,100%);height:27px;border-color:#4a5e4b}.session-search input{height:25px}.session-list{min-height:39px;flex-basis:39px;gap:6px}.session-tab{min-height:34px;max-width:190px;min-width:110px;border:1px solid #405342;border-radius:7px 7px 0 0;background:#202e24;padding:5px 10px 5px 19px}.session-tab span{font-size:11px;font-weight:700}.session-tab small{font-size:9px}.session-tab.active{border-color:#b3df7b;background:#314632;box-shadow:inset 0 -3px 0 #c4f07d}.session-state-dot{left:8px;top:12px;width:6px;height:6px}.session-empty{padding:8px;color:var(--muted);font-size:11px}.transcript{background:#151e18;padding:24px clamp(20px,4vw,65px)}.welcome{margin:clamp(40px,11vh,110px) auto 0}.welcome-orb{width:60px;height:60px;border-radius:13px;border:2px solid #a4d575;background:#314632;box-shadow:5px 5px 0 #0a110c}.welcome .eyebrow{margin:20px 0 7px}.welcome h2{font-size:28px}.welcome .button{margin-top:20px}.message.user{border:1px solid #719468;border-radius:11px 11px 3px 11px;background:#2b3e2d;box-shadow:3px 3px 0 #0c150e}.tool-card{border-color:#435944;box-shadow:2px 2px 0 #0c140e}.prompt-form{padding:12px 20px 16px;border-top:2px solid #3a493c;background:#1b281f}.composer{border:1px solid #718e6a;border-radius:10px;background:#243528;box-shadow:4px 4px 0 #0b130d}.composer:focus-within{border-color:#718e6a}.composer textarea{font-size:14px;min-height:60px}.send-button{min-height:37px}.button.secondary,.rail-close{border:1px solid #627866;box-shadow:2px 2px 0 #0b130d}.settings-dialog,.folder-dialog,.vue-dialog,.login-card{border:2px solid #779879;border-radius:12px;box-shadow:7px 7px 0 #070d09}.settings-dialog,.folder-dialog{max-width:calc(100vw - 28px)}.vue-dialog-backdrop{background:#050b06d9}.settings-nav{display:flex;gap:7px}.settings-dialog>header{gap:12px;flex-wrap:wrap}.preview-panel,.terminal-drawer{z-index:15;border:1px solid #72916f;box-shadow:5px 5px 0 #090f0a}.preview-panel{position:absolute;overflow:auto}.terminal-drawer{position:absolute}.rail-close{min-height:32px}
@media(max-width:900px){.workbench{grid-template-columns:50px minmax(0,1fr)}.grid{grid-column:2;grid-template-columns:minmax(0,1fr)}.sidebar{position:absolute;left:50px;top:48px;width:min(310px,calc(100vw - 56px));height:calc(100dvh - 48px);z-index:12;border:1px solid #779878;border-radius:0 10px 10px 0;box-shadow:6px 6px 0 #080e09}.sidebar[style*="display: none"]{display:none!important}.sidebar-close{display:block;margin-left:auto}.chat{grid-column:1}.preview-panel{left:50px;top:48px}.terminal-drawer{left:50px}}
@media(max-width:680px){.topbar{height:50px;flex-basis:50px;padding:0 11px}.topbar-context{gap:5px;min-width:0}.topbar-context>span:not(.status){max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-context .status{max-width:27px;min-width:27px;padding:8px;justify-content:center}.topbar-context .status span:last-child{display:none}.topbar-actions .new-session{font-size:11px;min-height:34px;padding:5px 8px;background:#273a2a;color:#e0f2d2;border-color:#577656;box-shadow:none}.topbar-actions .new-session::after{content:none}.workbench{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 58px}.grid{grid-column:1;grid-row:1}.icon-rail{grid-column:1;grid-row:2;z-index:11;height:58px;min-height:58px;flex-direction:row;justify-content:space-around;padding:5px 4px max(5px,env(safe-area-inset-bottom));border:0;border-top:2px solid #476147;overflow:visible}.rail-button{width:46px;min-width:46px;height:42px;min-height:42px;flex:0 0 46px}.rail-button small{display:block;font-size:8px}.rail-button span{font-size:16px}.rail-running{order:2;flex:0 0 auto;width:auto;max-width:90px;height:42px;margin:0;padding:0;border:0;overflow:visible}.rail-section-label,.rail-empty{display:none}.running-session{display:none}.rail-running::before{content:'Live ' attr(aria-label);display:none}.rail-button[aria-label="Previews"]{order:3}.rail-button[aria-label="Terminal"]{order:4}.rail-button[aria-label="Settings"]{order:5}.rail-running:has(.running-session){display:flex;align-items:center}.mobile-running-count{display:block;color:#c4f07d;font-size:10px;font-weight:700;white-space:nowrap}.sidebar{left:0;top:50px;width:min(350px,100vw);height:calc(100dvh - 108px);border-radius:0 10px 10px 0}.chat-heading{height:58px;min-height:58px;flex-basis:58px;padding:8px 12px}.chat-icon{display:grid;width:32px;height:32px}.chat-heading .eyebrow{max-width:38vw}.chat-heading h2{max-width:40vw;font-size:14px}.chat-heading>.new-session{min-height:40px;padding:7px 9px;font-size:11px}.session-toolbar{height:74px;min-height:74px;flex-basis:74px;padding:6px 8px 0}.session-search{width:100%;height:27px}.session-list{min-height:38px;flex-basis:38px}.session-tab{min-width:100px;max-width:140px;min-height:34px}.transcript{padding:18px 14px}.message{font-size:14px}.prompt-form{padding:9px 10px max(10px,env(safe-area-inset-bottom))}.composer textarea{font-size:16px;min-height:52px}.preview-panel{left:0;top:50px;width:min(350px,100vw);max-height:calc(100dvh - 108px)}.terminal-drawer{left:0;bottom:58px;width:100%}.settings-dialog{max-height:calc(100dvh - 24px);padding:15px}.folder-picker{height:calc(100dvh - 40px)}.manager-row{flex-wrap:wrap}.manager-row>span{flex-wrap:wrap}}
@media(max-width:390px){.rail-running{max-width:52px}.mobile-running-count{font-size:9px}.brand strong{display:none}.chat-icon{display:none}.chat-heading h2{max-width:45vw}.topbar-context>span:not(.status){max-width:32vw}}
@media(prefers-reduced-motion:reduce){.workspace-item,.button.primary,.new-session{transition:none}}