.file-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#10111b}
.file-browser{padding:14px;border-right:1px solid var(--line);background:#141522}
.file-browser-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.file-browser-top strong{font-size:16px}.file-browser-top button{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-size:22px;cursor:pointer}.file-browser-top button:hover{border-color:var(--accent);color:#fff}
.file-tree{display:grid;gap:4px}.file-row{display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;border-radius:8px}.file-row:hover,.file-row.selected{background:#292a3e}.file-item{flex:1;min-width:0;padding:10px 4px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-trash{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;border:1px solid #9b4159;border-radius:9px;background:transparent;color:#d96781;opacity:0;pointer-events:none;cursor:pointer}.file-trash svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.file-row.selected .file-trash{opacity:1;pointer-events:auto}.file-trash:hover{background:#3b1d2a;color:#ff8da5}
.code-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:#0e0f19}.code-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line)}.code-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-toolbar div{display:flex;gap:8px}.code-toolbar div[hidden]{display:none!important}.code-toolbar .button{padding:8px 12px}.code-toolbar .button:disabled,.file-browser-top button:disabled{background:#292a3a;border-color:#35364a;color:#737487;cursor:not-allowed;filter:none}.button.danger{background:#a93855}.button.danger:hover{background:#c24666}
.code-pane textarea{width:100%;min-height:420px;resize:vertical;border:0;border-radius:0;background:#0e0f19;color:#d8d4ff;padding:18px;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;outline:0;tab-size:4}.code-pane textarea:read-only{color:var(--muted)}#code-status,#create-code-status{min-height:21px;margin:0;padding:8px 14px;border-top:1px solid var(--line);font-size:13px}.create-file-workspace{min-height:520px;margin-top:4px}.create-form>#create-status{min-height:20px;margin:0;font-size:13px}
@media(max-width:800px){.file-workspace{grid-template-columns:1fr}.file-browser{border-right:0;border-bottom:1px solid var(--line)}.file-tree{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.code-pane textarea{min-height:300px}}