.demo-search-dialog{border:1px solid var(--border);background:var(--surface);width:min(640px,100% - 32px);max-height:min(440px,80dvh);color:var(--ink);box-shadow:0 24px 90px #0007, 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);font-family:var(--font-jetbrains), monospace;border-radius:9px;margin:auto;padding:0;overflow:hidden}.demo-search-dialog::backdrop{background:color-mix(in srgb, var(--background) 60%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-search-inner{flex-direction:column;height:min(360px,80dvh - 2px);display:flex;position:relative}.demo-search-heading{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;padding:15px 18px;display:flex}.demo-search-heading>svg{color:var(--accent);flex-shrink:0}.demo-search-heading input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:3px 0;font-size:13px}.demo-search-heading:focus-within{box-shadow:inset 0 -1px var(--accent)}.demo-search-heading input::placeholder{color:var(--soft)}.app-window .demo-search-heading button{color:var(--soft);padding:6px}.demo-tree-results{scrollbar-width:thin;flex:1;min-height:0;padding:8px;overflow-y:auto}.app-window .demo-tree-results>button{width:100%;color:var(--soft);text-align:left;align-items:center;gap:12px;padding:10px 12px;display:flex}.app-window .demo-tree-results>button[aria-selected=true]{background:var(--highlight);color:var(--ink)}.demo-tree-results button>svg{color:var(--accent-ink);flex-shrink:0}.demo-tree-results button>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.demo-tree-results strong{font-size:12px;font-weight:400}.demo-tree-results small{color:var(--soft);font-size:9px}.demo-tree-results :is(strong,small){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-tree-empty{top:50%;text-align:center;color:var(--soft);pointer-events:none;font-size:12px;position:absolute;inset-inline:18px}.demo-search-footer{border-top:1px solid var(--line);color:var(--soft);flex-shrink:0;align-items:center;gap:16px;padding:12px 18px;font-size:9px;display:flex}.demo-search-footer>span{align-items:center;gap:6px;display:flex}.demo-search-footer svg{color:var(--accent-ink)}.demo-search-footer small{margin-left:auto;font-size:8px}@media (max-width:620px){.demo-search-inner{height:min(320px,80dvh - 2px)}.demo-search-heading{gap:8px;padding:12px}.demo-search-heading input{font-size:11px}.demo-search-footer{flex-wrap:wrap;gap:10px;padding:10px 12px}}
.app-window .app-content{height:430px}.app-window .app-toolbar{gap:18px;overflow:visible}.app-window .app-sidebar-toggle{width:28px;height:28px;color:var(--accent-ink);background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex}.app-window .app-sidebar-toggle:hover{background:var(--muted)}.app-window .app-breadcrumb{gap:13px}.app-window .breadcrumb-root{color:var(--accent-ink);font-size:14px;font-weight:600}.app-window .breadcrumb-parent{word-spacing:7px}.app-window .app-tools{gap:12px}.app-window .app-tools>button,.app-window .app-view-options>button{width:28px;height:28px;color:var(--accent-ink);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.app-window .app-tools>button:hover,.app-window .app-view-options>button:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.app-view-options{position:relative}.app-view-popover{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:220px;padding:10px;position:absolute;top:35px;right:0;box-shadow:0 12px 40px #0005}.view-section-label{color:var(--faint);padding:5px 8px;font-size:9px;display:block}.app-window .app-view-popover button{text-align:left;align-items:center;gap:10px;width:100%;padding:7px 8px;font-size:11px;display:flex}.app-view-popover button>span{flex:1}.app-view-popover button>svg{color:var(--accent-ink)}.app-view-popover button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--ink)}.view-section{border-top:1px solid var(--line);margin-top:8px;padding-top:7px}.view-section label{cursor:pointer;color:var(--soft);align-items:center;gap:9px;padding:7px 8px;font-size:10px;display:flex}.view-section input{accent-color:var(--accent);width:14px;height:14px;margin:0}.app-window .app-tools>button:disabled{cursor:default;background:0 0}.app-window.sidebar-hidden .app-sidebar{display:none}.app-window .app-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:185px;padding:8px 9px;overflow-y:auto}.app-window .sidebar-group+.sidebar-group{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.app-window .sidebar-group .sidebar-heading{letter-spacing:.4px;padding:1px 9px 5px;font-size:8px}.app-window .sidebar-item{text-align:left;width:100%;min-height:25px;color:var(--soft);white-space:nowrap;background:0 0;border-radius:4px;align-items:center;gap:9px;padding:5px 9px;font-size:10px;display:flex}.app-window .sidebar-item>svg{color:var(--accent-ink)}.app-window button.sidebar-item:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--ink)}.app-window .sidebar-item.sidebar-active{background:color-mix(in srgb, var(--accent) 16%, var(--background))!important;color:var(--ink)!important}.app-window .device-name{text-overflow:ellipsis;font-size:8px;overflow:hidden}.app-window .device-name+svg{margin-left:auto}.app-window .pane-title{gap:8px}.app-window .pane-title>.pane-location{color:var(--accent-ink);min-width:0;margin-right:auto}.app-window .pane-navigation{gap:2px}.app-window .pane-navigation button:disabled{opacity:.3;cursor:default;background:0 0}.app-window .mode-columns .pane-navigation,.app-window .mode-grid .pane-navigation,.app-window .browser-area:not(.preview-hidden) .pane-navigation{display:none}.app-window .pane-title button{color:var(--accent-ink)}.app-window .pane-title button:hover,.app-window .pane-title button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 12%, var(--background))}.app-window .pane-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.app-window .pane-actions>button,.app-window .pane-sort-options>summary{width:24px;height:24px;color:var(--accent-ink);border-radius:3px;justify-content:center;align-items:center;padding:4px;display:flex}.app-window .pane-sort-options>summary{cursor:pointer;list-style:none}.app-window .pane-sort-options>summary::-webkit-details-marker{display:none}.app-window .pane-sort-options>summary::marker{content:""}.app-window .pane-actions svg{flex-shrink:0;width:13px;height:13px;display:block}.app-window .pane-actions>button,.app-window .pane-sort-options{flex-shrink:0}.app-window .pane-sort-options[open]>summary,.app-window .pane-sort-options>summary:hover{background:color-mix(in srgb, var(--accent) 12%, var(--background))}.pane-sort-options{position:relative}.pane-sort-popover{z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:7px;width:190px;padding:12px;position:absolute;top:30px;right:0;box-shadow:0 8px 30px #0005}.pane-sort-heading{letter-spacing:.6px;color:var(--faint);font-size:8px}.pane-sort-popover>p{margin-top:6px;font-size:10px}.app-window .pane-sort-popover>button{background:var(--panel);justify-content:space-between;align-items:center;width:100%;margin-block:8px;padding:7px;font-size:9px;display:flex}.pane-sort-popover>label{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;padding-top:10px;font-size:9px;display:flex}.pane-sort-popover input{accent-color:var(--accent);margin:0}.miller-parent .pane-sort-popover{left:0;right:auto}.miller-parent:has(.demo-search,.file-group-heading) .column-watermark{display:none}.app-window .miller-parent .file-group-heading{padding-block:2px}@media (max-width:1000px){.app-window .mode-columns .pane-title{flex-wrap:wrap;align-content:center;gap:3px;height:58px;padding-block:4px}.app-window .mode-columns .pane-location{flex-basis:100%}.app-window .mode-columns .pane-actions{margin-left:auto}}@media (max-width:620px){.app-window .mode-columns .pane-actions>[data-pane-action=refresh],.app-window .mode-columns .pane-actions>[data-pane-action=sort]{display:none}}.app-window .mode-column .file-pane{padding-inline:0}.app-window .mode-column .pane-title{height:43px;margin-bottom:0;padding-inline:10px}.app-window .browser-area.preview-hidden .file-pane{border-right:0;flex:1;width:auto}.app-window .mode-column{--table-columns:minmax(100px, 1fr) 100px 75px 95px 90px}.app-window .mode-column .table-heading{grid-template-columns:var(--table-columns);gap:0;height:30px;margin-bottom:5px;padding:0;display:grid}.app-window .mode-column .table-heading>span{border-right:1px solid var(--line);align-items:center;padding-inline:12px;display:flex}.app-window .mode-column .table-heading>span:last-child{border-right:0}.app-window .mode-column .file-row{grid-template-columns:var(--table-columns);border-color:#0000;border-radius:0;gap:0;min-height:33px;padding:0;display:grid;position:relative}.app-window .mode-column .file-row>svg{flex-shrink:0;width:15px;height:15px;position:absolute;top:50%;left:12px;translate:0 -50%}.app-window .mode-column .file-name{padding:8px 10px 8px 35px}.app-window .mode-column .file-permissions,.app-window .mode-column .file-size,.app-window .mode-column .file-type,.app-window .mode-column .file-modified{width:auto;color:var(--soft);white-space:nowrap;text-overflow:ellipsis;padding-inline:12px;font-size:9px;overflow:hidden}.app-window .mode-column .file-permissions{color:var(--faint)}.app-window .mode-column .demo-files{max-height:310px}.app-window .mode-column:not(.preview-hidden){--table-columns:minmax(90px, 1fr) 65px 90px}.app-window .mode-column:not(.preview-hidden) .table-heading>:is(.table-permissions,.table-modified),.app-window .mode-column:not(.preview-hidden) .file-row>:is(.file-permissions,.file-modified){display:none}.app-window .app-preview{flex-direction:column;display:flex}.app-window :is(.preview-image,.preview-code,.preview-markdown){flex:1;height:auto;min-height:0}.app-window .preview-title,.app-window .preview-meta{flex-shrink:0}.app-window .preview-meta{padding-bottom:4px}.app-window.density-airy .demo-files .file-row{min-height:40px}.app-window.density-airy .demo-files{max-height:310px}.demo-closed{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:480px;display:flex}.demo-closed>svg{width:60px;color:var(--text)}.demo-closed>h3{font-family:var(--font-geist), sans-serif;letter-spacing:-.6px;font-size:24px}@media (max-width:850px){.app-window .app-sidebar{width:143px}.app-window .sidebar-item{gap:7px;padding-inline:6px;font-size:8px}.app-window .sidebar-item>svg{width:13px}.app-window .device-name{font-size:6px}.app-window .mode-column{--table-columns:minmax(110px, 1fr) 85px 60px 80px 75px}.app-window .mode-column :is(.file-permissions,.file-size,.file-type,.file-modified){padding-inline:8px;font-size:8px}}@media (max-width:620px){.app-window .app-content{height:295px;position:relative}.app-window .app-toolbar{gap:8px;height:41px;padding-inline:8px}.app-window .app-breadcrumb{gap:8px;margin-left:0;font-size:8px}.app-window .app-breadcrumb .breadcrumb-root{font-size:12px;display:inline}.app-window .app-breadcrumb .breadcrumb-parent{display:none}.app-window .app-tools{gap:3px;margin-left:auto}.app-window .app-tools>button,.app-window .app-view-options>button,.app-window .app-sidebar-toggle{width:26px;height:26px}.app-window .app-tools svg{width:15px;height:15px}.app-window .app-sidebar{display:none}.app-window.sidebar-mobile-open .app-sidebar{z-index:15;background:var(--background);width:160px;display:block;position:absolute;inset:0 auto 0 0;box-shadow:12px 0 25px #0005}.app-window .sidebar-item{min-height:27px;font-size:10px}.app-window .pane-title{gap:3px;padding-inline:3px}.app-window .pane-title>div{gap:0}.app-window .mode-column .pane-title{height:36px;padding-inline:5px}.app-window .mode-column{--table-columns:minmax(90px, 1fr) 47px 65px 55px}.app-window .mode-column .table-heading>.table-permissions,.app-window .mode-column .file-row>.file-permissions{display:none}.app-window .mode-column .table-heading{height:25px;font-size:6px}.app-window .mode-column .table-heading>span{padding-inline:5px}.app-window .mode-column .file-name{padding-left:22px;font-size:7px}.app-window .mode-column .file-row>svg{width:11px;height:11px;left:7px}.app-window .mode-column :is(.file-size,.file-type,.file-modified){padding-inline:5px;font-size:6px;display:block}.app-window .mode-column:not(.preview-hidden){--table-columns:minmax(75px, 1fr) 40px}.app-window .mode-column:not(.preview-hidden) .table-heading>:is(.table-type,.table-modified),.app-window .mode-column:not(.preview-hidden) .file-row>:is(.file-type,.file-modified){display:none}.app-window .mode-column .demo-files{max-height:194px}.app-window .mode-column .file-row{min-height:30px}.app-window .app-view-popover{width:210px;right:-55px}.app-window .app-view-popover button{min-height:30px;padding-block:5px}.app-window .view-section{margin-top:5px;padding-top:4px}.demo-closed{min-height:360px;padding:20px}.demo-closed>h3{font-size:20px}}