@font-face{font-family:Pivio Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono-latin-400.woff2) format("woff2")}@font-face{font-family:Pivio Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/geist-mono-latin-600.woff2) format("woff2")}.agent-transcript{--agent-ink: var(--terminal-ink, oklch(.92 .003 270));--agent-muted: var(--terminal-muted, oklch(.71 .006 270));--agent-line: oklch(.34 .004 270);display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;color:var(--agent-ink);font-family:var(--font-code, ui-monospace, monospace);font-size:13px;font-weight:400;font-variant-ligatures:none;font-variant-numeric:tabular-nums;line-height:1.65;overflow-wrap:anywhere}.agent-session{display:flex;align-items:center;gap:12px;padding-bottom:12px;color:var(--agent-ink)}.agent-session-symbol{color:#dc987b;font-size:30px;line-height:1}.agent-session strong{font-weight:600}.agent-session-model,.agent-directory{color:var(--agent-muted);font-size:11px}.agent-directory{display:block}.agent-transcript-codex .agent-session{padding:12px 14px;border:1px solid var(--agent-line);border-radius:5px}.agent-transcript-codex .agent-session-symbol{font-size:19px;color:var(--agent-ink)}.agent-line{display:flex;align-items:flex-start;gap:8px}.agent-line-symbol{flex:0 0 1ch;color:var(--agent-ink)}.agent-line-content{flex:1;min-width:0;white-space:pre-wrap}.agent-line-user{margin-inline:-6px;padding:6px;background:color-mix(in srgb,var(--agent-ink) 9%,transparent);color:var(--agent-ink)}.agent-transcript-codex .agent-line-user{background:color-mix(in srgb,var(--terminal-blue, #0070f3) 10%,transparent)}.agent-line-tool+.agent-line-tool{margin-top:-4px}.agent-line-tool strong{font-weight:600;color:var(--agent-ink)}.agent-transcript-claude .agent-line-tool .agent-line-symbol{color:var(--terminal-green, #79d68a)}.agent-tool-argument{color:var(--agent-ink)}.agent-inline-code{color:var(--terminal-inline, #c4b9ed)}.agent-tool-output{display:flex;align-items:flex-start;gap:8px;margin:2px 0 0 2px;color:var(--agent-muted)}.agent-output-branch{flex:0 0 1ch;user-select:none}.agent-tool-output pre{flex:1;min-width:0;margin:0;color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.agent-diff{margin:4px 0 0 2ch;font-size:12px;line-height:1.6}.agent-diff-line{display:grid;grid-template-columns:3ch 1ch minmax(0,1fr);column-gap:1ch;padding-inline:4px}.agent-diff-number{color:var(--agent-muted);text-align:right;user-select:none}.agent-diff-line code{font:inherit;white-space:pre-wrap}.agent-diff-add{color:var(--terminal-green, #79d68a);background:color-mix(in srgb,var(--terminal-green, #79d68a) 9%,transparent)}.agent-diff-remove{color:var(--terminal-red, #e5484d);background:color-mix(in srgb,var(--terminal-red, #e5484d) 9%,transparent)}.agent-line-system{color:var(--agent-muted);font-size:11px}.agent-line-system .agent-line-symbol{color:inherit}.agent-line-system[data-activity]{color:var(--terminal-working, #d9ad95)}.agent-transcript-codex .agent-line-system{gap:6px}.agent-transcript-codex .agent-line-system:after{content:"";flex:1;align-self:center;height:1px;background:var(--agent-line)}.agent-transcript-codex .agent-line-system .agent-line-content{flex:initial}.agent-cursor{display:inline-block;width:6px;height:13px;margin-left:3px;vertical-align:-2px;background:var(--agent-muted)}@media(max-width:640px){.agent-transcript{font-size:12px;gap:14px}}@media(prefers-reduced-motion:no-preference){.agent-cursor{animation:agent-cursor 1s step-end infinite}@keyframes agent-cursor{50%{opacity:0}}}@container agent-pane (max-height: 380px){.agent-transcript{padding:8px 14px;gap:8px;font-size:12px;line-height:1.6}.agent-line-user{padding-block:4px}.agent-line-system{font-size:11px}}@font-face{font-family:Pivio Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono-latin-400.woff2) format("woff2")}@font-face{font-family:Pivio Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/geist-mono-latin-600.woff2) format("woff2")}:is(.pivio-desktop-shell,.gw-app){--color-pivio-wash: oklch(.32 .01 240);--color-pivio-base: oklch(.158 .004 240);--color-pivio-sidebar: oklch(.202 .005 240);--color-pivio-chrome: oklch(.202 .005 240);--color-pivio-surface: oklch(.25 .006 240);--color-pivio-elevated: oklch(.288 .006 240);--color-pivio-main: oklch(.184 .004 240);--color-pivio-terminal: #000000;--color-pivio-text-primary: oklch(.97 .003 240);--color-pivio-text-secondary: oklch(.82 .005 240);--color-pivio-text-muted: oklch(.68 .006 240);--color-pivio-text-ghost: oklch(.62 .006 240);--color-pivio-accent: oklch(.76 .085 235);--demo-pane-radius: 14px;--demo-panel-radius: 18px;--demo-pane-header: 36px;--demo-border: rgba(255, 255, 255, .055);--demo-hover: rgba(255, 255, 255, .04);--demo-active: rgba(255, 255, 255, .06);--demo-shadow-terminal: 0 1px 2px rgba(8, 9, 12, .38), 0 6px 16px -10px rgba(8, 9, 12, .38);--terminal-ink: #ededed;--terminal-muted: #a1a1a1;--terminal-blue: #0070f3;--terminal-cyan: #22b8cf;--terminal-green: #79d68a;--terminal-red: #e5484d;--terminal-inline: #c4b9ed;--terminal-working: #d9ad95;--terminal-magenta: #bf7af0;--terminal-yellow: #f5a623;--font-code: "Pivio Geist Mono", "SF Mono", monospace;--font-mono: var(--font-code)}.pivio-window{border-radius:var(--demo-panel-radius);background:var(--color-pivio-wash)}.pivio-window-bar{position:relative;display:flex;align-items:center;height:42px;padding:0 16px;background:var(--color-pivio-wash);z-index:30}.pivio-window-controls{display:flex;gap:7px}.pivio-window-controls span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.pivio-window-controls span:nth-child(2){background:#febc2e}.pivio-window-controls span:nth-child(3){background:#28c840}.pivio-window-pulse{position:absolute;left:50%;top:5px;width:0;display:flex;justify-content:center}.pivio-window-pulse>div{flex-shrink:0}.pivio-app-body{container:workspace / inline-size;padding:4px 12px 24px;gap:12px}.pivio-project-rail,.pivio-project-sidebar{border:0;border-radius:var(--demo-panel-radius);box-shadow:var(--demo-shadow-terminal)}.pivio-project-rail{padding-top:14px}.pivio-project-rail>div:first-of-type{padding-top:22px}.pivio-pane-field{background:transparent}.pivio-workspace-tabs{height:48px;padding:0 0 8px}.pivio-tabstrip{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:100%;padding:3px;border-radius:14px;background:color-mix(in oklab,var(--color-pivio-wash) 86%,var(--color-pivio-surface))}.pivio-tab-scroll{padding:1px}.pivio-document-tab{height:30px;min-width:120px;max-width:216px;padding:0 7px 0 10px;border-radius:11px}.pivio-document-tab>span:not(.pivio-tab-glyph):not([aria-hidden]){min-width:0}.pivio-tab-glyph{position:relative;display:flex;flex-shrink:0;color:var(--color-pivio-text-secondary)}.pivio-tab-glyph i{position:absolute;right:-1px;bottom:-1px;width:4px;height:4px;border-radius:50%;background:var(--color-pivio-text-secondary)}.pivio-tab-selection{border-radius:11px;background:color-mix(in oklab,var(--color-pivio-wash) 93%,white)}.pivio-tab-add{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;margin-left:3px;border-radius:9px;color:var(--color-pivio-text-secondary)}.pivio-tab-add:hover{background:var(--demo-active);color:var(--color-pivio-text-primary)}.pivio-pane-grid{padding:0}.pivio-agent-pane{container:agent-pane / size;border:0;border-radius:var(--demo-pane-radius);box-shadow:var(--demo-shadow-terminal)}.pivio-agent-pane[data-active=true]{border:0}.pivio-pane-header{flex-shrink:0;padding:0 10px 0 12px;border-bottom:1px solid var(--demo-border);background:var(--color-pivio-terminal)}.pivio-pane-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--demo-pane-header)}.pivio-pane-identity{display:flex;flex:1;align-items:center;gap:8px;min-width:0}.pivio-pane-identity>strong{min-width:0;font-size:12px;font-weight:500;color:var(--terminal-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pivio-pane-model{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--terminal-muted);font-size:11px}.pivio-agent-mark{position:relative;display:grid;place-items:center;flex-shrink:0;width:20px;height:22px}.pivio-agent-mark i{position:absolute;right:0;bottom:1px;width:4px;height:4px;border-radius:50%}.pivio-pane-toolbar button{width:24px;height:26px}.pivio-pane-toolbar button svg{stroke-width:1.6}.pivio-transcript-scroll{scrollbar-width:thin;scrollbar-color:var(--color-pivio-surface) transparent;overscroll-behavior:contain}.pivio-cli-composer{flex-shrink:0;padding:0 16px;background:var(--color-pivio-terminal)}.pivio-cli-input{padding:8px 0;border-block:1px solid color-mix(in srgb,var(--terminal-ink) 30%,transparent)}.pivio-cli-input:focus-within{border-color:color-mix(in srgb,var(--terminal-ink) 50%,transparent)}.pivio-cli-input textarea{font-family:var(--font-code);font-size:12px;caret-color:var(--terminal-blue)}.pivio-cli-input textarea::placeholder{color:var(--terminal-muted)}.pivio-cli-prompt{flex:0 0 1ch;color:var(--terminal-ink);font:13px/1.65 var(--font-code)}[data-cli=codex] .pivio-cli-input{padding:8px;border:0;background:color-mix(in srgb,var(--terminal-blue) 10%,transparent)}.pivio-cli-status{flex-shrink:0;min-width:0;padding:8px 16px 20px;background:var(--color-pivio-terminal);font:11px/1.6 var(--font-code)}.pivio-cli-context{display:flex;flex-wrap:wrap;gap:4px 9px}.pivio-cli-context span:first-child{color:var(--terminal-cyan)}.pivio-cli-context span:nth-child(2){color:var(--terminal-green)}.pivio-cli-context span:nth-child(3){color:var(--terminal-magenta)}.pivio-cli-permissions{display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--terminal-muted)}.pivio-cli-permissions span:first-child{color:var(--terminal-green)}.pivio-cli-status-codex .pivio-cli-permissions span:first-child{color:var(--terminal-muted)}.pivio-codex-context{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;color:var(--terminal-muted)}.pivio-codex-context span:first-child{color:var(--terminal-working)}.pivio-codex-context span:last-child{color:var(--terminal-green)}.pivio-codex-context i{font-style:normal}.pivio-mobile-agents{display:flex;flex-shrink:0;gap:4px;padding:0 0 8px;overflow-x:auto}.pivio-mobile-agents button{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;flex:1;white-space:nowrap;min-height:44px;padding:0 12px;border-radius:var(--demo-pane-radius);color:var(--color-pivio-text-secondary);font-size:12px}.pivio-mobile-agents button[aria-pressed=true]{background:var(--demo-active);color:var(--color-pivio-text-primary)}.pivio-tools{position:relative;flex-shrink:0;min-width:0}.pivio-tool-frame{display:flex;min-width:0;height:100%;overflow:hidden;border-radius:var(--demo-panel-radius);background:var(--color-pivio-sidebar);box-shadow:var(--demo-shadow-terminal)}.pivio-tool-switcher{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:52px;padding-top:10px;overflow:hidden;background:var(--color-pivio-chrome);border-left:1px solid var(--demo-border)}.pivio-tool-panel{display:flex;flex-direction:column;flex-shrink:0;min-width:0;overflow:hidden;max-width:min(560px,calc(48cqw - 52px))}.pivio-tools[data-maximized=true]{flex:1}.pivio-tools[data-maximized=true] .pivio-tool-frame,.pivio-tools[data-maximized=true] .pivio-tool-panel{flex:1;max-width:none}@media(min-width:768px){.pivio-app-body:has(>.pivio-tools[data-maximized=true])>.pivio-pane-field{display:none}}.pivio-rail-controls{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.pivio-rail-control{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:999px;color:var(--color-pivio-text-secondary)}.pivio-rail-control:hover,.pivio-rail-control[aria-pressed=true]{background:var(--demo-active)}.pivio-rail-pane-icon rect{rx:4px;ry:4px;fill:color-mix(in srgb,currentColor 4%,transparent)}.pivio-rail-pane-icon path:first-of-type{transform:translate(1px) scaleY(.72);transform-origin:center;opacity:.6}.pivio-rail-pane-icon path:last-of-type{transform-box:fill-box;transform-origin:center;transform:scale(.82);stroke-width:1.8}.pivio-rail-separator{width:22px;height:1px;flex-shrink:0;margin-block:12px 8px;background:var(--demo-active)}.pivio-rail-tool-list{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-height:0;width:100%;padding:4px 0 16px;overflow-y:auto;overscroll-behavior:contain}.pivio-rail-tool{position:relative;display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;color:var(--color-pivio-text-muted);transition:color .16s,background-color .16s}.pivio-rail-tool:hover{color:var(--color-pivio-text-primary);background:var(--demo-hover)}.pivio-rail-tool:focus-visible{outline:2px solid color-mix(in srgb,var(--color-pivio-accent) 45%,transparent);outline-offset:2px}.pivio-rail-tool[aria-pressed=true]{color:var(--color-pivio-accent);background:var(--color-pivio-elevated);box-shadow:var(--demo-shadow-terminal)}.pivio-rail-add{width:28px;height:28px;margin-top:2px;border-radius:9px}.pivio-rail-running{position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--color-pivio-state-working)}.pivio-rail-error-count{position:absolute;right:2px;top:1px;min-width:13px;height:13px;padding:0 2px;border-radius:999px;background:var(--color-pivio-chrome);color:var(--color-pivio-state-error);font:700 9px/13px var(--font-display)}.pivio-tool-resize{position:absolute;inset-block:16px;left:-10px;width:8px;z-index:10;cursor:col-resize;touch-action:none}.pivio-tool-resize:hover:after,.pivio-tool-resize:focus-visible:after{content:"";position:absolute;inset-block:0;left:3px;width:2px;border-radius:2px;background:var(--color-pivio-accent)}.pivio-tool-picker{position:absolute;top:100px;right:60px;width:256px;max-height:calc(100% - 116px);display:flex;flex-direction:column;z-index:40;padding:16px;border-radius:var(--demo-panel-radius);border:1px solid var(--demo-border);background:var(--color-pivio-elevated);box-shadow:var(--demo-shadow-terminal)}.pivio-tool-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-pivio-text-primary);font-size:14px}.pivio-tool-picker-heading button{display:grid;place-items:center;width:28px;height:28px;border-radius:999px}.pivio-tool-picker>p,.pivio-tool-picker-list>p{margin:4px 0 12px;color:var(--color-pivio-text-secondary);font-size:12px}.pivio-tool-picker-list{overflow-y:auto;min-height:0;overscroll-behavior:contain}.pivio-tool-picker-list button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 8px;border-radius:8px;font-size:13px;color:var(--color-pivio-text-secondary)}.pivio-tool-picker-list button span{flex:1;text-align:left}.pivio-tool-picker button:hover{background:var(--demo-active);color:var(--color-pivio-text-primary)}@media(prefers-reduced-motion:reduce){.pivio-tab-selection,.pivio-rail-tool{transition:none!important}}.pivio-agent-dock{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);z-index:25;display:flex;justify-content:center;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--color-pivio-elevated);box-shadow:var(--demo-shadow-terminal)}.pivio-demo-note{padding:0 16px 12px;font-size:11px;color:var(--color-pivio-text-secondary);text-align:center;background:var(--color-pivio-wash)}.pivio-desktop-shell .pivio-state-working,.pivio-desktop-shell .pivio-state-waiting,.pivio-desktop-shell .pivio-state-idle{animation:none;box-shadow:none}@container agent-pane (max-width: 460px){.pivio-pane-model{display:none}}@media(max-width:640px){.pivio-app-body{height:660px;padding:0 7px 24px}.pivio-window-bar{padding-inline:12px}.pivio-cli-status{font-size:11px}.pivio-mobile-agents button{padding-inline:8px;font-size:11px}}.pivio-mini-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;background:#202022;color:#e4e4e7;font-family:var(--font-display)}.pivio-mini-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:18px 20px 0;padding:8px 12px;border-radius:30px;background:#2d2e2f}.pivio-mini-nav img{width:66px;height:24px}.pivio-mini-nav>span{color:#adaeb0;font-size:9px}.pivio-mini-hero{display:flex;flex-direction:column;align-items:flex-start;padding:34px 26px 30px}.pivio-mini-hero h3{font-size:30px;font-weight:500;line-height:1.12;letter-spacing:-.025em}.pivio-mini-hero p{max-width:30ch;margin-top:16px;color:#b6b7b9;font-size:12px;line-height:1.7}.pivio-mini-hero button{display:flex;align-items:center;gap:18px;min-height:36px;margin-top:22px;padding:0 14px;border-radius:6px;background:var(--color-pivio-accent);color:#151a29;font-size:11px;font-weight:500}.pivio-mini-hero>span{color:#aaabad;font-size:10px;margin-top:12px}.pivio-mini-features{display:flex;flex-direction:column;padding:0 26px}.pivio-mini-features>div{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-top:1px solid oklch(.35 .003 270)}.pivio-mini-features svg{margin-top:3px;color:#acaeb2;flex-shrink:0}.pivio-mini-features strong{font-size:12px;font-weight:500}.pivio-mini-features p{margin-top:4px;font-size:10px;line-height:1.7;color:#aaabad}.pivio-mini-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:20px 26px;font-size:9px;color:#aaabad}.pivio-mobile-agents button>span{overflow:hidden;text-overflow:ellipsis}.pivio-mobile-agents button>img,.pivio-mobile-agents button>svg{flex-shrink:0}.pivio-editor{--editor-keyword: color-mix(in oklch, oklch(.745 .092 290) 40%, oklch(from var(--color-pivio-accent) .745 .092 h));--editor-function: color-mix(in oklch, oklch(.745 .084 256) 50%, oklch(from var(--color-pivio-accent) .745 .084 h));--editor-type: color-mix(in oklch, oklch(.77 .072 178) 75%, oklch(from var(--color-pivio-accent) .77 .072 h));--editor-string: color-mix(in oklch, oklch(.79 .068 150) 82%, oklch(from var(--color-pivio-accent) .79 .068 h));--editor-number: color-mix(in oklch, oklch(.8 .08 72) 84%, oklch(from var(--color-pivio-accent) .8 .08 h));--editor-folder: oklch(.77 .075 78);position:relative;display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;container:editor / inline-size;background:var(--color-pivio-base);color:var(--color-pivio-text-secondary)}.pivio-editor button{cursor:pointer}.pivio-editor button:disabled{cursor:default;opacity:.35}.pivio-editor :is(button,input,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--color-pivio-accent) 55%,transparent);outline-offset:-2px}.pivio-editor-activity{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:42px;padding-top:8px;gap:4px;background:var(--color-pivio-sidebar)}.pivio-editor-activity button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:var(--color-pivio-text-muted)}.pivio-editor-activity button[aria-pressed=true]{background:var(--demo-active);color:var(--color-pivio-text-primary)}.pivio-editor-activity button:hover{background:var(--demo-hover);color:var(--color-pivio-text-primary)}.pivio-editor-sidebar{display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:clamp(200px,34cqw,220px);background:var(--color-pivio-sidebar)}.pivio-editor-tree-header{display:flex;align-items:center;flex-shrink:0;gap:4px;padding:14px 10px 10px 16px}.pivio-editor-tree-header strong{flex:1;min-width:0;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--color-pivio-text-primary);overflow:hidden;text-overflow:ellipsis}.pivio-editor-tree-header button{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:var(--color-pivio-text-muted)}.pivio-editor-tree-header button:hover{background:var(--demo-hover);color:var(--color-pivio-text-primary)}.pivio-editor-filter{position:relative;display:flex;align-items:center;margin:0 10px 8px;flex-shrink:0}.pivio-editor-filter>svg{position:absolute;left:10px;pointer-events:none;color:var(--color-pivio-text-muted)}.pivio-editor-filter input{width:100%;min-width:0;border:0;border-radius:7px;padding:6px 8px 6px 30px;background:var(--color-pivio-surface);color:var(--color-pivio-text-primary);font-size:12px}.pivio-editor-filter input::placeholder{color:var(--color-pivio-text-muted)}.pivio-editor-tree{flex:1;min-height:0;overflow:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--color-pivio-surface) transparent}.pivio-editor-tree-row{display:flex;align-items:center;gap:5px;width:calc(100% - 16px);height:28px;margin:1px 8px;padding:0 8px 0 calc(6px + var(--tree-depth) * 14px);border-radius:5px;color:var(--color-pivio-text-secondary);font-size:12px;text-align:left}.pivio-editor-tree-row:hover{background:var(--demo-hover)}.pivio-editor-tree-row[aria-current]{background:var(--demo-active);color:var(--color-pivio-text-primary)}.pivio-editor-tree-row>span:last-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pivio-editor-tree-row>svg{flex-shrink:0}.pivio-editor-tree-spacer{width:11px;flex-shrink:0}.pivio-editor-tree-row small{margin-left:auto;font:10px var(--font-code);color:var(--color-pivio-accent)}.pivio-editor-tree-row[aria-expanded=true] .pivio-editor-tree-chevron{transform:rotate(90deg)}.pivio-editor-folder{color:var(--editor-folder)}.pivio-editor-search-hint{padding:12px 16px;font-size:12px;line-height:1.6;color:var(--color-pivio-text-muted)}.pivio-editor-search-result{width:calc(100% - 16px);margin:0 8px 4px;padding:8px;border-radius:5px;text-align:left;font-size:12px}.pivio-editor-search-result:hover{background:var(--demo-hover)}.pivio-editor-search-result>span{display:flex;align-items:center;gap:6px}.pivio-editor-search-result small{margin-left:auto;color:var(--color-pivio-text-muted)}.pivio-editor-search-result code{display:block;margin-top:4px;font:10px/1.7 var(--font-brand-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pivio-editor-page{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.pivio-editor-tabs{display:flex;align-items:center;gap:4px;padding:5px 8px;min-height:36px;flex-shrink:0;overflow-x:auto;background:var(--color-pivio-chrome)}.pivio-editor-tab{display:flex;align-items:center;height:26px;flex-shrink:0;max-width:200px;padding-right:6px;border-radius:10px}.pivio-editor-tab[data-active=true]{background:var(--demo-active);box-shadow:0 0 0 .5px color-mix(in srgb,var(--color-pivio-accent) 20%,transparent)}.pivio-editor-tab:hover{background:var(--demo-hover)}.pivio-editor-tab-select{display:flex;align-items:center;min-width:0;height:100%;gap:6px;padding:0 6px 0 10px;font-size:12px;font-weight:500;letter-spacing:-.005em}.pivio-editor-tab-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pivio-editor-tab[data-active=true] .pivio-editor-tab-select{color:var(--color-pivio-text-primary);font-weight:600}.pivio-editor-tab-state{position:relative;display:grid;place-items:center;width:16px;height:16px;flex-shrink:0}.pivio-editor-tab-state i,.pivio-editor-status-path i{display:block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--color-pivio-accent)}.pivio-editor-tab-state button{position:absolute;inset:0;display:grid;place-items:center;border-radius:5px;color:var(--color-pivio-text-muted);opacity:0}.pivio-editor-tab:is(:hover,:focus-within) .pivio-editor-tab-state button{opacity:1;background:var(--color-pivio-chrome)}.pivio-editor-tab:is(:hover,:focus-within) .pivio-editor-tab-state i{opacity:0}.pivio-editor-breadcrumb{display:flex;align-items:center;flex-shrink:0;height:26px;gap:2px;padding:2px 16px 0;overflow:hidden;font-size:11px;font-weight:500;color:var(--color-pivio-text-muted)}.pivio-editor-breadcrumb span{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.pivio-editor-breadcrumb span:last-child{font-weight:600;color:var(--color-pivio-text-secondary)}.pivio-editor-breadcrumb svg{opacity:.7}.pivio-editor-code-scroll{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-pivio-surface) transparent}.pivio-editor-code{padding:20px 0;font-family:var(--font-brand-mono, "Commit Mono", monospace);font-variant-ligatures:none;color:var(--color-pivio-text-primary)}.pivio-editor-code-line{display:grid;grid-template-columns:3ch minmax(0,1fr);column-gap:14px;padding:0 16px 0 10px}.pivio-editor-code-line[data-current=true]{background:var(--demo-hover)}.pivio-editor-line-number{text-align:right;user-select:none;color:var(--color-pivio-text-muted)}.pivio-editor-code-line code{display:block;min-width:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;padding-left:var(--line-indent);text-indent:calc(-1 * var(--line-indent))}.pivio-editor-code[data-wrap=false]{width:max-content;min-width:100%}.pivio-editor-code[data-wrap=false] .pivio-editor-code-line{grid-template-columns:3ch auto}.pivio-editor-code[data-wrap=false] code{white-space:pre;padding-left:0;text-indent:0}.pivio-syntax-keyword{color:var(--editor-keyword)}.pivio-syntax-function{color:var(--editor-function)}.pivio-syntax-type{color:var(--editor-type)}.pivio-syntax-string{color:var(--editor-string)}.pivio-syntax-number{color:var(--editor-number)}.pivio-syntax-comment{color:var(--color-pivio-text-muted);font-style:italic}.pivio-editor-status{display:flex;align-items:center;justify-content:space-between;gap:12px;height:26px;min-width:0;flex-shrink:0;padding:0 10px 0 12px;background:var(--color-pivio-chrome);font-size:11px;color:var(--color-pivio-text-muted)}.pivio-editor-status-path{display:flex;align-items:center;gap:6px;min-width:0}.pivio-editor-status-path>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pivio-editor-status-items,.pivio-editor-zoom{display:flex;align-items:center;gap:1px;flex-shrink:0;white-space:nowrap}.pivio-editor-status-items>:is(span,button){padding:0 7px}.pivio-editor-status button{height:22px;border-radius:5px}.pivio-editor-status button:hover:not(:disabled){color:var(--color-pivio-text-primary);background:var(--demo-hover)}.pivio-editor-zoom button{display:grid;place-items:center;min-width:20px;font-size:10.5px}.pivio-editor-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--color-pivio-text-muted)}.pivio-editor-empty strong{font-size:14px;font-weight:500;color:var(--color-pivio-text-secondary)}.pivio-editor-empty button{font-size:12px;color:var(--color-pivio-accent)}@container editor (max-width: 760px){.pivio-editor-position,.pivio-editor-indent{display:none}}@container editor (max-width: 600px){.pivio-editor-status-path{display:none}.pivio-editor-status{justify-content:flex-end;gap:0;padding-inline:4px}}@container editor (max-width: 439px){.pivio-editor-sidebar{position:absolute;left:42px;top:0;bottom:0;z-index:10;width:min(220px,calc(100% - 42px));box-shadow:var(--demo-shadow-terminal)}}@container editor (max-width: 320px){.pivio-editor-zoom{display:none}}