[data-directory] [hidden]{display:none!important}
[data-directory-controls]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:end;gap:16px;margin:0 0 18px}
[data-directory-controls] :is(label,.directory-field){min-width:0;color:#b6b6bc;font-size:.78rem;line-height:1.4}
[data-directory-controls]>:is(label,.directory-field){display:grid;gap:9px}
[data-directory-controls] .directory-field>label{display:block}
[data-directory-controls] :is(input,select){width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid #45454b;border-radius:4px;padding:11px 13px;background:#111113;color:#f3f1ec;font:inherit;font-size:.9rem;line-height:1.5;color-scheme:dark}
[data-directory-controls] input::placeholder{color:#8f8f99;opacity:1}
[data-directory] [data-directory-reset]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #55555c;border-radius:4px;padding:11px 16px;background:transparent;color:#f3f1ec;font:inherit;font-size:.8rem;line-height:1.4;cursor:pointer;text-decoration:none}
[data-directory] [data-directory-reset]:hover{border-color:#b7b7bf;background:#1b1b1f}
[data-directory] [data-directory-reset]:disabled{color:#86868f;border-color:#35353b;cursor:default;background:transparent}
[data-directory] :is(input,select,button,a):focus-visible{outline:2px solid #e62b3c;outline-offset:4px}
[data-directory-status]{margin:0 0 22px;color:#aaaab3;font-size:.8rem;line-height:1.6}
[data-directory-empty],.directory-state{grid-column:1/-1;min-width:0;padding:32px 24px;border:1px solid #37373e;border-radius:5px;background:#111113;text-align:left}
[data-directory-empty] :is(h2,h3),.directory-state :is(h2,h3){margin:0 0 12px;color:#f3f1ec;font-size:clamp(1.2rem,2.3vw,1.65rem);font-weight:600;line-height:1.3;letter-spacing:-.025em}
[data-directory-empty] p,.directory-state p{max-width:64ch;margin:0;color:#b6b6bf;font-size:.9rem;line-height:1.75;overflow-wrap:anywhere}
[data-directory-empty] [data-directory-reset]{margin-top:20px}
.directory-state-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:22px}
.directory-state-actions a{display:inline-flex;align-items:center;min-height:44px;color:#f3f1ec;font-size:.82rem;text-underline-offset:5px}
.directory-state-actions a:hover{color:#fff;text-decoration-color:#e62b3c}
@media(max-width:700px){[data-directory-controls]{grid-template-columns:minmax(0,1fr) auto;gap:14px}[data-directory-controls]>:is(label,.directory-field):first-child{grid-column:1/-1}[data-directory-controls]>:is(label,.directory-field):nth-child(2){grid-column:1}[data-directory-controls]>[data-directory-reset]{grid-column:2}}
@media(max-width:480px){[data-directory-controls] :is(input,select){font-size:1rem}[data-directory-controls]{gap:12px}[data-directory-controls] label{font-size:.75rem}[data-directory] [data-directory-reset]{padding-inline:13px}[data-directory-empty],.directory-state{padding:26px 20px}.directory-state-actions{align-items:flex-start;gap:10px 20px}}
@media(max-width:380px){[data-directory-controls]{grid-template-columns:minmax(0,1fr)}[data-directory-controls]>:is(label,.directory-field),[data-directory-controls]>[data-directory-reset]{grid-column:1;width:100%}}