#page-nas.nas-shell{display:none;position:relative;flex:1;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;background:#050505;color:#f5f5f5;}
#page-nas.nas-shell.active{display:flex;flex-direction:row;align-items:stretch;}
.nas-sidebar{width:var(--workspace-sidepanel-width);flex:0 0 var(--workspace-sidepanel-width);min-height:0;display:flex;flex-direction:column;padding:20px 12px 12px;border-right:1px solid #202020;background:#090909;}
.nas-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 14px;}
.nas-sidebar-title{font-size:17px;font-weight:800;letter-spacing:-.04em;}
.nas-sidebar-kicker{margin-bottom:4px;color:#777;font:600 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;}
.nas-sidebar-actions{display:flex;gap:6px;}
.nas-icon-button,.nas-action-button{height:30px;border:1px solid #2b2b2b;border-radius:3px;background:#111;color:#bdbdbd;font-family:inherit;font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .16s,color .16s,background .16s;}
.nas-icon-button{width:32px;display:grid;place-items:center;padding:0;}
.nas-icon-button:hover,.nas-action-button:hover{border-color:#0099ff;color:#fff;background:#171717;}
.nas-icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.nas-readonly{margin:0 8px 10px;padding:8px 9px;border:1px solid #252525;border-radius:3px;background:#0d0d0d;color:#777;font-size:10px;line-height:1.45;}
.nas-tree{flex:1;min-height:0;overflow:auto;padding:2px 0 12px;scrollbar-width:thin;scrollbar-color:#3b3b3b transparent;}
.nas-tree-row{width:100%;height:32px;display:flex;align-items:center;gap:6px;padding:0 8px 0 calc(7px + var(--nas-depth,0) * 15px);border:0;border-left:2px solid transparent;border-radius:2px;background:transparent;color:#aaa;text-align:left;cursor:pointer;}
.nas-tree-row:hover{background:#121212;color:#fff;}
.nas-tree-row.selected{border-left-color:var(--dl-accent);background:#171717;color:#fff;}
.nas-tree-root{font-weight:800;color:#ddd;}
.nas-tree-chevron,.nas-tree-spacer{width:12px;min-width:12px;height:12px;}
.nas-tree-chevron{fill:#737373;transition:transform .15s ease;}
.nas-tree-chevron.expanded{transform:rotate(90deg);}
.nas-tree-icon{width:16px;min-width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;}
.nas-tree-icon.folder{color:#d8ff3e;}
.nas-tree-icon.image{color:#7ac7ff}.nas-tree-icon.video{color:#c7a0ff}.nas-tree-icon.pdf{color:#ff7d83}.nas-tree-icon.text{color:#9fd8b5}.nas-tree-icon.docx{color:#7da7ff}.nas-tree-icon.xlsx{color:#62ca87}.nas-tree-icon.hwpx{color:#86d5e8}
.nas-tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.nas-status{min-height:24px;padding:7px 8px 0;border-top:1px solid #1d1d1d;color:#777;font-size:10px;line-height:1.35;}
.nas-status.error{color:#ff7c96;}
.nas-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#050505;}
.nas-preview-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid #202020;background:#080808;}
.nas-preview-heading{min-width:0;}
.nas-preview-title{overflow:hidden;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;}
.nas-preview-meta{margin-top:5px;overflow:hidden;color:#777;font:500 10px/1.3 'IBM Plex Mono',monospace;text-overflow:ellipsis;white-space:nowrap;}
.nas-preview-actions{display:flex;gap:8px;flex:0 0 auto;}
.nas-action-button{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;text-decoration:none;}
.nas-action-button.primary{border-color:#d8ff3e;background:#d8ff3e;color:#080808;}
.nas-action-button.danger{color:#ff7c96;}
.nas-viewer{flex:1;min-height:0;overflow:auto;display:flex;align-items:stretch;justify-content:stretch;padding:22px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.025),transparent 42%),#050505;}
.nas-viewer>.documents-media-preview,.nas-viewer>.documents-office-page,.nas-viewer>.documents-sheet-table{margin:auto;}
.nas-viewer .documents-media-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.nas-viewer .documents-media-preview img,.nas-viewer .documents-media-preview video{max-width:100%;max-height:calc(100vh - 180px);object-fit:contain;}
.nas-pdf-preview{width:100%;height:100%;min-height:520px;border:1px solid #242424;border-radius:3px;background:#111;}
.nas-text-preview{width:100%;min-height:100%;margin:0;padding:18px;border:1px solid #242424;border-radius:3px;background:#0b0b0b;color:#d4d4d4;font:500 12px/1.65 'IBM Plex Mono',monospace;white-space:pre-wrap;word-break:break-word;}
.nas-empty,.nas-loading{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#666;text-align:center;}
.nas-empty strong{color:#aaa;font-size:14px}.nas-empty span{max-width:460px;font-size:11px;line-height:1.6}
.nas-empty-folder,.nas-empty-file{width:42px;height:34px;border:1px solid #353535;border-radius:3px;position:relative;margin-bottom:5px;}
.nas-empty-folder::before{content:'';position:absolute;left:4px;top:-7px;width:18px;height:8px;border:1px solid #353535;border-bottom:0;background:#0b0b0b;}
.nas-empty-file{width:30px;height:38px;}
@media(max-width:800px){#page-nas.nas-shell.active{flex-direction:column}.nas-sidebar{width:100%;flex:0 0 220px;border-right:0;border-bottom:1px solid #202020}.nas-preview-head{padding:10px 12px}.nas-viewer{padding:12px}.nas-pdf-preview{min-height:420px}}