.files-d7-host { color:#dce7fb; font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif; }
.files-d7 { --d7-bg:#06111e; --d7-panel:#081827; --d7-line:rgba(150,182,218,.16); --d7-muted:#8da1bd; --d7-violet:#aa87ff; --d7-cyan:#52d8ec; --d7-green:#79dc8b; color:#e7efff; }
.files-d7 * { box-sizing:border-box; }.files-d7 button,.files-d7 input { font:inherit; }.files-d7 button { color:inherit; cursor:pointer; }
.files-d7-head { display:flex; justify-content:space-between; align-items:end; gap:20px; padding:4px 2px 18px; }.files-d7-eyebrow { margin:0; color:var(--d7-violet); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.files-d7-head h2 { margin:3px 0 0; font-size:27px; letter-spacing:-.04em; }.files-d7-head-actions,.files-d7-live { display:flex; align-items:center; gap:10px; }.files-d7-live { color:#9bdcab; font-size:12px; }.files-d7-live i { width:8px; height:8px; border-radius:50%; background:var(--d7-green); box-shadow:0 0 14px rgba(121,220,139,.8); }.files-d7-head-actions button,.files-d7-footer button { border:1px solid var(--d7-line); border-radius:7px; padding:7px 11px; background:rgba(170,135,255,.07); }.files-d7-head-actions button:hover,.files-d7-footer button:hover { border-color:rgba(170,135,255,.72); background:rgba(170,135,255,.15); }
.files-d7-grid { display:grid; grid-template-columns:238px minmax(390px,1fr) minmax(270px,330px); min-height:610px; border:1px solid var(--d7-line); border-radius:12px; overflow:hidden; background:linear-gradient(145deg,rgba(13,34,55,.82),rgba(5,16,29,.95)); }.files-d7-sources,.files-d7-preview { background:rgba(3,13,24,.45); }.files-d7-sources { padding:18px 12px; border-right:1px solid var(--d7-line); }.files-d7-source-label { display:flex; justify-content:space-between; align-items:center; padding:0 8px 9px; color:#bfd0eb; font-size:11px; font-weight:700; }.files-d7-source-label em { color:var(--d7-violet); font-size:9px; font-style:normal; letter-spacing:.07em; text-transform:uppercase; }.files-d7-source-list { display:grid; gap:3px; }.files-d7-source-list button { display:grid; grid-template-columns:19px minmax(0,1fr) auto; align-items:center; gap:8px; width:100%; min-height:36px; padding:7px 8px; border:1px solid transparent; border-radius:6px; text-align:left; background:transparent; }.files-d7-source-list button:hover,.files-d7-source-list button[aria-current=page] { border-color:rgba(170,135,255,.28); background:rgba(125,95,207,.16); }.files-d7-source-list b { color:var(--d7-cyan); font-size:14px; }.files-d7-source-list span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.files-d7-source-list small { color:var(--d7-muted); font-size:9px; }.files-d7-indexed-label { margin-top:23px; padding-top:15px; border-top:1px solid var(--d7-line); }.files-d7-indexed-label em { color:#74cddd; }.files-d7-empty-source { margin:5px 8px; color:var(--d7-muted); font-size:12px; }
.files-d7-main { min-width:0; background:rgba(5,17,31,.34); }.files-d7-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px 10px; border-bottom:1px solid var(--d7-line); }.files-d7-tools label { display:flex; align-items:center; flex:1; gap:9px; min-width:0; padding:0 10px; border:1px solid var(--d7-line); border-radius:7px; background:rgba(4,13,25,.76); }.files-d7-tools label:focus-within { border-color:rgba(82,216,236,.7); box-shadow:0 0 0 3px rgba(82,216,236,.08); }.files-d7-tools b { color:var(--d7-cyan); font-size:18px; }.files-d7-tools input { min-width:0; flex:1; height:36px; border:0; outline:0; color:inherit; background:transparent; }.files-d7-tools kbd,.files-d7-tools>span { color:var(--d7-muted); font-size:10px; white-space:nowrap; }.files-d7-tools kbd { border:1px solid var(--d7-line); border-radius:4px; padding:2px 5px; }.files-d7-crumbs { display:flex; align-items:center; gap:8px; min-height:42px; padding:0 17px; overflow:auto; border-bottom:1px solid var(--d7-line); }.files-d7-crumbs button { padding:0; border:0; color:#cbbdff; white-space:nowrap; background:none; }.files-d7-crumbs i { color:var(--d7-muted); font-style:normal; }.files-d7-table-head,.files-d7-row { display:grid; grid-template-columns:minmax(0,1fr) 140px 75px; align-items:center; gap:12px; }.files-d7-table-head { padding:10px 17px 7px 59px; color:var(--d7-muted); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }.files-d7-list { padding:0 8px; }.files-d7-row { position:relative; width:100%; min-height:54px; padding:7px 9px; border:1px solid transparent; border-bottom-color:var(--d7-line); text-align:left; background:transparent; }.files-d7-row:hover,.files-d7-row.is-keyboard,.files-d7-row[aria-selected=true] { border-color:rgba(170,135,255,.55); background:linear-gradient(90deg,rgba(119,83,204,.23),rgba(119,83,204,.05)); }.files-d7-row:focus-visible,.files-d7 button:focus-visible,.files-d7 a:focus-visible { outline:2px solid var(--d7-cyan); outline-offset:-2px; }.files-d7-icon { display:grid; place-items:center; position:absolute; left:10px; width:30px; height:32px; color:#c0c9ff; border:1px solid var(--d7-line); border-radius:6px; background:#0d2034; font-size:10px; font-style:normal; }.files-d7-icon.is-directory { color:var(--d7-cyan); }.files-d7-name { min-width:0; padding-left:42px; overflow:hidden; color:#e9f0ff; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.files-d7-name small { margin-left:7px; color:var(--d7-muted); font-size:10px; font-weight:400; }.files-d7-row time,.files-d7-row em { color:var(--d7-muted); font-size:11px; font-style:normal; font-variant-numeric:tabular-nums; white-space:nowrap; }.files-d7-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:49px; padding:10px 17px; color:var(--d7-muted); font-size:11px; }.files-d7-footer button { margin-left:auto; }.files-d7-state { display:grid; place-content:center; min-height:220px; gap:5px; padding:24px; color:var(--d7-muted); text-align:center; }.files-d7-state strong { color:#e8effe; }.files-d7-state.is-error { min-height:auto; margin:10px 16px 15px; border:1px solid rgba(246,135,153,.45); border-radius:7px; background:rgba(129,33,52,.17); }.files-d7-state.is-error button { justify-self:center; margin-top:8px; border:1px solid rgba(246,135,153,.45); border-radius:6px; padding:6px 9px; color:#ffc3cf; background:transparent; }
.files-d7-preview { padding:16px; border-left:1px solid var(--d7-line); }.files-d7-preview-empty { display:grid; place-content:center; min-height:420px; gap:8px; color:var(--d7-muted); text-align:center; }.files-d7-preview-empty i { color:var(--d7-violet); font-size:34px; font-style:normal; }.files-d7-preview-empty strong { color:#dce7fb; }.files-d7-preview-card { display:grid; gap:13px; }.files-d7-preview-title { display:flex; align-items:center; gap:11px; }.files-d7-preview-title>i { display:grid; place-items:center; width:34px; height:38px; border:1px solid rgba(170,135,255,.4); border-radius:7px; color:var(--d7-violet); background:rgba(170,135,255,.09); font-style:normal; }.files-d7-preview h3 { margin:0; overflow-wrap:anywhere; font-size:16px; letter-spacing:-.02em; }.files-d7-preview-title span { color:var(--d7-muted); font-size:11px; }.files-d7-readonly { margin:2px 0; padding:9px 10px; border:1px solid rgba(82,216,236,.25); border-radius:6px; color:#9fc5e5; background:rgba(22,85,111,.13); font-size:11px; }.files-d7-preview pre { min-height:270px; max-height:490px; margin:0; padding:13px; overflow:auto; border:1px solid var(--d7-line); border-radius:7px; color:#dbe8fd; background:#06111e; font:11px/1.7 ui-monospace,SFMono-Regular,monospace; white-space:pre-wrap; }.files-d7-preview-card>a { justify-self:start; border:1px solid rgba(170,135,255,.45); border-radius:6px; padding:7px 10px; color:#d9cdff; background:rgba(170,135,255,.08); font-size:12px; text-decoration:none; }.files-d7-preview-loading { color:var(--d7-muted); }.files-d7-preview-error { color:#ffb8c6; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:1080px) { .files-d7-grid { grid-template-columns:210px minmax(330px,1fr); }.files-d7-preview { grid-column:1/-1; border-top:1px solid var(--d7-line); border-left:0; }.files-d7-preview-empty { min-height:145px; }.files-d7-preview pre { max-height:270px; } }
@media (max-width:700px) { .files-d7-head { align-items:start; flex-direction:column; }.files-d7-grid { display:block; }.files-d7-sources { border-right:0; border-bottom:1px solid var(--d7-line); }.files-d7-source-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.files-d7-indexed-label { margin-top:13px; }.files-d7-tools { align-items:stretch; flex-direction:column; }.files-d7-tools>span { white-space:normal; }.files-d7-table-head { display:none; }.files-d7-row { grid-template-columns:minmax(0,1fr) auto; }.files-d7-row time { display:none; }.files-d7-row em { padding-right:5px; }.files-d7-preview { border-left:0; }.files-d7-live { display:none; } }
.files-d7-source-list .files-d7-tree-child { min-height:31px; padding-left:22px; color:#b7c7df; font-size:12px; }
.files-d7-source-list .files-d7-tree-child b { color:var(--d7-muted); font-size:13px; }
/* A05: a generic .files-more display rule must not override the HTML hidden attribute. */
.files-library .files-more[hidden] { display:none!important; }