html,body{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;}[hidden]{display:none !important;}body{background:var(--bg-app);color:var(--text-primary);}.topbar{background:var(--bg-app);border-color:var(--border);}.theme-picker{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:12px;}.theme-picker select,.workspace-theme-picker select{height:32px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-panel);color:var(--text-primary);}.idle-stage{display:none !important;}body:not(.has-tool):not(.has-file)>main{min-height:calc(100dvh - 60px);}body:not(.has-tool):not(.has-file) .landing{width:min(1240px,100%);min-height:calc(100dvh - 60px);}.workspace-rail{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--workspace-rail);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-right:1px solid var(--border);background:var(--bg-panel);}.workspace-rail button{position:relative;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);cursor:pointer;}.workspace-rail button:hover,.workspace-rail button[aria-current="page"]{background:var(--bg-raised);color:var(--text-primary);}.workspace-rail button[aria-current="page"]::before{position:absolute;left:-4px;width:2px;height:22px;border-radius:2px;background:var(--accent);content:"";}.rail-glyph{font:700 12px/1 var(--font-mono);letter-spacing:-0.04em;}.rail-spacer{flex:1;}body.has-tool,body.has-file{height:100dvh;overflow:hidden;}body.has-tool .home-topbar,body.has-file .home-topbar,body.has-tool .landing,body.has-file .landing{display:none !important;}body.has-tool>main,body.has-file>main{height:100dvh;min-height:0;margin-left:var(--workspace-rail);overflow:hidden;}.tool-host,.file-workbench{width:100%;height:100dvh;min-width:0;min-height:0;background:var(--bg-app);}.tool-host{display:grid;grid-template-rows:var(--document-header) minmax(0,1fr) var(--status-bar);}.tool-toolbar,.file-toolbar{min-width:0;height:var(--document-header);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:0 var(--space-2);border-bottom:1px solid var(--border);background:var(--bg-panel);}.document-tabs,.document-actions{min-width:0;display:flex;align-items:center;gap:var(--space-1);}.document-tab,.document-actions button{min-width:32px;height:32px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);cursor:pointer;}.document-tab{max-width:min(440px,42vw);display:flex;align-items:center;gap:var(--space-2);padding:0 10px;}.document-tab.active{background:var(--bg-raised);color:var(--text-primary);}.document-tab b,.document-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.document-tab b{font-size:14px;}.document-tab span{color:var(--text-muted);font-size:11px;}.document-actions{justify-content:flex-end;}.document-actions button:hover,.document-tab:hover{background:var(--bg-raised);color:var(--text-primary);}.workspace-theme-picker{display:flex;align-items:center;}.workspace-theme-picker span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}.workspace-theme-picker select{width:108px;}.tool-surface{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--bg-app);}.workspace-statusbar{min-width:0;height:var(--status-bar);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-3);border-top:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);font:11px/1 var(--font-mono);}.workspace-statusbar span:last-child{margin-left:auto;}.file-workbench{display:grid;grid-template-rows:var(--document-header) minmax(0,1fr) var(--status-bar);}.file-toolbar{grid-template-columns:auto minmax(0,1fr) auto;}.file-layout{min-height:0;grid-template-columns:minmax(520px,1fr) minmax(260px,300px);}.preview-panel{position:relative;min-width:0;min-height:0;padding:var(--space-3);overflow:hidden;background:var(--bg-canvas);}.preview-progress{position:absolute;z-index:3;inset:var(--space-3);height:auto;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-app);}.document-page{align-self:start;justify-self:center;width:min(820px,calc(100% - 44px));min-height:calc(100% - 44px);margin:22px;padding:clamp(30px,6vw,72px);border:1px solid rgba(12,14,16,0.15);border-radius:3px;background:#fbfaf7;color:#1a1d1f;box-shadow:0 18px 55px rgba(0,0,0,0.34);font:16px/1.65 Georgia,"Times New Roman",serif;text-align:left;}.document-page h1,.document-page h2,.document-page h3{margin:1.1em 0 0.45em;line-height:1.2;font-family:var(--font-ui);}.document-page table{width:100%;border-collapse:collapse;margin:1em 0;}.document-page td,.document-page th{padding:7px;border:1px solid #d4d0c8;}.document-page img{max-width:100%;height:auto;}.document-page.editing{outline:2px solid var(--accent);outline-offset:-2px;}.command-palette{width:min(640px,calc(100% - 24px));max-height:min(620px,calc(100dvh - 24px));padding:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel);color:var(--text-primary);box-shadow:0 24px 70px rgba(0,0,0,0.48);}.command-palette::backdrop{background:rgba(4,8,10,0.68);}.command-palette form{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:inherit;}.command-palette input{width:100%;height:48px;padding:0 var(--space-4);border:0;border-bottom:1px solid var(--border);background:var(--bg-raised);color:var(--text-primary);font-size:15px;outline:0;}.command-palette-results{min-height:120px;padding:var(--space-2);overflow:auto;}.command-result{width:100%;min-height:42px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;}.command-result:hover,.command-result:focus-visible{background:var(--bg-raised);}.command-result small{color:var(--text-muted);}@media (max-width:1279px){.file-layout{grid-template-columns:minmax(0,1fr) 280px;}}@media (max-width:767px){.workspace-rail{display:none;}body.has-tool>main,body.has-file>main{width:100vw;margin-left:0;}.tool-host,.file-workbench{width:100vw;}.tool-host{grid-template-rows:48px minmax(0,1fr) calc(28px + env(safe-area-inset-bottom));}.tool-toolbar,.file-toolbar{height:48px;padding:0 var(--space-2);}.document-tab{max-width:48vw;padding-inline:var(--space-2);}.document-tab span,.document-actions .workspace-command-label,.workspace-theme-picker{display:none;}.document-actions button{min-width:44px;height:44px;}.workspace-statusbar{min-height:28px;padding-bottom:env(safe-area-inset-bottom);}.workspace-statusbar span:nth-child(2){display:none;}.file-layout{display:block;position:relative;}.preview-panel{width:100%;height:100%;padding:0;}.preview{border:0;border-radius:0;padding-bottom:58px;}.file-inspector{position:absolute;z-index:10;right:0;bottom:0;left:0;max-height:62%;border-top:1px solid var(--border);border-left:0;transform:translateY(calc(100% - 50px));transition:transform 150ms ease;}.file-inspector.open,.file-inspector:focus-within{transform:translateY(0);}.document-page{width:calc(100% - 20px);min-height:calc(100% - 20px);margin:10px;padding:24px 18px;}.command-palette{max-height:calc(100dvh - 16px);}}
