.workspace-shell{--project-width:220px;--chat-width:430px;height:calc(100vh - 170px);min-height:620px;display:grid;grid-template-columns:var(--project-width) 7px var(--chat-width) 7px minmax(320px,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#07111d}.workspace-shell.workspace-fullscreen{width:100vw;height:100vh;min-height:0;border:0;border-radius:0}.workspace-shell.is-resizing,.workspace-shell.is-resizing *{cursor:col-resize!important;user-select:none}.project-pane,.chat-pane,.preview-pane{min-width:0}.project-pane{padding:16px;display:flex;flex-direction:column}.pane-resizer{position:relative;width:7px;height:100%;padding:0;border:0;border-left:1px solid #162a40;border-right:1px solid #162a40;background:#081522;cursor:col-resize;touch-action:none}.pane-resizer:after{content:"";position:absolute;inset:0 2px;background:#2a5279;opacity:.25;transition:opacity .16s,background .16s}.pane-resizer:hover:after,.pane-resizer:focus-visible:after{opacity:1;background:#2387ff}.pane-resizer:focus-visible{outline:2px solid #63b7ff;outline-offset:-2px}.pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pane-head h3{font-size:13px;margin:0 0 16px}.project-pane>.ghost{width:100%;font-size:11px}.file-tree{display:grid;gap:10px;margin:22px 2px;color:#9cb0c7;font-size:12px}.file-tree strong{color:white}.file-tree .nested{padding-left:14px}.project-connection{margin-top:auto;display:flex;gap:9px;align-items:flex-start;padding-top:15px;border-top:1px solid var(--line)}.project-connection strong,.project-connection small{display:block;font-size:10px}.project-connection small{color:var(--muted);margin-top:4px}.chat-pane{display:grid;grid-template-rows:auto 1fr auto;background:#08131f}.chat-toolbar,.preview-toolbar{height:55px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-toolbar label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:800}.chat-toolbar select{border:1px solid var(--line);border-radius:8px;background:#0b1928;color:#eaf3ff;padding:7px}.chat-stream{padding:18px;overflow:auto}.message{display:grid;grid-template-columns:28px 1fr;gap:9px;margin-bottom:18px}.message>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#14335a;color:#8ec9ff;font-size:11px;font-weight:900}.message.user>span{background:#33304c;color:#d8c7ff}.message p{margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:4px 13px 13px 13px;background:#0c1b2b;color:#c9d8e8;font-size:12px;line-height:1.55}.message.user p{background:#151b2c}.composer{margin:12px;border:1px solid #294867;border-radius:13px;background:#06101b;overflow:hidden}.composer textarea{width:100%;resize:none;border:0;outline:0;background:transparent;color:white;padding:13px;font:inherit;font-size:12px}.composer-actions{display:flex;align-items:center;justify-content:space-between;padding:8px}.composer-actions>div{display:flex;align-items:center;gap:7px}.composer-actions small{color:var(--muted);font-size:9px}.icon-button,.device{border:1px solid var(--line);border-radius:7px;background:#0c1b2b;color:#b8c9dc;padding:6px 9px;cursor:pointer}.preview-pane{display:grid;grid-template-rows:auto 1fr auto;background:#050b14}.preview-toolbar>div{display:flex;gap:5px}.device{font-size:10px}.device.active{color:#7ec3ff;border-color:#316ca4}.browser-frame{margin:14px;min-height:0;border:1px solid #273d55;border-radius:12px;background:white;overflow:hidden;display:grid;grid-template-rows:32px 1fr}.browser-bar{background:#dce5ef;color:#657386;display:flex;align-items:center;gap:5px;padding:0 9px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#91a0af}.browser-bar span{margin-left:7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-frame iframe{width:100%;height:100%;border:0;background:white}.change-strip{min-height:65px;border-top:1px solid var(--line);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.change-strip strong,.change-strip small{display:block;font-size:10px}.change-strip small{color:var(--muted);margin-top:4px}@media(max-width:1200px){.workspace-shell{--project-width:180px;--chat-width:340px}}@media(max-width:900px){.workspace-shell,.workspace-shell.workspace-fullscreen{height:auto;min-height:0;grid-template-columns:1fr}.workspace-shell.workspace-fullscreen{height:100vh;overflow:auto}.project-pane,.pane-resizer{display:none}.chat-pane{height:570px;border-right:0;border-bottom:1px solid var(--line)}.preview-pane{height:620px}.content:has(.workspace-shell){padding:10px}}@media(max-width:560px){.preview-pane{height:520px}.preview-toolbar{padding:8px}.preview-toolbar .ghost{padding:8px 10px}}