/* The source directory is useful content, separate from the confirmation form. */
.source-directory{margin-block:16px 24px;border-block:1px solid var(--line);padding-block:10px;min-width:0}
.source-directory summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;font-size:15px;line-height:1.6;cursor:pointer;color:var(--text)}
.source-directory summary span{flex:none;font-size:20px;color:var(--accent)}
.source-directory>p{font-size:14px;line-height:1.85;color:var(--muted);margin:10px 0 16px}
.source-directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:10px}
.source-directory-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:48px;padding:10px 12px;background:var(--surface);border-radius:10px;color:var(--text);font-size:14px;line-height:1.5}
.source-directory-links a span{overflow-wrap:anywhere}
.source-directory-links svg{width:17px;height:17px;flex:none;color:var(--accent)}
.source-directory :is(a,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
#importPreview:has([data-save-external]){display:block;padding:0;background:transparent;border:0;margin-block:8px}
#importPreview[hidden]{display:none}
:root[data-design=aether] #importDialog .source-directory{margin-block:8px 18px}
:root[data-design=aether] #importDialog .source-directory>p{font-size:14px}
:root[data-design=aether] #importDialog .source-directory-links a{background:var(--surface);border-radius:12px}
:root[data-design=aether] #importPreview small{font-size:13px;line-height:1.75;color:var(--muted)}
:root[data-design=aether] #importPreview p{font-size:14px;color:var(--muted)}
@media(min-width:700px){.browse-page .source-directory-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:359px){.source-directory-links{grid-template-columns:minmax(0,1fr)}}