.composer-site-tag{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 6px 0 8px;font-size:13px;font-weight:500;display:inline-flex}.composer-site-tag>svg{width:15px;height:15px}.composer-site-tag button{width:20px;height:20px;color:var(--muted-foreground);border-radius:999px;place-items:center;display:inline-grid}.composer-site-tag button:hover,.composer-site-tag button:focus-visible{background:var(--accent);color:var(--foreground);outline:none}.composer-site-tag button svg{width:13px;height:13px}.site-panel{border-left:1px solid var(--border);background:var(--background);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.site-panel-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.site-panel-title{align-items:center;gap:6px;margin-right:4px;font-size:14px;font-weight:600;display:inline-flex}.site-panel-title svg{width:16px;height:16px}.site-panel-segment{border:1px solid var(--border);background:var(--muted);border-radius:4px;padding:2px;display:inline-flex}.site-panel-segment button{height:26px;color:var(--muted-foreground);border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:13px;display:inline-flex}.site-panel-segment button svg{width:15px;height:15px}.site-panel-segment button[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #00000014}.site-panel-segment button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.site-panel-body{background:var(--muted);flex:1;min-height:0;position:relative;overflow:auto}.site-panel-empty{height:100%;color:var(--muted-foreground);text-align:center;place-items:center;padding:24px;display:grid}.site-panel-frame{height:100%;padding:0}.site-panel-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.site-panel-body[data-device=mobile] .site-panel-frame{justify-content:center;padding:20px 12px;display:flex}.site-live-frame:not([data-ready]){width:0;height:0;position:absolute;overflow:hidden}.site-live-stack{width:100%;height:100%;display:grid}.site-live-stack iframe{visibility:hidden;grid-area:1/1}.site-live-stack iframe[data-front]{visibility:visible}.site-panel-body[data-device=mobile] .site-live-stack{justify-items:center;width:auto;max-width:100%}.site-panel-body[data-device=mobile] .site-panel-frame iframe{border:8px solid #1c1c1e;border-radius:36px;width:390px;max-width:100%;height:min(844px,100%);box-shadow:0 12px 32px #0000002e}.site-file-card{border:1px solid var(--border);background:var(--card,var(--background));border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:560px;margin:12px 0;padding:10px 12px 10px 10px;display:flex}.site-file-thumb{border:1px solid var(--border);background:var(--muted);width:52px;height:52px;color:var(--muted-foreground);border-radius:4px;flex:none;place-items:center;display:grid}.site-file-thumb svg{width:22px;height:22px}.site-file-text{flex-direction:column;flex:140px;min-width:0;display:flex}.site-file-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.site-file-text span{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.site-file-actions{flex:none;gap:6px;margin-left:auto;display:flex}.library-site-preview{pointer-events:none;background:#fff;border:0;width:100%;height:100%}.publish-choice{border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-content:start;gap:4px;padding:12px;transition:border-color .16s ease-out,background-color .16s ease-out;display:grid}.publish-choice:hover{background:color-mix(in srgb, var(--muted) 50%, transparent)}.publish-choice:has(input:checked){border-color:var(--foreground);background:color-mix(in srgb, var(--muted) 60%, transparent)}.publish-choice:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.publish-choice:has(input:disabled){cursor:default;opacity:.7}.publish-badge{border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);letter-spacing:.02em;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:500}.publish-segment{border-radius:var(--radius-md);background:var(--muted);width:fit-content;max-width:100%;padding:2px;display:inline-flex}.publish-segment label{border-radius:calc(var(--radius-md) - 2px);min-height:28px;color:var(--muted-foreground);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.publish-segment label:has(input:checked){background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #00000014}.publish-segment label:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:1px}.publish-target,.publish-result{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--muted) 55%, transparent);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px;display:flex}.publish-result{border:1px solid color-mix(in srgb, var(--status-green) 35%, transparent)}.publish-target>.min-w-0,.publish-result>.min-w-0{flex:180px}.publish-hosts{gap:8px;padding-top:4px;display:grid}@media (max-width:639px){.publish-choice,.publish-segment label{min-height:44px}.publish-segment{width:100%;display:flex}.publish-segment label{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.publish-choice{transition:none}}.library-site-frame{width:100%;height:100%;position:relative;overflow:hidden}.library-site-frame .library-site-preview{transform-origin:0 0;width:400%;height:400%;position:absolute;top:0;left:0;transform:scale(.25)}.library-open-conversation{color:var(--muted-foreground);text-underline-offset:3px;font-size:13px;text-decoration:underline}.library-open-conversation:hover{color:var(--foreground)}@media (min-width:1024px){.compare-layout[data-panel=true]>.site-panel{grid-area:1/2;height:100dvh;position:sticky;top:0}.compare-layout[data-panel=true]:has(>.site-panel)>.chat-canvas{align-self:stretch}}@media (max-width:1023px){.site-panel{border-top:1px solid var(--border);border-left:0;height:75dvh}}@media (min-width:1024px){.compare-layout[data-panel=true] .composer-toolbar{flex-wrap:nowrap;min-width:0}.compare-layout[data-panel=true] .composer-toolbar .repository-label{display:none}.compare-layout[data-panel=true] .composer-toolbar>*{flex-shrink:0}.compare-layout[data-panel=true] .composer-toolbar>.run-with-trigger{flex-shrink:1;min-width:0}.compare-layout[data-panel=true] .composer-toolbar>.ml-auto{flex-shrink:0}}.run-with-trigger{min-width:0}.run-with-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.site-header-controls{flex:auto;justify-content:flex-end;min-width:0;display:flex}.site-header-controls:empty{display:none}.site-panel-toolbar[data-in-header]{border-bottom:0;flex-wrap:nowrap;gap:6px;padding:0}.site-panel-toolbar[data-in-header] .site-panel-title{display:none}.workspace-header:has(.site-header-controls:not(:empty))>div:first-child{flex:auto}@media (min-width:1024px){.workspace-main:has(>.compare-layout>.site-panel)>.workspace-header{z-index:5;background:var(--canvas);border-bottom:1px solid var(--border);position:sticky;top:0}.compare-layout[data-panel=true]>.site-panel{height:calc(100dvh - 76px);top:76px}}.site-build-progress{height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.site-build-progress-compact{border:1px solid var(--border);background:var(--muted);min-width:0;height:28px;color:var(--foreground);white-space:nowrap;border-radius:999px;flex-direction:row;flex:0 auto;gap:6px;padding:0 10px 0 5px;font-size:12px}.site-build-progress-compact>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.site-panel-toolbar[data-in-header]>.site-build-progress-compact{flex-shrink:1}.site-panel-body[data-building]:before{content:"";z-index:4;background:linear-gradient(90deg, transparent, var(--foreground), transparent) no-repeat;pointer-events:none;background-size:40% 100%;height:2px;animation:1.6s linear infinite site-building;position:absolute;top:0;left:0;right:0}@keyframes site-building{0%{background-position:-70% 0}to{background-position:170% 0}}@media (prefers-reduced-motion:reduce){.site-panel-body[data-building]:before{background:var(--border);animation:none}}.omnibox-compact{flex-shrink:0;justify-content:center;width:32px;min-width:32px;height:32px;padding:0}.omnibox-compact>span{display:none}.workspace-header .header-title:focus{outline:none}.site-panel-segment button:focus-visible{box-shadow:inset 0 0 0 1px var(--ring);outline:none}.site-panel-segment button:disabled{cursor:not-allowed;opacity:.45}.site-panel-label{white-space:nowrap}@media (max-width:1279px){.site-panel-toolbar[data-in-header] .site-panel-label{display:none}}.site-dirty-dot{background:currentColor;border-radius:999px;width:6px;height:6px;margin-left:2px}.site-panel-button[aria-pressed=true],.site-panel-button[data-state=open]{background:var(--muted)}.site-panel-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.site-versions{z-index:50;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(300px,100vw - 24px);max-height:min(420px,100dvh - 120px);color:var(--popover-foreground);transform-origin:var(--radix-popover-content-transform-origin);gap:4px;padding:6px;animation:.12s cubic-bezier(.2,.8,.2,1) site-pop-in;display:grid;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.dark .site-versions{box-shadow:0 8px 24px #00000080}@keyframes site-pop-in{0%{opacity:0;transform:scale(.98)}}.site-versions-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.site-version{border-radius:var(--radius-md);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;width:100%;min-height:44px;padding:6px 10px;display:grid}.site-version:hover,.site-version:focus-visible{background:var(--accent);outline:none}.site-version:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.site-version[data-viewing]{background:var(--muted)}.site-version-source{font-size:14px;font-weight:500}.site-version-time{color:var(--muted-foreground);font-variant-numeric:tabular-nums;grid-column:1;font-size:13px}.site-version-badge{border-radius:var(--radius-sm);background:var(--muted);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);grid-area:1/2/span 2;padding:2px 6px;font-size:11px;font-weight:500}.site-version[data-viewing] .site-version-badge{background:var(--background)}.site-version-source{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-versions-error{color:var(--muted-foreground);justify-items:start;gap:8px;padding:8px 10px;font-size:13px;display:grid}.site-versions-error p{margin:0}.site-versions-compare{border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);justify-self:stretch}.site-version-bar,.site-edit-hint{z-index:2;border:1px solid var(--border);background:var(--popover);width:fit-content;max-width:calc(100% - 24px);color:var(--foreground);border-radius:999px;margin:0 auto;position:absolute;bottom:16px;left:12px;right:12px;box-shadow:0 8px 24px #0000001a}.site-version-bar{align-items:center;gap:6px;padding:4px 4px 4px 14px;font-size:13px;display:flex}.site-version-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.site-edit-hint{color:var(--muted-foreground);pointer-events:none;font-variant-numeric:tabular-nums;padding:6px 14px;font-size:12px}.site-edit-hint[data-tone=error]{color:var(--status-red)}.site-version-bar-actions{padding:4px}.site-hint-coarse{display:none}@media (pointer:coarse){.site-hint-fine{display:none}.site-hint-coarse{display:inline}}.site-panel-body{container-type:inline-size}.site-code-split{grid-template-columns:clamp(190px,23%,280px) minmax(0,1fr);height:100%;min-height:0;display:grid}.site-panel-body[data-view=code]{overflow:hidden}.site-code-editor{background:var(--background);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.site-code-bar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 16px;display:flex}.site-code-status{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:13px;display:inline-flex;overflow:hidden}.site-code-status[data-tone]:before{background:var(--foreground);content:"";border-radius:999px;flex:none;width:6px;height:6px}.site-code-status[data-tone=error]{color:var(--foreground)}.site-code-status[data-tone=error]:before{background:var(--status-red)}.site-code-blocked{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--status-red) 8%, var(--background));flex:none;margin:0;padding:8px 16px;font-size:13px}.site-code-actions{flex:none;gap:6px;display:flex}.site-code-surface{flex:1;min-height:0;overflow:auto}.site-code-layers{min-height:100%;position:relative}.site-code-highlight,.site-code-input{box-sizing:border-box;width:100%;font:12.5px/1.55 var(--font-mono,ui-monospace, monospace);letter-spacing:normal;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;border:0;margin:0;padding:16px;display:block}.site-code-highlight{pointer-events:none;min-height:100%}.site-code-input{resize:none;color:#0000;height:100%;caret-color:var(--foreground);background:0 0;outline:none;position:absolute;inset:0;overflow:hidden}.site-code-input:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.site-code-input::selection{background:color-mix(in srgb, var(--foreground) 22%, transparent);color:#0000}.site-compare{background:var(--background);flex-direction:column;height:100%;min-height:0;display:flex}.site-compare-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:6px 12px;min-height:44px;padding:6px 16px;display:flex}.site-compare-label{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:160px;font-size:13px;overflow:hidden}.site-compare-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:13px}.site-diff{min-height:0;font:12.5px/1.55 var(--font-mono,ui-monospace, monospace);flex:1;margin:0;padding:8px 0 72px;overflow:auto}.site-diff-line{text-indent:-16px;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 16px 0 24px;display:block}.site-diff-sign{width:16px;color:var(--muted-foreground);-webkit-user-select:none;user-select:none;display:inline-block}.site-diff-line[data-kind=add]{background:color-mix(in srgb, var(--status-green) 12%, transparent)}.site-diff-line[data-kind=remove]{background:color-mix(in srgb, var(--status-red) 12%, transparent)}.site-diff-fold{background:var(--muted);color:var(--muted-foreground);font:12px/1.4 var(--font-autohand-sans,system-ui);margin:4px 0;padding:4px 16px;display:block}.site-compare-frames{background:var(--border);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;min-height:0;display:grid}.site-compare-frames figure{background:var(--muted);flex-direction:column;min-height:0;margin:0;display:flex}.site-compare-frames figcaption{color:var(--muted-foreground);background:var(--background);padding:6px 12px;font-size:12px}.site-compare-frames iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}@container (max-width:640px){.site-compare-frames{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr)}}.site-inspector{z-index:3;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(320px,100% - 16px);color:var(--popover-foreground);visibility:hidden;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;font-size:13px;display:grid;position:absolute;box-shadow:0 8px 24px #0000001a}.dark .site-inspector,.dark .site-version-bar,.dark .site-edit-hint{box-shadow:0 8px 24px #00000080}.site-inspector[data-ready]{visibility:visible}.site-inspector[data-docked]{width:auto;inset:auto 8px 8px}.site-inspector-head{align-items:center;gap:2px;display:flex}.site-inspector-status{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.site-inspector-status[data-tone=error]{color:var(--status-red)}.site-inspector-path{min-width:0;font:12px/1.4 var(--font-mono,ui-monospace, monospace);color:var(--muted-foreground);white-space:nowrap;flex:1;overflow:hidden}.site-inspector-crumbs{align-items:baseline;min-width:0;display:flex}.site-inspector-crumb{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.site-inspector-crumb+.site-inspector-crumb:before{content:"›";padding:0 4px}.site-inspector-crumb:last-child{max-width:70%;color:var(--foreground);flex-shrink:0}.site-inspector-more{flex:none}.site-inspector-text{justify-self:start}.site-inspector-row{align-items:center;gap:8px;min-width:0;display:flex}.site-inspector-colour{flex-wrap:wrap;row-gap:4px}.site-inspector-reset{max-width:100%;color:var(--muted-foreground);margin-left:auto}.site-inspector-reset:hover{color:var(--foreground)}.site-inspector-size>span{color:var(--muted-foreground);flex:1}.site-inspector-size output{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.site-inspector-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.site-swatch{border:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:var(--radius-sm);cursor:pointer;place-items:center;width:24px;height:24px;display:inline-grid;position:relative}.site-swatch[aria-pressed=true]{outline:2px solid var(--foreground);outline-offset:1px}.site-swatch:focus-visible,.site-swatch-picker:focus-within{outline:2px solid var(--ring);outline-offset:2px}.site-swatch-picker{background:var(--background);color:var(--muted-foreground)}.site-swatch-picker svg{width:14px;height:14px}.site-swatch-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.site-inspector-ask{border-top:1px solid var(--border);align-items:center;gap:6px;padding-top:8px;display:flex}.site-inspector-ask input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);flex:1;min-width:0;height:32px;padding:0 10px;font-size:13px}.site-inspector-ask input::placeholder{color:var(--muted-foreground)}.site-inspector-ask input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site-inspector-direct{display:contents}.site-inspector-direct:disabled :is(.site-swatch,.site-inspector-reset){opacity:.5;cursor:not-allowed}.site-inspector-busy{color:var(--muted-foreground);margin:0;font-size:12px}.site-inspector[data-docked] .site-inspector-busy{grid-column:1/-1}.site-inspector-ask{flex-wrap:wrap}.site-inspector-queued{min-width:0;color:var(--muted-foreground);flex:1 0 100%;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.site-inspector-queued-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.site-panel-body[data-editing] .site-panel-frame{box-sizing:border-box;padding-bottom:var(--site-dock-inset,0px)}.site-inspector[data-docked]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head text""colour size""swatches swatches""ask ask";align-items:center;gap:6px 8px;padding:6px 8px 8px}.site-inspector[data-docked] .site-inspector-head{grid-area:head;min-width:0}.site-inspector[data-docked] .site-inspector-text{grid-area:text}.site-inspector[data-docked] .site-inspector-colour{grid-area:colour}.site-inspector[data-docked] .site-inspector-size{grid-area:size}.site-inspector[data-docked] .site-inspector-swatches{grid-area:swatches}.site-inspector[data-docked] .site-inspector-ask{grid-area:ask;padding-top:6px}.site-inspector[data-docked] :is(.site-inspector-text-label,.site-inspector-size>span){display:none}.site-inspector[data-docked] .site-swatch{flex:none}.site-inspector[data-docked] :is(button,.site-swatch,input){min-height:44px}.site-inspector[data-docked] :is([data-size^=icon],.site-swatch){min-width:44px}.site-inspector[data-docked] .site-swatch{width:44px;height:44px}@media (prefers-reduced-motion:reduce){.site-versions{animation:none}}.site-page-trigger{border:1px solid var(--border);background:var(--background);min-width:0;max-width:220px;height:30px;font-family:var(--font-mono);color:var(--foreground);border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:inline-flex}.site-page-trigger:hover,.site-page-trigger[data-state=open]{background:var(--muted)}.site-page-trigger:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.site-page-trigger:disabled{cursor:not-allowed;opacity:.5}.site-page-trigger svg{width:15px;height:15px;color:var(--muted-foreground);flex:none}.site-page-trigger-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.site-panel-toolbar[data-in-header] .site-page-trigger{max-width:180px}.site-page-menu{min-width:260px;max-width:min(340px,100vw - 24px)}.site-page-item{align-items:center;gap:12px;display:flex}.site-page-item-name{font-family:var(--font-mono);flex:none;font-size:13px}.site-page-item-title{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12px;overflow:hidden}.site-page-item[data-current]{background:var(--muted)}.site-page-hint{max-width:280px;color:var(--muted-foreground);padding:2px 8px 6px;font-size:12px}@media (pointer:coarse){.site-page-item{min-height:44px}}.site-page-name{gap:8px;margin:16px 0;display:grid}.site-page-name-error{color:var(--destructive);font-size:13px}.site-version-files{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:12px;overflow:hidden}.site-compare-file{align-items:center;gap:8px;display:inline-flex}.site-compare-file select{border:1px solid var(--border);background:var(--background);height:28px;font-family:var(--font-mono);border-radius:4px;padding:0 6px;font-size:13px}.site-file-row{border:1px solid var(--border);background:var(--card,var(--background));border-radius:4px;align-items:center;gap:8px;max-width:560px;min-height:40px;margin:6px 0;padding:4px 6px 4px 12px;font-size:13px;display:flex}.site-file-row>svg{width:16px;height:16px;color:var(--muted-foreground);flex:none}.site-file-row-name{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-file-row-next{min-width:0;font-family:var(--font-mono);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:12px;overflow:hidden}.site-file-row-kind{color:var(--muted-foreground);flex:none}.site-file-row[data-deleted] .site-file-row-name{color:var(--muted-foreground);text-decoration:line-through}.site-file-row-open{margin-left:auto}.site-code-filename{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--muted-foreground);align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.site-code-filename svg{flex-shrink:0;width:16px;height:16px}.site-file-browser{border-right:1px solid var(--border);background:var(--background);flex-direction:column;min-width:0;min-height:0;display:flex}.site-file-browser-heading{color:var(--muted-foreground);padding:13px 16px;font-size:12px;font-weight:500}.site-file-tree{--trees-bg-override:var(--background);--trees-fg-override:var(--foreground);--trees-fg-muted-override:var(--muted-foreground);--trees-bg-muted-override:var(--muted);--trees-selected-bg-override:var(--accent);--trees-selected-fg-override:var(--accent-foreground);--trees-selected-focused-border-color-override:var(--ring);--trees-border-color-override:var(--border);--trees-font-family-override:var(--font-sans);--trees-font-size-override:13px;--trees-search-bg-override:var(--background);--trees-search-fg-override:var(--foreground);flex:1;min-height:0;overflow:hidden}.site-file-browser-actions{flex-direction:column;align-items:stretch;gap:2px;padding:8px;display:flex}.site-file-browser-actions button{white-space:normal;text-align:left;justify-content:flex-start;height:auto}.site-floating-chat-toggle{display:none}.compare-layout:has(>.site-panel[data-view=code]){display:block}.compare-layout:has(>.site-panel[data-view=code])>.site-panel{border-left:0;width:100%}.compare-layout:has(>.site-panel[data-view=code])>.chat-canvas{z-index:20;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100vw - 32px);height:min(560px,100dvh - 120px);min-height:0;padding:0 12px 12px;position:fixed;bottom:20px;right:20px;overflow:auto;box-shadow:0 12px 48px #0000002e}.compare-layout:has(>.site-panel[data-view=code]) .site-floating-chat-toggle{z-index:3;background:var(--background);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:12px 4px;font-size:13px;font-weight:500;display:flex;position:sticky;top:0}.compare-layout:has(>.site-panel[data-view=code])[data-site-chat-collapsed=true]>.chat-canvas{width:160px;height:auto;padding-bottom:0}.compare-layout:has(>.site-panel[data-view=code])[data-site-chat-collapsed=true]>.chat-canvas>:not(.site-floating-chat-toggle){display:none}@media (max-width:1023px){.compare-layout:has(>.site-panel[data-view=code])>.site-panel{height:calc(100dvh - 76px)}.compare-layout:has(>.site-panel[data-view=code])>.chat-canvas{height:min(420px,55dvh);bottom:12px;right:12px}.compare-layout:has(>.site-panel[data-view=code])[data-site-chat-collapsed=true]>.chat-canvas{height:auto}.site-code-split{grid-template-columns:minmax(130px,35%) minmax(0,1fr)}.site-code-filename{max-width:140px}}