:root{--bg:#f7f8fa;--panel:#fff;--line:#e4e7eb;--line-soft:#eef0f3;--text:#1d232d;--muted:#66717f;--blue:#146fe8;--blue-soft:#e9f2ff;--blue-border:#b8d7ff;--folder:#f5b92d}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:#dfe4ea;font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;font-size:13px}.app-shell{background:var(--panel);border:1px solid #c7ccd2;grid-template-rows:38px 54px minmax(0,1fr) 30px;width:100vw;min-width:820px;height:100vh;display:grid;box-shadow:0 20px 60px #1d293933}.titlebar{border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#fbfbfc;justify-content:space-between;align-items:center;padding-left:14px;display:flex}.brand{letter-spacing:-.1px;align-items:center;gap:9px;font-weight:650;display:flex}.brandmark{color:#fff;background:linear-gradient(145deg,#2c8cff,#085bc9);border-radius:6px;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 1px #fff5}.prototype{letter-spacing:.7px;color:#5b6877;border:1px solid #cdd3da;border-radius:3px;margin-left:2px;padding:2px 5px;font-size:9px;font-weight:700}.window-actions{height:100%;display:flex}.window-actions button{color:#4d5662;background:0 0;border:0;width:46px;font-size:16px}.window-actions button:hover{background:#e9ebed}.window-actions .close:hover{color:#fff;background:#e81123}.toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:9px;padding:8px 12px;display:flex}.nav-buttons,.view-controls{gap:2px;display:flex}.nav-buttons button,.view-controls button{color:#52606f;background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.nav-buttons button:hover:not(:disabled),.view-controls button:hover,.view-controls button.active{color:#1c2733;background:#edf1f5}.nav-buttons button:disabled{opacity:.3}.nav-buttons svg,.view-controls svg{width:17px}.address{color:#65717e;cursor:text;border:1px solid #d4d9df;border-radius:6px;flex:1;align-items:center;min-width:240px;height:34px;padding:0 10px;display:flex;overflow:hidden}.address:focus-within{border-color:#79adf2;box-shadow:0 0 0 2px #ddecff}.address>input{width:100%;font:inherit;color:#24303d;border:0;outline:0}.crumb{align-items:center;min-width:0;display:flex}.crumb button{color:#313b46;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:6px 5px}.crumb button:hover{background:#eef2f5}.search{color:#75808d;border:1px solid #d4d9df;border-radius:6px;align-items:center;gap:7px;width:250px;height:34px;padding:0 9px;display:flex}.search:focus-within{border-color:#79adf2;box-shadow:0 0 0 2px #ddecff}.search input{width:100%;min-width:0;font:inherit;border:0;outline:0}.search button{color:#647180;background:0 0;border:0;padding:2px}.workspace{grid-template-columns:225px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#f7f8fa;flex-direction:column;padding:13px 10px 10px;display:flex;position:relative}.side-item,.open-folder{color:#303b48;text-align:left;width:100%;height:36px;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;display:flex}.side-item svg,.open-folder svg{width:17px}.side-item:hover{background:#e9edf1}.side-item.active{color:#115fae;background:#e4eefb;font-weight:600}.side-label{letter-spacing:.6px;color:#7a8592;margin:19px 10px 7px;font-size:10px;font-weight:700}.open-folder{color:#fff;background:#176fe5;justify-content:center;margin-top:9px;font-weight:600;box-shadow:0 1px 2px #074eac44}.open-folder:hover{background:#0c62d3}.tree{margin-top:10px;font-size:12px;overflow:auto}.tree-root,.tree button{white-space:nowrap;align-items:center;gap:5px;width:100%;height:28px;display:flex;overflow:hidden}.tree button{font:inherit;text-align:left;color:#52606d;background:0 0;border:0;border-radius:4px;padding:0 5px 0 20px;position:relative}.tree button:hover{background:#e9edf1}.tree svg{flex:none;width:13px}.tree svg:nth-of-type(2),.tree-root svg:nth-of-type(2){color:#dfa518}.tree-root span,.tree button span:last-child{text-overflow:ellipsis;overflow:hidden}.privacy{border-top:1px solid var(--line);color:#6c7682;gap:9px;margin-top:auto;padding:14px 7px 3px;display:flex}.privacy>svg{color:#288564;width:17px}.privacy div{flex-direction:column;gap:2px;display:flex}.privacy strong{color:#45515e;font-size:11px}.privacy span{font-size:10px}.content{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.content-head{flex:none;justify-content:space-between;align-items:center;height:75px;padding:16px 20px 12px;display:flex}.content-head h1{letter-spacing:-.3px;margin:0 0 3px;font-size:20px;font-weight:650;line-height:1.2}.content-head p{color:#7a8591;margin:0;font-size:12px}.error-banner{color:#7d460b;background:#fff4e8;border:1px solid #f4c58e;border-radius:6px;justify-content:space-between;align-items:center;margin:0 20px 10px;padding:10px 12px;display:flex}.error-banner div{gap:8px;display:flex}.error-banner button{color:#8a5318;background:0 0;border:0}.error-banner svg{width:15px}.file-table{border-top:1px solid var(--line);outline:0;min-height:0;margin:0 12px 8px;overflow:auto}.table-head,.file-row{grid-template-columns:minmax(240px,2fr) minmax(140px,1.1fr) minmax(85px,.55fr) minmax(150px,.85fr);align-items:center;display:grid}.table-head{z-index:2;border-bottom:1px solid var(--line);color:#616c79;text-transform:uppercase;letter-spacing:.35px;background:#fafbfc;height:34px;font-size:11px;font-weight:600;position:sticky;top:0}.table-head button{text-align:left;height:100%;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0 12px;display:flex}.table-head button:hover{color:#37424e;background:#eef1f4}.table-head svg{width:12px}.flip{transform:rotate(180deg)}.file-row{border-bottom:1px solid var(--line-soft);color:#3a4551;-webkit-user-select:none;user-select:none;cursor:default;height:39px}.file-row:hover{background:#f3f7fb}.file-row.selected{background:var(--blue-soft);outline:1px solid var(--blue-border);outline-offset:-1px}.file-row>div{text-overflow:ellipsis;white-space:nowrap;padding:0 12px;overflow:hidden}.file-row .name-col{color:#222d39;align-items:center;gap:9px;font-weight:450;display:flex}.entry-icon{flex:none;width:18px;height:18px}.entry-icon.folder{color:var(--folder);stroke:#d59916}.entry-icon.image{color:#9a59cd}.entry-icon.archive{color:#e7812c}.entry-icon.code{color:#3780cd}.entry-icon.sheet{color:#27885e}.entry-icon.text{color:#5886ba}.entry-icon.generic{color:#8b96a1}.size-col{font-variant-numeric:tabular-nums}.date-col,.type-col,.size-col{color:#65717e}.loading-state,.empty{color:#677380;justify-content:center;align-items:center;gap:10px;height:220px;display:flex}.empty{flex-direction:column}.empty svg{color:#c2a155;width:38px;height:38px}.empty strong{color:#43505c}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.statusbar{border-top:1px solid var(--line);color:#66717f;background:#f7f8fa;align-items:center;gap:9px;padding:0 13px;font-size:11px;display:flex}.separator{border-left:1px solid #cfd4d9;height:13px}.status-right{align-items:center;gap:6px;margin-left:auto;display:flex}.statusbar kbd{color:#46515d;background:#fff;border:1px solid #cbd1d8;border-radius:3px;padding:1px 4px;font:10px inherit}.local-badge{color:#207454;align-items:center;gap:4px;margin-left:10px;font-weight:600;display:flex}.local-badge svg{width:13px}@media (max-width:1000px){.workspace{grid-template-columns:190px}.search{width:200px}.table-head,.file-row{grid-template-columns:minmax(240px,2fr) minmax(120px,1fr) 80px 140px}.status-right kbd,.status-right{font-size:0}.status-right .local-badge{font-size:11px}}@media (max-width:820px){.sidebar{display:none}.workspace{grid-template-columns:1fr}.type-col{display:none!important}.table-head,.file-row{grid-template-columns:minmax(260px,2fr) 90px 150px}.search{width:180px}}.content-actions{align-items:center;gap:12px;display:flex}.primary-open{color:#fff;background:#176fe5;border:1px solid #0d63d4;border-radius:6px;align-items:center;gap:7px;height:32px;padding:0 14px;font:600 12px inherit;display:flex;box-shadow:0 1px 2px #074eac33}.primary-open:hover:not(:disabled){background:#0c62d3}.primary-open:disabled{opacity:.45}.primary-open svg{width:16px}.dialog-backdrop{z-index:20;background:#14203366;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.preview-dialog{background:#fff;border:1px solid #c9d0d8;border-radius:10px;grid-template-rows:68px minmax(0,1fr) 58px;width:min(860px,90vw);height:min(680px,86vh);display:grid;overflow:hidden;box-shadow:0 24px 70px #0d172844}.preview-dialog>header{border-bottom:1px solid var(--line);background:#fafbfc;align-items:center;gap:11px;padding:0 18px;display:flex}.preview-title-icon{background:#edf2f7;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.preview-dialog h2{margin:0 0 3px;font-size:15px}.preview-dialog header p{color:var(--muted);margin:0;font-size:11px}.icon-button{color:#53606e;background:0 0;border:0;border-radius:5px;width:34px;height:34px;margin-left:auto}.icon-button:hover{background:#e9edf1}.icon-button svg{width:18px}.preview-body{background:#f1f3f5;min-height:0;display:flex;overflow:auto}.preview-body.text{background:#fff}.preview-body pre{color:#283440;white-space:pre-wrap;word-break:break-word;tab-size:2;width:100%;margin:0;padding:24px 28px;font:13px/1.65 Consolas,Cascadia Code,monospace}.preview-body.image{background:#20262d;justify-content:center;align-items:center;padding:24px}.preview-body img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 6px 24px #0007}.preview-state{text-align:center;color:#6b7682;flex-direction:column;align-items:center;gap:8px;max-width:430px;margin:auto;padding:30px;display:flex}.preview-state>svg{color:#347ed2;width:34px;height:34px}.preview-state strong{color:#34414e;font-size:15px}.preview-state span{line-height:1.5}.preview-state.warning>svg{color:#d28a1e}.preview-state.error>svg{color:#ca4b4b}.preview-dialog>footer{border-top:1px solid var(--line);background:#fafbfc;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.preview-dialog>footer>span{color:#557064;align-items:center;gap:6px;font-size:11px;display:flex}.preview-dialog>footer>span svg{width:14px}.preview-dialog>footer>div{gap:8px;display:flex}.secondary,.download-button{color:#35414d;background:#fff;border:1px solid #c8cfd7;border-radius:6px;height:32px;padding:0 14px;font:600 12px inherit}.secondary:hover{background:#f0f2f4}.download-button{color:#fff;background:#176fe5;border-color:#1268d9;align-items:center;gap:7px;display:flex}.download-button:hover{background:#0c62d3}.download-button svg{width:15px}@media (max-width:700px){.dialog-backdrop{padding:12px}.preview-dialog{width:100%;height:90vh}.preview-dialog>footer>span{display:none}.preview-dialog>footer{justify-content:flex-end}.primary-open span{display:none}.primary-open{padding:0 9px}}