.workspace-layout{min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;container:workspace-preview/inline-size}.workspace-chat{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-chat>.main{flex:1;min-width:0}.preview-panel{flex-direction:column;flex:0 0 min(var(--preview-width,540px),65%);background:var(--background);min-width:320px;min-height:0;color:var(--foreground);border-left:1px solid var(--border);display:flex;overflow:hidden}.preview-header{height:var(--chat-header-height,48px);min-height:var(--chat-header-height,48px);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:0 8px;display:flex}.preview-home{min-width:0;font-size:var(--text-sm);white-space:nowrap;text-align:left;flex:1;align-items:center;gap:8px;font-weight:500;display:flex}.preview-icon,.preview-toggle{border-radius:var(--radius-md);width:32px;height:32px;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.preview-icon:hover,.preview-toggle:hover{background:color-mix(in srgb,var(--foreground) 7.06%,transparent);color:var(--foreground)}.preview-follow{white-space:nowrap;font-size:var(--text-xs);color:var(--foreground);align-items:center;gap:5px;display:flex}.preview-follow input{accent-color:var(--primary);margin:0}.preview-source{font-size:var(--text-xs);color:var(--muted-foreground);flex-direction:column;align-items:stretch;gap:8px;display:flex}.preview-source select{background:var(--canvas);color:var(--foreground);border:1px solid var(--border);flex:1;min-width:0;padding:5px}.preview-tabs{border-bottom:1px solid var(--border);flex-shrink:0;min-height:32px;display:flex;overflow-x:auto}.preview-tabs>div{border-right:1px solid var(--border);min-width:100px;max-width:230px;display:flex}.preview-tabs>div.active{background:var(--accent)}.preview-tabs button{color:var(--muted-foreground);min-width:0;font-size:var(--text-xs);align-items:center;gap:6px;padding:8px;display:flex}.preview-tabs .active button{color:var(--foreground)}.preview-tabs button[role=tab]{flex:1}.preview-tabs span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-tabs svg{flex-shrink:0}.preview-resize{cursor:col-resize;touch-action:none;background:var(--canvas);flex:0 0 5px;width:5px}.preview-resize:focus-visible,.preview-resize:hover{background:var(--foreground)}.preview-full .workspace-chat,.preview-full .preview-resize{display:none}.preview-full .preview-panel{flex:1;max-width:none}.preview-library{flex:1;min-height:0;padding:8px 12px 30px;overflow:auto}.preview-library h2{font-size:var(--text-xs);color:var(--muted-foreground);margin:16px 0 8px;font-weight:500}.preview-library-heading{justify-content:space-between;align-items:center;display:flex}.preview-library-heading h2{margin:5px 0}.preview-file-row{text-align:left;border-bottom:1px solid var(--border);align-items:center;gap:10px;width:100%;padding:12px 3px;display:flex}.preview-file-row>svg{color:var(--muted-foreground);flex-shrink:0}.preview-file-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.preview-file-row strong{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.preview-file-row small{font-size:var(--text-xs);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-file-row:hover{background:color-mix(in srgb,var(--foreground) 3.14%,transparent)}.preview-empty{text-align:center;color:var(--muted-foreground);font-size:var(--text-xs);flex-direction:column;align-items:center;gap:14px;padding:30px 15px;line-height:1.6;display:flex}.preview-empty a{color:var(--foreground)}.preview-loading{color:var(--muted-foreground);font-size:var(--text-xs);padding:16px}.preview-error{color:var(--destructive);background:var(--destructive-surface);font-size:var(--text-xs);overflow-wrap:anywhere;flex-shrink:0;padding:12px;line-height:1.5}.preview-error button{margin-left:10px;text-decoration:underline;display:inline-block}.preview-note{font-size:var(--text-xs);color:var(--muted-foreground);margin:8px 0;line-height:1.5}.preview-open-url{gap:6px;margin-top:18px;display:flex}.preview-open-url input,.preview-browser-toolbar input,.preview-browser-input input,.preview-password input{background:var(--canvas);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;font-size:var(--text-xs);flex:1;padding:8px}.preview-open-url button,.preview-browser-input button,.preview-password button{font-size:var(--text-xs);background:var(--card);border-radius:var(--radius-sm);padding:6px 10px}.preview-image-link{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);text-align:left;align-items:center;gap:7px;max-width:100%;padding:8px 10px;display:inline-flex}.preview-image-link span{text-overflow:ellipsis;overflow:hidden}.preview-image{flex:1;min-height:0;padding:12px;overflow:auto}.preview-image img{height:auto;display:block}.preview-zoom{border-bottom:1px solid var(--border);font-size:var(--text-xs);justify-content:center;align-items:center;gap:10px;padding:6px;display:flex}.preview-zoom button{min-width:28px;min-height:28px}.preview-text{flex:1;min-height:0;padding:16px;overflow:auto}.preview-text pre{font-family:ui-monospace,SFMono-Regular,monospace;font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65}.preview-mobile-back{display:none}.preview-browser{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.preview-browser-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:0;padding:4px;display:flex}.preview-browser-toolbar form{flex:1;gap:3px;min-width:0;display:flex}.preview-browser-toolbar input{font-size:var(--text-xs);padding:5px 8px}.preview-browser-viewport{background:var(--canvas);outline-offset:-2px;flex:1;min-height:0;overflow:auto}.preview-browser-viewport img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.preview-browser-viewport.interactive img{cursor:crosshair;touch-action:none}.preview-browser-input{border-top:1px solid var(--border);gap:4px;padding:7px;display:flex}.preview-browser-input input{padding:7px}.preview-browser-input button{padding:5px 7px}.preview-pdf{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.preview-pdf-toolbar{border-bottom:1px solid var(--border);min-height:36px;font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 8px;display:flex}.preview-pdf-toolbar label{white-space:nowrap;align-items:center;gap:5px;display:flex}.preview-pdf-toolbar label input{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-xs);width:42px;color:var(--foreground);font-size:var(--text-xs);padding:4px}.preview-pdf-toolbar>span{flex:1}.preview-fit{min-width:34px;font-size:var(--text-xs)}.preview-pdf-pages{background:var(--canvas);overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow:auto}.preview-pdf-page{background:var(--document-background);color:var(--document-foreground);flex-shrink:0;margin:0 auto 14px;position:relative;overflow:hidden}.preview-pdf-page canvas{display:block}.preview-pdf-page .textLayer{opacity:1;--total-scale-factor:var(--scale-factor);line-height:1;position:absolute;inset:0;overflow:clip}.preview-pdf-page .textLayer ::selection{background:var(--document-selection)}.preview-password{align-items:end;gap:8px;padding:15px;display:flex}.preview-password label{font-size:var(--text-xs);flex-direction:column;flex:1;gap:8px;display:flex}@container workspace-preview (width<=760px){.preview-open>.workspace-chat{visibility:hidden;pointer-events:none}.preview-panel{z-index:50;width:100%;min-width:0;max-width:none;position:absolute;inset:0}.preview-resize{display:none}.preview-mobile-back{display:flex}.preview-close,.preview-header>.preview-icon[aria-label=Expand\ preview],.preview-header>.preview-icon[aria-label="Restore split view"]{display:none}}@media (width<=759px){.workspace-layout{overflow:visible}.workspace-layout.preview-open>.workspace-chat{visibility:hidden;pointer-events:none}.preview-panel{z-index:90;min-width:0;max-width:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;height:100dvh;position:fixed;inset:0}.preview-resize{display:none}.preview-mobile-back{display:flex}.preview-header{gap:4px;padding:0 8px}.preview-header>.preview-icon[aria-label=Expand\ preview],.preview-header>.preview-icon[aria-label="Restore split view"]{display:none}.preview-header .preview-home{font-size:var(--text-sm)}.preview-follow{font-size:var(--text-xs)}.preview-browser-input{flex-wrap:wrap}.preview-browser-input input{flex-basis:65%}.preview-source{font-size:var(--text-xs)}.preview-pdf-pages{padding:8px}.preview-pdf-toolbar{padding:4px}.preview-pdf-toolbar .preview-icon{width:25px}}.preview-text:has(.preview-html){padding:0;display:flex}.preview-html{background:var(--document-background);border:0;flex:1;width:100%;min-height:100%}.preview-text h1,.preview-text h2,.preview-text h3{margin:1em 0 .5em}.preview-text p{margin:.7em 0;line-height:1.65}.preview-text a{color:var(--primary);text-decoration:underline}.preview-image-link:has(img){flex-wrap:wrap;display:flex}.preview-image-link img{object-fit:contain;flex-basis:100%;max-width:100%;max-height:280px;display:block}.preview-home>svg{color:var(--muted-foreground);flex-shrink:0}.preview-home>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-home:hover{color:var(--foreground)}.preview-icon[aria-pressed=true]{background:var(--accent);color:var(--foreground)}.preview-menu{flex-shrink:0;position:relative}.preview-menu>summary{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;list-style:none;display:flex}.preview-menu>summary::-webkit-details-marker{display:none}.preview-menu[open]>summary,.preview-menu>summary:hover{background:var(--accent);color:var(--foreground)}.preview-menu-content{z-index:60;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);width:248px;max-width:calc(100vw - 32px);box-shadow:0 8px 24px color-mix(in srgb,var(--shadow-color) 26.6667%,transparent);flex-direction:column;gap:16px;padding:16px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.preview-menu-content .preview-follow{font-size:var(--text-xs)}.preview-menu-content select{border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--foreground);border:1px solid var(--border);padding:7px}.preview-source-detail{font-size:var(--text-xs);color:var(--foreground);overflow-wrap:anywhere;flex-direction:column;gap:4px;line-height:1.5;display:flex}.preview-source-detail>span{color:var(--muted-foreground)}.preview-menu-content .preview-note{margin:0}.preview-tabs button{padding-top:6px;padding-bottom:6px}@media (width<=759px){.preview-close{display:none}.preview-browser-toolbar .preview-icon,.preview-browser-toolbar .preview-menu>summary{width:30px;height:32px}.preview-menu-content{max-width:calc(100vw - 24px)}}.preview-menu-content>button{text-align:left;min-height:28px;font-size:var(--text-xs);color:var(--foreground);align-items:center;gap:8px;display:flex}