[data-opt-filemanager]{--opt-fm-surface:var(--opt-surface,#fff);--opt-fm-surface-muted:var(--opt-surface-raised,#f9fafb);--opt-fm-border:var(--opt-border,#e5e7eb);--opt-fm-border-soft:color-mix(in srgb, var(--opt-fm-border) 64%, transparent);--opt-fm-text:var(--opt-text,#111827);--opt-fm-text-muted:var(--opt-text-secondary,#6b7280);--opt-fm-accent:var(--opt-accent,#2563eb);--opt-fm-accent-fg:var(--opt-accent-fg,#fff);--opt-fm-accent-subtle:var(--opt-accent-subtle,color-mix(in srgb, var(--opt-fm-accent) 9%, var(--opt-fm-surface)));--opt-fm-danger:var(--opt-danger-fg,#dc2626);--opt-fm-warning:var(--opt-warning-fg,#f59e0b);--opt-fm-radius:var(--opt-radius,.5rem);--opt-fm-radius-sm:calc(var(--opt-fm-radius) - .125rem);--opt-fm-control-height:2.125rem;box-sizing:border-box;color:var(--opt-fm-text);background:var(--opt-fm-surface);font-variant-numeric:tabular-nums}[data-opt-filemanager] *,[data-opt-filemanager] :before,[data-opt-filemanager] :after{box-sizing:border-box}[data-opt-filemanager] button,[data-opt-filemanager] input,[data-opt-filemanager] select{font:inherit;color:inherit}[data-opt-filemanager] :focus-visible{outline:2px solid var(--opt-fm-accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){[data-opt-filemanager] *{transition:none!important}}.opt-fm-root{border:1px solid var(--opt-fm-border);border-radius:var(--opt-fm-radius);flex-direction:column;gap:.75rem;min-width:0;padding:.75rem;display:flex;container-type:inline-size}.opt-fm-toolbar-area{flex-direction:column;gap:.5rem;display:flex}.opt-fm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.opt-fm-toolbar-group{align-items:center;gap:.375rem;display:flex}.opt-fm-button{height:var(--opt-fm-control-height);border:1px solid var(--opt-fm-border);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.opt-fm-button:hover:not(:disabled){background:var(--opt-fm-surface-muted)}.opt-fm-button:disabled{opacity:.5;cursor:default}.opt-fm-button-accent{background:var(--opt-fm-accent);border-color:var(--opt-fm-accent);color:var(--opt-fm-accent-fg)}.opt-fm-button-accent:hover:not(:disabled){background:color-mix(in srgb, var(--opt-fm-accent) 88%, #000)}.opt-fm-button-danger{color:var(--opt-fm-danger);border-color:color-mix(in srgb, var(--opt-fm-danger) 40%, var(--opt-fm-border))}.opt-fm-button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--opt-fm-danger) 8%, var(--opt-fm-surface))}.opt-fm-button-small{height:1.75rem;padding:0 .5rem;font-size:.75rem}.opt-fm-button-icon{flex:none}.opt-fm-icon-button{width:var(--opt-fm-control-height);height:var(--opt-fm-control-height);border:1px solid var(--opt-fm-border);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);cursor:pointer;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.opt-fm-icon-button:hover{background:var(--opt-fm-surface-muted)}.opt-fm-icon-button[aria-pressed=true]{background:var(--opt-fm-accent-subtle);border-color:var(--opt-fm-accent);color:var(--opt-fm-accent)}.opt-fm-view-toggle{gap:.25rem;display:inline-flex}.opt-fm-select{height:var(--opt-fm-control-height);border:1px solid var(--opt-fm-border);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);padding:0 .5rem;font-size:.8125rem}.opt-fm-sort-arrow{transition:transform .12s}.opt-fm-sort-arrow-desc{transform:rotate(180deg)}.opt-fm-create-form{gap:.375rem;display:flex}.opt-fm-input{min-width:0;height:var(--opt-fm-control-height);border:1px solid var(--opt-fm-border);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);flex:1;padding:0 .625rem;font-size:.8125rem}.opt-fm-filter-input{flex:none;width:9rem}.opt-fm-selection-bar{border:1px solid var(--opt-fm-accent);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-accent-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem .75rem;font-size:.8125rem;display:flex}.opt-fm-selection-count{font-weight:600}.opt-fm-selection-actions{align-items:center;gap:.375rem;display:flex}.opt-fm-move{position:relative}.opt-fm-move-list{z-index:10;border:1px solid var(--opt-fm-border);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);min-width:11rem;max-height:14rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;overflow-y:auto;box-shadow:0 10px 24px -18px #0f172a57,0 4px 10px -8px #0f172a33}.opt-fm-move-target{border-radius:var(--opt-fm-radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;font-size:.8125rem;display:flex}.opt-fm-move-target:hover{background:var(--opt-fm-surface-muted)}.opt-fm-move-empty{color:var(--opt-fm-text-muted);padding:.375rem .5rem;font-size:.75rem}.opt-fm-detail-text{flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.opt-fm-detail-text-body{border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);border:1px solid var(--opt-fm-border-soft);white-space:pre-wrap;overflow-wrap:anywhere;max-height:9rem;margin:0;padding:.5rem;font-family:ui-monospace,monospace;font-size:.6875rem;line-height:1.5;overflow:auto}.opt-fm-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opt-fm-breadcrumb-list{flex-wrap:wrap;align-items:center;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.opt-fm-breadcrumb-separator{color:var(--opt-fm-text-muted);display:inline-flex}.opt-fm-breadcrumb-button{border-radius:var(--opt-fm-radius-sm);color:var(--opt-fm-text-muted);cursor:pointer;background:0 0;border:0;padding:.25rem .375rem;font-size:.8125rem}.opt-fm-breadcrumb-button:hover:not(:disabled){background:var(--opt-fm-surface-muted);color:var(--opt-fm-text)}.opt-fm-breadcrumb-button:disabled{color:var(--opt-fm-text);cursor:default;font-weight:600}.opt-fm-error-banner{border:1px solid color-mix(in srgb, var(--opt-fm-danger) 36%, var(--opt-fm-border));border-radius:var(--opt-fm-radius-sm);background:color-mix(in srgb, var(--opt-fm-danger) 7%, var(--opt-fm-surface));color:var(--opt-fm-danger);justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem .75rem;font-size:.8125rem;display:flex}.opt-fm-body{align-items:stretch;gap:.75rem;min-height:16rem;display:flex}.opt-fm-content{flex:1;min-width:0}.opt-fm-dropzone{border-radius:var(--opt-fm-radius-sm);position:relative}.opt-fm-dropzone[data-drag-active]{outline:2px dashed var(--opt-fm-accent);outline-offset:-2px}.opt-fm-dropzone-overlay{border-radius:inherit;background:color-mix(in srgb, var(--opt-fm-accent) 8%, var(--opt-fm-surface));color:var(--opt-fm-accent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;inset:0}.opt-fm-dropzone-icon{width:2rem;height:2rem}.opt-fm-status,.opt-fm-empty{min-height:12rem;color:var(--opt-fm-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.opt-fm-empty-title{color:var(--opt-fm-text);font-weight:600}.opt-fm-empty-hint{font-size:.8125rem}.opt-fm-list-header{border-bottom:1px solid var(--opt-fm-border-soft);color:var(--opt-fm-text-muted);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:minmax(0,1fr) 6rem 11rem;gap:.5rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:grid}.opt-fm-entry-list{margin:0;padding:0;list-style:none}.opt-fm-entry-row-item+.opt-fm-entry-row-item{border-top:1px solid var(--opt-fm-border-soft)}.opt-fm-entry-row{border-radius:var(--opt-fm-radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 6rem 11rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;font-size:.8125rem;display:grid}.opt-fm-entry-row:hover{background:var(--opt-fm-surface-muted)}.opt-fm-entry-row .opt-fm-list-cell-size,.opt-fm-entry-row .opt-fm-list-cell-date{color:var(--opt-fm-text-muted);font-size:.75rem}.opt-fm-list-cell-name{align-items:center;gap:.5rem;min-width:0;display:flex}.opt-fm-entry-glyph{color:var(--opt-fm-text-muted);flex:none}.opt-fm-entry-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opt-fm-entry-selected,.opt-fm-entry-selected:hover{background:var(--opt-fm-accent-subtle)}.opt-fm-entry-selected .opt-fm-entry-glyph{color:var(--opt-fm-accent)}.opt-fm-entry-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.opt-fm-entry-card{border:1px solid var(--opt-fm-border-soft);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);text-align:center;cursor:pointer;flex-direction:column;align-items:stretch;gap:.375rem;width:100%;padding:.5rem;font-size:.75rem;display:flex}.opt-fm-entry-card:hover{border-color:var(--opt-fm-border);background:var(--opt-fm-surface-muted)}.opt-fm-entry-card.opt-fm-entry-selected{border-color:var(--opt-fm-accent);background:var(--opt-fm-accent-subtle)}.opt-fm-entry-card-media{border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface-muted);justify-content:center;align-items:center;height:4.5rem;display:flex;overflow:hidden}.opt-fm-entry-card-glyph{width:1.75rem;height:1.75rem;color:var(--opt-fm-text-muted)}img.opt-fm-entry-card-glyph{object-fit:cover;width:100%;height:100%}.opt-fm-entry-card-meta{color:var(--opt-fm-text-muted);font-size:.6875rem}.opt-fm-detail{border:1px solid var(--opt-fm-border-soft);border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface-muted);flex-direction:column;flex:none;gap:.75rem;width:16rem;padding:.75rem;display:flex}.opt-fm-detail-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.opt-fm-detail-title{overflow-wrap:anywhere;margin:0;font-size:.875rem;font-weight:600}.opt-fm-detail-preview-image{object-fit:contain;border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);width:100%;max-height:10rem}.opt-fm-detail-preview-fallback{border-radius:var(--opt-fm-radius-sm);background:var(--opt-fm-surface);min-height:6rem;color:var(--opt-fm-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.opt-fm-detail-glyph{width:2rem;height:2rem}.opt-fm-detail-preview-hint{font-size:.75rem}.opt-fm-detail-rows{flex-direction:column;gap:.375rem;margin:0;display:flex}.opt-fm-detail-row{justify-content:space-between;gap:.75rem;font-size:.75rem;display:flex}.opt-fm-detail-label{color:var(--opt-fm-text-muted);flex:none}.opt-fm-detail-value{text-align:right;overflow-wrap:anywhere;margin:0}.opt-fm-detail-rename{gap:.375rem;display:flex}.opt-fm-detail-actions{flex-wrap:wrap;gap:.375rem;margin-top:auto;display:flex}.opt-fm-upload-queue{border:1px solid var(--opt-fm-border-soft);border-radius:var(--opt-fm-radius-sm);padding:.5rem .625rem}.opt-fm-upload-queue-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.opt-fm-upload-queue-title{text-transform:uppercase;letter-spacing:.04em;color:var(--opt-fm-text-muted);margin:0;font-size:.75rem;font-weight:600}.opt-fm-upload-list{flex-direction:column;gap:.375rem;margin:.375rem 0 0;padding:0;list-style:none;display:flex}.opt-fm-upload-item{align-items:center;gap:.625rem;font-size:.75rem;display:flex}.opt-fm-upload-meta{flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;min-width:0;display:flex}.opt-fm-upload-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.opt-fm-upload-size{color:var(--opt-fm-text-muted)}.opt-fm-upload-error{color:var(--opt-fm-danger)}.opt-fm-upload-done .opt-fm-upload-name{color:var(--opt-fm-text-muted)}.opt-fm-upload-progress{width:8rem;height:.375rem;accent-color:var(--opt-fm-accent)}.opt-fm-upload-actions{gap:.25rem;display:flex}.opt-fm-upload-actions .opt-fm-icon-button{width:1.625rem;height:1.625rem}.opt-fm-usage{color:var(--opt-fm-text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.opt-fm-usage-label{font-weight:600}.opt-fm-usage-track{background:var(--opt-fm-surface-muted);border-radius:999px;flex:1;max-width:14rem;height:.375rem;overflow:hidden}.opt-fm-usage-fill{border-radius:inherit;background:var(--opt-fm-accent);height:100%;transition:width .2s;display:block}.opt-fm-usage-warn .opt-fm-usage-fill{background:var(--opt-fm-warning,#f59e0b)}.opt-fm-usage-danger .opt-fm-usage-fill,.opt-fm-usage-danger .opt-fm-usage-value{color:var(--opt-fm-danger);background:var(--opt-fm-danger)}.opt-fm-usage-danger .opt-fm-usage-value{background:0 0;font-weight:600}@container (max-width:40rem){.opt-fm-body{flex-direction:column}.opt-fm-detail{width:100%}.opt-fm-list-header,.opt-fm-entry-row{grid-template-columns:minmax(0,1fr) 6rem}.opt-fm-list-cell-date{display:none}}