.agent-files-intro{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:30px 34px;margin-bottom:18px;border-radius:14px;background:#142f49;color:#f8fbff;overflow:hidden}
.agent-files-intro h2{margin:8px 0;font-size:clamp(24px,3vw,36px);letter-spacing:-.035em}.agent-files-intro p{max-width:620px;margin:0;color:#ccdce9;line-height:1.55}.live-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.agent-files-intro .live-eyebrow{color:#a5d1ef}.agent-files-intro-mark{font:700 44px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9c8dd;opacity:.6;white-space:nowrap}
.agent-files-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.agent-files-toolbar label{font-size:12px;font-weight:750;color:#536579}.agent-files-toolbar select{min-width:190px;max-width:100%;padding:9px 12px;border:1px solid #cdd6de;border-radius:8px;background:#fff;color:#142f49}.agent-files-toolbar>span{margin-left:auto;color:#687786;font-size:12px}
.agent-files-workspace{display:grid;grid-template-columns:minmax(205px,270px) minmax(0,1fr);min-height:550px;background:#fff;border:1px solid #dce3e8;border-radius:13px;overflow:hidden;box-shadow:0 9px 32px rgba(20,47,73,.045)}.agent-files-browser{display:flex;flex-direction:column;min-width:0;background:#f8fafb;border-right:1px solid #dce3e8}.agent-files-browser-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:16px 18px;border-bottom:1px solid #e2e9ee;font-size:13px}.agent-files-browser-head span{font-size:11px;color:#6a7782;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-files-tree{padding:10px 8px;flex:1;overflow:auto}.agent-files-folder{display:flex;align-items:center;gap:7px;padding:8px calc(10px + var(--depth)*13px);font-size:12px;font-weight:700;color:#526475}.agent-files-tree-item{display:flex;align-items:center;width:100%;gap:9px;padding:10px 8px 10px calc(10px + var(--depth)*13px);border:0;border-radius:7px;text-align:left;background:transparent;color:#274258;font:inherit;font-size:12px;cursor:pointer}.agent-files-tree-item:hover,.agent-files-tree-item.is-active{background:#e5f0f8}.agent-files-tree-item.is-active{box-shadow:inset 3px 0 #255c81}.agent-files-tree-item>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-files-tree-item small{margin-left:auto;color:#708397;font-size:10px;white-space:nowrap}.agent-files-file-icon{font-size:17px;color:#346e94}.agent-files-browser-foot,.agent-files-empty-tree{padding:16px 18px;color:#798895;font-size:11px;line-height:1.5}.agent-files-browser-foot{border-top:1px solid #e2e9ee}
.agent-files-document{min-width:0;padding:22px 26px}.agent-files-welcome{display:grid;place-content:center;min-height:480px;max-width:540px;margin:auto;text-align:center;color:#536577}.agent-files-welcome>span{font-size:46px;color:#4d82a7}.agent-files-welcome h2{margin:8px 0;color:#183950}.agent-files-welcome p{line-height:1.6}.agent-files-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.agent-files-mode-grid>div{padding:13px 8px;background:#f4f8fa;border:1px solid #e2eaef;border-radius:8px}.agent-files-mode-grid strong,.agent-files-mode-grid small{display:block}.agent-files-mode-grid small{margin-top:4px;font-size:10px;color:#718394}.agent-files-doc-top{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.agent-files-doc-top h2{overflow-wrap:anywhere;margin:6px 0;color:#183950;font-size:23px;letter-spacing:-.02em}.agent-files-doc-top p{margin:0;color:#72808b;font-size:12px}.agent-files-history-link{border:0;background:transparent;color:#245d82;text-decoration:underline;cursor:pointer;white-space:nowrap}.agent-files-doc-tabs{display:flex;gap:20px;border-bottom:1px solid #dce5eb;margin-bottom:17px}.agent-files-doc-tabs button{border:0;border-bottom:2px solid transparent;padding:9px 2px;background:transparent;color:#74818b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.agent-files-doc-tabs button[aria-selected=true]{border-color:#2a6389;color:#173b59}.agent-files-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,190px);gap:12px}.agent-files-fields label,.agent-files-import-form label,.agent-files-import-controls label{display:grid;gap:6px;color:#354c60;font-size:11px;font-weight:750}.agent-files-fields input,.agent-files-fields select,.agent-files-import-form input,.agent-files-import-controls input,.agent-files-import-controls select{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #cdd9e2;border-radius:7px;background:#fff;color:#193b54;font:inherit;font-size:12px}.agent-files-description{grid-column:1/-1}.agent-files-mode-help{font-size:11px;color:#73828e;margin:12px 0 14px}.agent-files-code-wrap,.agent-files-preview{border:1px solid #cfdae2;border-radius:9px;overflow:hidden}.agent-files-code-header{display:flex;justify-content:space-between;padding:10px 13px;background:#f2f6f8;border-bottom:1px solid #dbe4ea;color:#668093;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.agent-files-code-wrap textarea{display:block;box-sizing:border-box;width:100%;min-height:320px;resize:vertical;padding:16px;border:0;outline:0;color:#1c3448;background:#fff;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.agent-files-preview>div:last-child{min-height:320px;padding:15px;color:#254154}.agent-files-preview pre,.agent-files-import-body pre{max-height:430px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.agent-files-editor-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:15px;font-size:11px;color:#74828e}.agent-files-versions{display:grid;gap:8px}.agent-files-versions button{text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:14px;border:1px solid #dae3e9;border-radius:8px;background:#f9fbfc;color:#244359;cursor:pointer}.agent-files-versions button:hover{border-color:#71a4c3}.agent-files-versions small{grid-column:1/-1;color:#82929e}
.agent-files-import-form{display:grid;gap:12px;margin-bottom:20px}.agent-files-import-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-files-import-form>button{justify-self:start}.agent-files-import-commit{padding:15px;margin-bottom:12px;border-radius:8px;background:#eef5f8;color:#24465d}.agent-files-import-commit code{display:block;overflow-wrap:anywhere;margin:7px 0}.agent-files-import-commit p{margin:0;font-size:12px}.agent-files-import-file{border:1px solid #dce5eb;border-radius:9px;margin-bottom:8px;overflow:hidden}.agent-files-import-file summary{display:flex;gap:10px;align-items:center;padding:14px;cursor:pointer}.agent-files-import-file summary strong{overflow-wrap:anywhere}.agent-files-import-file summary small{margin-left:auto;white-space:nowrap;color:#788996}.agent-files-import-body{padding:15px;border-top:1px solid #e1e9ed}.agent-files-import-body pre{padding:14px;border-radius:7px;background:#f4f7f9}.agent-files-import-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:14px}
.agent-files-workspace :focus-visible,.agent-files-toolbar :focus-visible{outline:3px solid #6babd3;outline-offset:2px}
.agent-files-preview h1,.agent-files-preview h2,.agent-files-preview h3{margin:10px 0;color:#183950;letter-spacing:-.02em}.agent-files-preview h1{font-size:24px}.agent-files-preview h2{font-size:19px}.agent-files-preview h3{font-size:15px}.agent-files-preview p{margin:4px 0;line-height:1.6}.agent-files-preview-bullet{padding-left:15px}.agent-files-preview-break{height:12px}.agent-files-preview code{padding:2px 4px;background:#edf3f7;border-radius:3px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.agent-files-preview pre{padding:13px;overflow:auto;border-radius:7px;background:#eef3f6}.agent-files-preview pre code{padding:0;background:transparent}
@media(max-width:1000px){.agent-files-workspace{grid-template-columns:minmax(170px,220px) minmax(0,1fr)}.agent-files-document{padding:18px}.agent-files-import-controls{grid-template-columns:1fr 1fr}.agent-files-import-controls button{grid-column:1/-1;justify-self:start}}
@media(max-width:700px){.agent-files-intro{padding:24px}.agent-files-intro-mark{display:none}.agent-files-toolbar>span{margin-left:0}.agent-files-workspace{display:block}.agent-files-browser{border-right:0;border-bottom:1px solid #dce3e8;max-height:220px}.agent-files-tree{max-height:145px}.agent-files-browser-foot{display:none}.agent-files-document{padding:17px}.agent-files-fields,.agent-files-import-form>div,.agent-files-import-controls{grid-template-columns:1fr}.agent-files-mode-grid{grid-template-columns:1fr}.agent-files-mode-grid>div{display:flex;justify-content:space-between}.agent-files-editor-foot,.agent-files-doc-top{align-items:start;flex-direction:column}.agent-files-code-wrap textarea{min-height:280px}}
.agent-files-versions .agent-files-import-file{padding:18px;background:linear-gradient(135deg,#f6fafc,#fff);border-color:#d5e2eb;box-shadow:0 4px 16px rgba(25,59,84,.035)}
.agent-files-versions .agent-files-import-file strong{display:block;color:#173b59;font-size:14px}
.agent-files-versions .agent-files-import-file p{margin:7px 0;color:#526b7b;font-size:12px;overflow-wrap:anywhere}
.agent-files-versions .agent-files-import-file small{display:block;color:#718696;overflow-wrap:anywhere}
.agent-files-versions .agent-files-import-file .live-actions{display:flex;gap:8px;margin-top:14px}
.agent-files-versions .agent-files-import-file .live-actions button{display:inline-flex;width:auto;grid-template-columns:none;padding:9px 13px;text-align:center}
#code-import-form{margin-top:24px;padding:20px;border:1px solid #d5e2eb;border-radius:12px;background:#f8fbfd}
#code-import-form h3{margin:0;color:#173b59;font-size:16px}
#code-preview{display:grid;gap:10px;min-width:0}
#code-preview>.agent-files-import-file{background:#fff}
#code-preview pre{max-height:440px;overflow:auto;padding:16px;margin:0 14px 12px;border-radius:8px;background:#122d42;color:#e9f3f9;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
#code-preview .agent-files-import-file p,#code-preview .agent-files-import-file button{margin:0 14px 14px}