.container.s-10uusgo{--toolbar-height:2.75rem;background-color:var(--system-color-light);width:100%;height:100%;color:var(--system-color-light-contrast);border-radius:inherit;font-family:var(--system-font-family);grid-template-columns:12rem 1fr;display:grid;position:relative;overflow:hidden}.sidebar.s-10uusgo{background-color:hsla(var(--system-color-dark-hsl), .05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid hsla(var(--system-color-dark-hsl), .08);flex-direction:column;gap:.15rem;padding:0 .6rem .6rem;display:flex}.container.dark.s-10uusgo .sidebar:where(.s-10uusgo){background-color:hsla(var(--system-color-light-hsl), .03)}.sidebar-drag.s-10uusgo{height:var(--toolbar-height);flex-shrink:0}.sidebar-label.s-10uusgo{text-transform:uppercase;letter-spacing:.04em;opacity:.45;padding:0 .5rem .25rem;font-size:.72rem;font-weight:600}.sidebar.s-10uusgo ul:where(.s-10uusgo){flex-direction:column;gap:.1rem;list-style:none;display:flex;overflow-y:auto}.sidebar.s-10uusgo button:where(.s-10uusgo){text-align:left;width:100%;color:inherit;border-radius:.4rem;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.85rem;transition:background-color .12s;display:flex}.sidebar.s-10uusgo button:where(.s-10uusgo) svg{color:#259df4;font-size:1.05rem}.sidebar.s-10uusgo button:where(.s-10uusgo):hover{background-color:hsla(var(--system-color-dark-hsl), .06)}.sidebar.s-10uusgo button.active:where(.s-10uusgo){background-color:hsla(var(--system-color-primary-hsl), .18)}.main.s-10uusgo{grid-template-rows:var(--toolbar-height) auto 1fr auto;min-width:0;display:grid}.toolbar.s-10uusgo{background-color:hsla(var(--system-color-light-hsl), .6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsla(var(--system-color-dark-hsl), .08);align-items:center;gap:.75rem;padding:0 .9rem;display:flex}.nav-buttons.s-10uusgo{gap:.15rem;display:flex}.nav-buttons.s-10uusgo button:where(.s-10uusgo){width:1.7rem;height:1.7rem;color:inherit;border-radius:.35rem;place-items:center;display:grid}.nav-buttons.s-10uusgo button:where(.s-10uusgo):disabled{opacity:.3}.nav-buttons.s-10uusgo button:where(.s-10uusgo):not(:disabled):hover{background-color:hsla(var(--system-color-dark-hsl), .08)}.nav-buttons.s-10uusgo button:where(.s-10uusgo) svg{font-size:.9rem}.breadcrumb.s-10uusgo{flex:1;align-items:center;gap:.15rem;min-width:0;display:flex;overflow:hidden}.breadcrumb.s-10uusgo .sep:where(.s-10uusgo){opacity:.35}.breadcrumb.s-10uusgo .crumb:where(.s-10uusgo){color:inherit;white-space:nowrap;border-radius:.3rem;padding:.15rem .35rem;font-size:.85rem;font-weight:500}.breadcrumb.s-10uusgo .crumb:where(.s-10uusgo):hover{background-color:hsla(var(--system-color-dark-hsl), .08)}.search.s-10uusgo{background-color:hsla(var(--system-color-dark-hsl), .07);border-radius:.5rem;align-items:center;gap:.35rem;padding:.25rem .55rem;display:flex}.search.s-10uusgo svg{opacity:.5;font-size:.95rem}.search.s-10uusgo input:where(.s-10uusgo){color:inherit;background:0 0;border:none;outline:none;width:7rem;font-size:.82rem}.actions.s-10uusgo{border-bottom:1px solid hsla(var(--system-color-dark-hsl), .06);align-items:center;gap:.4rem;padding:.5rem .9rem;display:flex}.actions.s-10uusgo button:where(.s-10uusgo){color:inherit;background-color:hsla(var(--system-color-dark-hsl), .06);border-radius:.45rem;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;transition:background-color .12s,transform .12s;display:inline-flex}.actions.s-10uusgo button:where(.s-10uusgo):hover:not(:disabled){background-color:hsla(var(--system-color-dark-hsl), .12)}.actions.s-10uusgo button:where(.s-10uusgo):active:not(:disabled){transform:scale(.95)}.actions.s-10uusgo button:where(.s-10uusgo):disabled{opacity:.35}.actions.s-10uusgo button.danger:where(.s-10uusgo):hover:not(:disabled){color:#c91d1d;background-color:#e236362e}.actions.s-10uusgo button:where(.s-10uusgo) svg{font-size:1rem}.spacer.s-10uusgo{flex:1}.view-toggle.s-10uusgo{background-color:hsla(var(--system-color-dark-hsl), .06);border-radius:.45rem;gap:.1rem;padding:.1rem;display:flex}.view-toggle.s-10uusgo button:where(.s-10uusgo){color:inherit;background:0 0;border-radius:.35rem;padding:.25rem .4rem}.view-toggle.s-10uusgo button.active:where(.s-10uusgo){background-color:var(--system-color-light);box-shadow:0 1px 2px #00000026}.files.s-10uusgo{padding:.8rem;overflow-y:auto}.files.grid.s-10uusgo{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));align-content:start;gap:.4rem;display:grid}.files.list.s-10uusgo{flex-direction:column;gap:.1rem;display:flex}.empty.s-10uusgo{text-align:center;opacity:.4;grid-column:1/-1;padding:3rem 0;font-size:.9rem}.item.s-10uusgo{cursor:default;-webkit-user-select:none;user-select:none;animation:.32s cubic-bezier(.22,1,.36,1) both s-10uusgo-item-in}.files.grid.s-10uusgo .item:where(.s-10uusgo){border-radius:.6rem;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;transition:background-color .12s,transform .12s;display:flex}.files.grid.s-10uusgo .item:where(.s-10uusgo):hover{background-color:hsla(var(--system-color-dark-hsl), .05);transform:translateY(-2px)}.files.grid.s-10uusgo .item.selected:where(.s-10uusgo){background-color:hsla(var(--system-color-primary-hsl), .18)}.files.grid.s-10uusgo .icon:where(.s-10uusgo) svg{font-size:2.9rem}.files.list.s-10uusgo .item:where(.s-10uusgo){border-radius:.4rem;grid-template-columns:1.6rem 1fr auto auto;align-items:center;gap:.6rem;padding:.3rem .5rem;display:grid}.files.list.s-10uusgo .item:where(.s-10uusgo):hover{background-color:hsla(var(--system-color-dark-hsl), .05)}.files.list.s-10uusgo .item.selected:where(.s-10uusgo){background-color:hsla(var(--system-color-primary-hsl), .18)}.files.list.s-10uusgo .icon:where(.s-10uusgo) svg{font-size:1.3rem}.files.list.s-10uusgo .meta-date:where(.s-10uusgo),.files.list.s-10uusgo .meta-kind:where(.s-10uusgo){opacity:.5;white-space:nowrap;font-size:.78rem}.icon.s-10uusgo svg{color:var(--system-color-primary)}.icon.folder.s-10uusgo svg{color:#259df4}.name.s-10uusgo{text-align:center;word-break:break-word;font-size:.8rem;line-height:1.2}.files.list.s-10uusgo .name:where(.s-10uusgo){text-align:left}.rename-input.s-10uusgo{text-align:center;border:1.5px solid var(--system-color-primary);background:var(--system-color-light);width:100%;color:inherit;border-radius:.3rem;outline:none;padding:.05rem .2rem;font-size:.8rem}.statusbar.s-10uusgo{border-top:1px solid hsla(var(--system-color-dark-hsl), .08);opacity:.55;justify-content:space-between;align-items:center;padding:.3rem .9rem;font-size:.75rem;display:flex}@keyframes s-10uusgo-item-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.editor-overlay.s-10uusgo{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000059;place-items:center;display:grid;position:absolute;inset:0}.editor.s-10uusgo{background-color:var(--system-color-light);border-radius:.75rem;flex-direction:column;width:80%;height:80%;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.editor-header.s-10uusgo{border-bottom:1px solid hsla(var(--system-color-dark-hsl), .1);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.editor-title.s-10uusgo{align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.editor-title.s-10uusgo svg{color:var(--system-color-primary)}.editor-buttons.s-10uusgo{align-items:center;gap:.4rem;display:flex}.editor-buttons.s-10uusgo .save:where(.s-10uusgo){background-color:var(--system-color-primary);color:var(--system-color-primary-contrast);border-radius:.4rem;align-items:center;gap:.25rem;padding:.3rem .7rem;font-size:.8rem;display:inline-flex}.editor-buttons.s-10uusgo .save:where(.s-10uusgo):hover{filter:brightness(1.08)}.editor-buttons.s-10uusgo .close:where(.s-10uusgo){width:1.7rem;height:1.7rem;color:inherit;border-radius:.4rem;place-items:center;display:grid}.editor-buttons.s-10uusgo .close:where(.s-10uusgo):hover{background-color:hsla(var(--system-color-dark-hsl), .1)}textarea.s-10uusgo{resize:none;background:var(--system-color-light);color:var(--system-color-light-contrast);border:none;outline:none;flex:1;padding:1rem;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5}.tl-container.finder{top:.85rem;left:.9rem}
