#workspacePage{background:#171717;color:#f4f4f2;min-height:100vh;overflow:hidden}
body:has(#workspacePage:not(.hidden)){overflow:hidden}
.chat-sidebar{transform:translateX(calc(-100% - 38px))}
.chat-sidebar.open{transform:translateX(0)}

#workspacePage{background:#171717;color:#f4f4f2;min-height:100vh}.workspace-rail{position:fixed;z-index:4;inset:0 auto 0 0;width:38px;height:100vh;display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;border-right:1px solid #252525;background:#111}.rail-button,.workspace-rail .icon-button{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;color:#aaa;background:transparent}.rail-button:hover,.rail-button.active,.workspace-rail .icon-button:hover{color:#fff;background:#242424}.rail-button svg,.workspace-rail .icon-button svg{width:16px}.rail-spacer{flex:1}.upgrade-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:10px;border-radius:5px;color:#fff;background:#464084;overflow:hidden}.upgrade-button:hover{width:121px;justify-content:flex-start;padding-left:9px;gap:7px}.upgrade-button svg{width:13px;flex:0 0 auto}.upgrade-button span{display:none;font-size:10px;font-weight:700}.upgrade-button:hover span{display:block}.rail-avatar{display:grid;place-items:center;width:25px;height:25px;border:1px solid #444;border-radius:50%;color:#222;background:#d3d0ad;font:9px var(--mono)}.chat-sidebar{position:fixed;z-index:6;top:0;bottom:0;left:38px;width:236px;height:100vh;padding:18px 13px 12px;display:flex;flex-direction:column;border-right:1px solid #252525;background:#151515;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 30px rgba(0,0,0,.3)}.chat-sidebar.open{transform:translateX(0)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 6px 22px}.sidebar-top .icon-button{display:grid}.new-chat{width:100%;height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:5px;color:#e3e3e3;background:#252525;text-align:left;font-size:11px}.new-chat:hover{background:#303030}.new-chat svg{width:15px;color:#aaa}.history-label{margin:26px 8px 9px;color:#686868;font:9px var(--mono);text-transform:uppercase;letter-spacing:1.4px}.chat-history{display:grid;gap:2px;color:#666;font-size:11px}.history-item{padding:9px 8px;border-radius:4px;color:#aaa;background:transparent;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover{background:#242424;color:#fff}.workspace-user{display:flex;align-items:center;gap:8px;margin-top:auto;padding:14px 7px 2px;border-top:1px solid #252525}.workspace-user>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#222;background:#d3d0ad;font:9px var(--mono)}.workspace-user>div{display:grid;gap:3px;min-width:0;flex:1}.workspace-user strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-user small{color:#666;font:8px var(--mono)}.workspace-user button{padding:0;color:#666;background:transparent}.workspace-user svg{width:14px}.workspace-main{height:100vh;margin-left:38px;display:flex;flex-direction:column;background:#171717}.workspace-header{height:52px;flex:0 0 52px;display:flex;align-items:center;padding:0 19px;border-bottom:1px solid #252525}.workspace-mode{display:flex;align-items:center;gap:7px;color:#b4b4b4;font-size:11px}.workspace-header>.model-button{margin-left:20px}.workspace-header-actions{display:flex;gap:3px;margin-left:auto}.chat-canvas{position:relative;flex:1;min-height:0;overflow-y:auto}.empty-state{position:absolute;top:43%;left:50%;width:min(680px,calc(100% - 30px));transform:translate(-50%,-50%);text-align:center}.empty-state h1{margin:0 0 15px;font-size:25px;letter-spacing:-1px;font-weight:600}.empty-state h1 em{font-style:normal}.empty-state p{margin:0;color:#858585;font-size:12px}.messages{width:min(760px,calc(100% - 30px));margin:0 auto;padding:40px 0 170px}.message{display:flex;gap:10px;max-width:700px;margin:22px auto;line-height:1.6;font-size:13px}.message.user{justify-content:flex-end}.message.user>div{max-width:75%;padding:10px 13px;border-radius:9px;background:#292929}.message.agent>div:last-child{flex:1;color:#bcbcbc}.message-agent{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #777;border-radius:4px;color:#111;background:#eee;font-size:11px;font-weight:800}.message small{display:block;margin-bottom:7px;color:#737373;font:9px var(--mono);letter-spacing:1px}.composer-zone{width:min(600px,calc(100% - 30px));margin:0 auto;padding:0 0 17px}.workspace-composer{padding:11px 11px 8px;border:1px solid #363636;border-radius:11px;background:#1b1b1b;box-shadow:0 8px 25px #0b0b0b}.workspace-composer:focus-within{border-color:#555}.workspace-composer textarea{display:block;width:100%;min-height:24px;max-height:130px;resize:none;outline:0;border:0;color:#eee;background:transparent;font-size:12px;line-height:1.5}.workspace-composer textarea::placeholder{color:#777}.composer-controls{display:flex;align-items:center;gap:5px;margin-top:9px}.composer-plus,.mode-button,.desktop-chip{height:27px;display:flex;align-items:center;gap:6px;padding:0 7px;border-radius:4px;color:#999;background:transparent;font-size:10px}.composer-plus:hover,.mode-button:hover,.desktop-chip:hover{color:#fff;background:#282828}.desktop-chip{background:#292929;color:#aaa}.composer-model{margin-left:auto}.send-button{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#111;background:#999}.send-button:hover{background:var(--lime)}.workspace-note{margin:8px 0 0;text-align:center;color:#555;font:9px var(--mono)}
@media(max-width:700px){.workspace-main{margin-left:38px}.workspace-header{padding:0 10px}.workspace-header>.model-button{margin-left:8px}.workspace-header-actions{display:none}.empty-state h1{font-size:22px}.composer-zone{width:calc(100% - 20px)}.desktop-chip{display:none}}
+@media(max-width:700px){.workspace-main{margin-left:38px}.workspace-header{padding:0 10px}.workspace-header>.model-button{margin-left:8px}.workspace-header-actions{display:none}.empty-state h1{font-size:22px}.composer-zone{width:calc(100% - 20px)}.desktop-chip{display:none}}