.s-file-preview-shell{position:relative;min-height:0;display:flex;flex:1}.s-file-preview-shell-body{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column;overflow:auto}.s-file-preview-shell-nav .s-file-preview-shell-body{box-sizing:border-box;padding-inline:var(--space-8xl)}.s-file-preview-side-nav{position:absolute;z-index:3;top:50%;width:38px;height:64px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--doc-focus-accent) 26%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 78%,transparent);color:color-mix(in srgb,var(--ink) 76%,transparent);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.s-file-preview-side-nav-left{left:12px}.s-file-preview-side-nav-right{right:12px}.s-file-preview-side-nav:hover{border-color:color-mix(in srgb,var(--doc-focus-accent) 46%,var(--border));background:color-mix(in srgb,var(--doc-focus-accent) 11%,var(--surface));color:var(--ink)}.s-file-preview-side-nav:disabled,.s-file-preview-side-nav:disabled:hover{cursor:default;border-color:color-mix(in srgb,var(--border) 46%,transparent);background:color-mix(in srgb,var(--surface) 42%,transparent);color:color-mix(in srgb,var(--muted) 44%,transparent)}.s-file-preview-side-nav:focus-visible{outline:2px solid color-mix(in srgb,var(--doc-focus-accent) 78%,transparent);outline-offset:2px}.s-file-preview-image-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.s-file-preview-image-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(45deg,rgb(255 255 255 / .04) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / .04) 75%),linear-gradient(45deg,rgb(255 255 255 / .04) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / .04) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.s-file-preview-image{max-width:100%;max-height:100%;object-fit:contain}.s-file-preview-media-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.s-file-preview-media-stage,.s-file-preview-audio-stage{width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-file-preview-media-stage{height:100%;min-height:240px}.s-file-preview-audio-stage{max-width:720px;padding:var(--space-4xl)}.s-file-preview-video{max-width:100%;max-height:100%;object-fit:contain}.s-file-preview-audio{width:min(100%,640px)}.s-file-preview-directory{min-height:100%;display:flex;flex-direction:column;padding:var(--space-xl);gap:var(--space-lg)}.s-file-preview-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-xs)}.s-file-preview-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-2xs)}.s-file-preview-breadcrumb-link{border:0;padding:0;background:transparent;color:color-mix(in srgb,var(--accent) 68%,var(--ink));cursor:pointer;font:inherit}.s-file-preview-breadcrumb-link:hover{color:var(--ink);text-decoration:underline}.s-file-preview-breadcrumb-current{color:var(--ink)}.s-file-preview-directory-list{min-height:0;display:flex;flex:1;flex-direction:column;gap:var(--space-xs)}.s-file-preview-entry{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,transparent);color:color-mix(in srgb,var(--ink) 82%,transparent);cursor:pointer;text-align:left}.s-file-preview-entry:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--ink)}.s-file-preview-entry-icon{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--accent) 65%,var(--ink))}.s-file-preview-entry-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-md)}.s-file-preview-entry-kind{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-sm)}.s-file-preview-directory-empty,.s-file-preview-callout{margin:auto 0;padding:var(--space-2xl);border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-file-preview-directory-empty{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-sm)}.s-file-preview-callout-title{color:var(--ink);font-size:var(--text-lg);font-weight:650}.s-file-preview-callout-copy{margin-top:var(--space-xs);color:var(--dim);font-size:var(--text-md);line-height:var(--leading-normal)}@media(max-width:720px){.s-file-preview-shell-nav .s-file-preview-shell-body{padding-inline:var(--space-6xl)}.s-file-preview-side-nav{width:32px;height:54px}.s-file-preview-side-nav-left{left:6px}.s-file-preview-side-nav-right{right:6px}}.s-capture-drop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:var(--space-xl);background:color-mix(in srgb,var(--bg) 18%,transparent);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);pointer-events:none}.s-capture-drop-card{width:min(520px,100%);padding:var(--space-xl) var(--space-lg);border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--ink) 18%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 18px 48px #00000038;text-align:center}.s-capture-drop-title{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--ink)}.s-capture-drop-copy{margin-top:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;color:var(--muted)}.s-capture-feedback{position:fixed;top:var(--space-lg);left:50%;z-index:130;max-width:min(520px,calc(100vw - 2 * var(--space-lg)));transform:translate(-50%);padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in srgb,var(--red) 36%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 12px 32px #0003;color:var(--red);font-size:var(--text-sm);line-height:1.45}.s-newchat-attachments{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.s-newchat-attachment{position:relative;width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:color-mix(in srgb,var(--ink) 4%,transparent)}.s-newchat-attachment img,.s-newchat-attachment video{width:100%;height:100%;object-fit:cover;display:block}.s-newchat-attachment-file{display:flex;width:100%;height:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-sm);color:var(--muted)}.s-newchat-attachment-file span{width:100%;overflow:hidden;font-family:var(--font-mono);font-size:var(--text-2xs);text-align:center;text-overflow:ellipsis;white-space:nowrap}.s-newchat-attachment-badge{position:absolute;left:var(--space-2xs);bottom:var(--space-2xs);padding:1px var(--space-2xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 72%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink)}.s-newchat-attachment-remove{position:absolute;top:var(--space-2xs);right:var(--space-2xs);width:20px;height:20px;border:none;border-radius:999px;background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--ink);cursor:pointer}.s-newchat-mode{display:flex;gap:var(--space-sm)}.s-newchat-mode-btn{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius-md);background:transparent;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);cursor:pointer}.s-newchat-mode-btn--on{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.s-newchat-attach-btn{align-self:flex-start;padding:var(--space-2xs) var(--space-sm);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius-md);background:transparent;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);cursor:pointer}.s-newchat-attach-btn:hover{color:var(--ink)}