:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dd-bg:#f7f8fa;--dd-surface:#fff;--dd-surface-raised:#f2f5f8;--dd-fg:#17202a;--dd-muted:#64717f;--dd-border:#dce3ea;--dd-primary:#0e7c66;--dd-primary-hover:#0a6755;--dd-info:#2563eb;--dd-warn:#b7791f;--dd-danger:#c2413a;--dd-success:#248a55;--dd-font-ui:Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dd-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dd-radius-sm:6px;--dd-radius-md:8px;--dd-radius-lg:10px;--dd-shadow-popover:0 8px 24px #17202a1f}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--dd-bg);color:var(--dd-fg);font:14px/1.4 var(--dd-font-ui);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.boot-screen,.auth-page{background:linear-gradient(180deg, #0e7c660f, transparent 38%), var(--dd-bg);place-items:center;height:100svh;min-height:0;display:grid;overflow:auto}.boot-screen{color:var(--dd-primary);gap:12px}.auth-panel{background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);width:min(420px,100vw - 32px);padding:28px}.auth-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-title h1{margin:0;font-size:24px}.auth-title p,.muted{color:var(--dd-muted)}.form-stack{gap:14px;display:grid}.google-login-button{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);height:42px;color:var(--dd-fg);justify-content:center;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.google-login-button:hover{border-color:color-mix(in srgb, var(--dd-primary) 42%, var(--dd-border));background:var(--dd-soft)}.google-login-mark{border:1px solid var(--dd-border);color:#1a73e8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-weight:800;line-height:1;display:inline-grid}.auth-status{text-align:center;font-size:13px}.field{gap:6px;display:grid}.field span{color:var(--dd-muted);font-size:12px;font-weight:600}.field input,.field select{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);min-width:0;height:40px;color:var(--dd-fg);padding:0 12px}.field input:focus,.field select:focus,.search-box input:focus{border-color:var(--dd-primary);outline:2px solid #0e7c6621}.app-shell{grid-template-columns:64px minmax(0,1fr);height:100svh;min-height:0;display:grid;overflow:hidden}.sidebar{background:var(--dd-surface);border-right:1px solid var(--dd-border);flex-direction:column;align-items:center;gap:14px;height:100svh;min-height:0;padding:14px 10px;display:flex;overflow:hidden}.brand-mark,.account-chip,.topbar-status,.eyebrow,.file-name,.breadcrumb-row,.breadcrumb-segment,.panel-title,.panel-actions,.empty-state,.check-row{align-items:center;display:flex}.brand-mark{border-radius:var(--dd-radius-md);background:0 0;border:0;justify-content:center;gap:12px;width:44px;height:44px;padding:0}.brand-mark svg{color:var(--dd-primary)}.brand-mark:hover{background:var(--dd-surface-raised)}.nav-stack{gap:6px;display:grid}.nav-item{border-radius:var(--dd-radius-md);width:44px;height:40px;color:var(--dd-muted);text-align:left;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0;display:flex}.nav-item.active,.nav-item:hover{background:var(--dd-surface-raised);color:var(--dd-fg)}.nav-item.active svg{color:var(--dd-primary)}.sidebar-footer{flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.account-chip{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:44px;height:44px;color:var(--dd-fg);justify-content:center;padding:0}.account-chip:hover{background:var(--dd-surface-raised);border-color:#b9c5d0}.account-chip div,.file-name>span{min-width:0}.file-name strong,.file-name span,.panel-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--dd-border);background:var(--dd-surface);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 24px;display:flex}.topbar h1{margin:0;font-size:22px;line-height:1.2}.eyebrow{gap:6px;margin:0 0 4px;font-weight:700}.topbar-status{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);min-height:36px;color:var(--dd-muted);background:var(--dd-bg);gap:8px;padding:0 12px}.button{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);min-height:36px;color:var(--dd-fg);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.button.primary{border-color:var(--dd-primary);background:var(--dd-primary);color:#fff}.button.primary:hover{background:var(--dd-primary-hover)}.button.icon-only{width:36px;min-width:36px;padding:0}.button.icon-only span{display:none}.button.danger{color:var(--dd-danger);border-color:#c2413a40}.icon-button{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:36px;height:36px;color:var(--dd-fg);place-items:center;padding:0;display:inline-grid}.icon-button:hover,.button:hover{border-color:#b9c5d0}.error-banner{border-radius:var(--dd-radius-md);color:var(--dd-danger);background:#c2413a12;border:1px solid #c2413a3d;padding:10px 12px}.success-banner{border-radius:var(--dd-radius-md);color:var(--dd-success);background:#248a5514;border:1px solid #248a553d;padding:10px 12px}.page-error{margin:12px}.drive-layout,.admin-layout{grid-template-columns:minmax(0, 1fr) minmax(300px, var(--drive-side-panel-width,360px));flex:1;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.drive-layout.side-panel-collapsed{grid-template-columns:minmax(0,1fr)}.admin-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.admin-layout.users-mode{grid-template-columns:minmax(0,1fr) 360px}.drive-main,.admin-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.drive-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.drive-content.drag-active{outline-offset:-2px;outline:2px solid #0e7c6661}.drop-overlay{z-index:25;border-radius:var(--dd-radius-md);color:var(--dd-primary);pointer-events:none;background:#ffffffdb;border:1px dashed #0e7c66b8;align-content:center;place-items:center;gap:7px;display:grid;position:absolute;inset:12px;box-shadow:inset 0 0 0 1px #fffc}.drop-overlay strong{color:var(--dd-fg);font-size:17px}.drop-overlay span{color:var(--dd-muted);font-size:12px}.drive-toolbar,.admin-toolbar{border-bottom:1px solid var(--dd-border);background:var(--dd-surface);flex-wrap:nowrap;align-items:center;gap:8px;min-height:56px;padding:10px 16px;display:flex;overflow:auto hidden}.view-switcher{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface-raised);align-items:center;height:36px;padding:2px;display:inline-flex}.view-option{border-radius:var(--dd-radius-sm);width:32px;height:30px;color:var(--dd-muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.view-option.active,.view-option:hover{background:var(--dd-surface);color:var(--dd-primary);box-shadow:0 1px 4px #17202a14}.admin-tabs{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);align-items:center;gap:4px;padding:3px;display:inline-flex}.admin-tabs button{border-radius:var(--dd-radius-sm);min-height:30px;color:var(--dd-muted);background:0 0;border:0;padding:0 11px;font-weight:800}.admin-tabs button.active,.admin-tabs button:hover{background:var(--dd-surface);color:var(--dd-fg)}.toolbar-spacer{flex:1}.search-box{flex:0 320px;min-width:min(220px,100%);position:relative}.drive-toolbar>.button,.admin-toolbar>.button,.view-switcher,.sort-box,.sort-direction-button{flex:none}.search-box svg{color:var(--dd-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box input{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);width:100%;height:36px;padding:0 12px 0 36px}.search-scope-label{min-height:28px;color:var(--dd-muted);white-space:nowrap;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.sort-box,.sort-direction-button{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);min-height:36px;color:var(--dd-fg);align-items:center;display:inline-flex}.sort-box{gap:7px;padding:0 8px 0 10px}.sort-box span{color:var(--dd-muted);font-size:12px;font-weight:700}.sort-box select{min-width:108px;height:30px;color:var(--dd-fg);font:inherit;background:0 0;border:0}.sort-direction-button{gap:7px;padding:0 10px}.sort-direction-button:hover{background:var(--dd-surface-raised);border-color:#b9c5d0}.sort-direction-button span{white-space:nowrap}.breadcrumb-row{border-bottom:1px solid var(--dd-border);background:var(--dd-bg);gap:8px;min-height:44px;padding:0 16px;overflow-x:auto}.breadcrumb-segment{gap:6px}.breadcrumb-button{color:var(--dd-info);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:4px;display:inline-flex}.file-list,.admin-list,.finder-icon-grid,.finder-column-view,.finder-gallery-view{flex:1;min-height:0;overflow:auto}.finder-list,.finder-column-view,.finder-gallery-view{scrollbar-gutter:stable both-edges;padding:10px}.file-list-header,.file-row{grid-template-columns:minmax(180px,1fr) 120px 160px 120px;align-items:center;gap:14px;width:100%;display:grid}.file-list-header{z-index:1;border-bottom:1px solid var(--dd-border);background:var(--dd-bg);min-height:34px;color:var(--dd-muted);padding:0 16px;font-size:12px;font-weight:700;position:sticky;top:0}.file-list-header span:not(:first-child){text-align:right}.file-row{border:0;border-bottom:1px solid var(--dd-border);background:var(--dd-surface);min-height:52px;color:var(--dd-fg);text-align:left;padding:0 16px}.finder-list{background:var(--dd-surface)}.finder-icon-grid{background:var(--dd-surface);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:142px;align-content:start;gap:10px;padding:14px;display:grid}.file-tile{border-radius:var(--dd-radius-md);min-width:0;color:var(--dd-fg);text-align:center;background:0 0;border:1px solid #0000;grid-template-rows:54px minmax(0,34px) 18px;place-items:center;gap:7px;padding:14px 10px 10px;display:grid;position:relative}.file-checkbox{width:16px;height:16px;accent-color:var(--dd-primary);flex:none}.file-tile>.file-checkbox,.gallery-thumb>.file-checkbox{opacity:1;position:absolute;top:8px;left:8px}.file-tile:hover,.file-tile.selected{border-color:var(--dd-border);background:var(--dd-surface-raised)}.file-tile.active{border-color:#0e7c666b;box-shadow:inset 0 0 0 1px #0e7c662e}.file-tile-icon{border-radius:var(--dd-radius-md);width:54px;height:54px;color:var(--dd-primary);background:#e8f3ef;place-items:center;display:grid}.file-tile-icon:has(.folder-glyph){background:#fff5d8}.file-icon-lock-wrap{flex:none;place-items:center;min-width:0;line-height:0;display:inline-grid;position:relative}.file-lock-badge{border:2px solid var(--dd-surface);color:#fff;background:#17202a;border-radius:999px;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-5px;right:-7px;box-shadow:0 2px 6px #17202a33}.file-icon-lock-wrap .file-lock-badge svg{color:#fff}.file-tile-icon .file-lock-badge{border-color:#e8f3ef;bottom:-3px;right:-5px}.file-tile-icon:has(.folder-glyph) .file-lock-badge{border-color:#fff5d8}.file-row.active .file-lock-badge,.column-row.active .file-lock-badge,.gallery-thumb.active .file-lock-badge{border-color:#edf7f3}.folder-glyph{flex:none;display:block}.file-tile-name,.gallery-thumb-name,.gallery-thumb-location{text-overflow:ellipsis;max-width:100%;overflow:hidden}.file-tile-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:700;line-height:1.2;display:-webkit-box}.file-tile-meta{text-overflow:ellipsis;max-width:100%;color:var(--dd-muted);white-space:nowrap;font-size:12px;overflow:hidden}.file-row.selected,.file-row:hover,.column-row.selected,.column-row:hover,.gallery-thumb.selected,.gallery-thumb:hover,.user-row.selected,.user-row:hover{background:var(--dd-surface-raised)}.file-row.active,.column-row.active,.gallery-thumb.active{box-shadow:inset 3px 0 0 var(--dd-primary);background:#edf7f3}.file-tile[draggable=true],.file-row[draggable=true],.column-row[draggable=true],.gallery-thumb[draggable=true]{cursor:grab}.file-tile[draggable=true]:active,.file-row[draggable=true]:active,.column-row[draggable=true]:active,.gallery-thumb[draggable=true]:active{cursor:grabbing}.file-tile.move-drop-target,.file-row.move-drop-target,.column-row.move-drop-target,.gallery-thumb.move-drop-target{background:#e8f7f1;border-color:#0e7c6675;box-shadow:inset 0 0 0 2px #0e7c6638}.file-name{gap:10px;min-width:0}.file-name svg{color:var(--dd-primary);flex:none}.file-name span,.file-meta{color:var(--dd-muted);font-size:12px}.file-name strong{color:var(--dd-fg);font-size:14px;display:block}.file-meta.right{text-align:right}.finder-column-view{background:var(--dd-surface);align-items:stretch;display:flex;overflow:auto hidden}.finder-column{border-top:1px solid var(--dd-border);border-right:1px solid var(--dd-border);border-bottom:1px solid var(--dd-border);flex-direction:column;flex:0 0 clamp(220px,21vw,300px);min-width:0;min-height:0;display:flex}.finder-column:first-child{border-left:1px solid var(--dd-border)}.finder-column-detail,.finder-column-preview{border-right:0}.finder-column-preview{flex:1 0 min(520px,45vw);min-width:360px}.finder-column-header{border-bottom:1px solid var(--dd-border);background:var(--dd-bg);min-height:34px;color:var(--dd-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.finder-column-list{min-height:0;padding-bottom:18px;overflow:auto}.finder-column-state{min-height:0;color:var(--dd-muted);text-align:center;flex:1;place-items:center;padding:18px;font-size:13px;display:grid}.finder-column-state.error{color:var(--dd-danger)}.column-row{width:100%;min-height:38px;color:var(--dd-fg);text-align:left;background:0 0;border:0;border-bottom:1px solid #dce3eab8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.column-row .file-checkbox{margin-right:2px}.column-row-name,.gallery-thumb{align-items:center;min-width:0;display:flex}.column-row-name{gap:8px}.column-row-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.column-row-meta{color:var(--dd-muted);white-space:nowrap;font-size:12px}.column-row-name svg,.column-detail-icon svg,.gallery-info-icon svg,.gallery-thumb svg{color:var(--dd-primary);flex:none}.column-row-name span,.column-row-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.column-row-meta{color:var(--dd-muted);font-size:12px}.column-detail-empty,.column-detail-card{min-height:0;color:var(--dd-muted);flex:1;place-items:center;padding:22px;display:grid}.column-detail-card{color:var(--dd-fg);align-content:start;place-items:start;gap:16px}.column-detail-icon{border-radius:var(--dd-radius-md);background:#e8f3ef;place-items:center;width:84px;height:84px;display:grid}.column-detail-card strong{text-overflow:ellipsis;max-width:100%;font-size:18px;overflow:hidden}.column-detail-card dl{gap:10px;width:100%;margin:0;display:grid}.column-detail-card dl div{grid-template-columns:74px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.column-detail-card dt{color:var(--dd-muted);font-size:12px}.column-detail-card dd{text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.column-preview-empty,.column-preview-stage{flex:1;min-height:0;display:grid}.column-preview-empty{color:var(--dd-muted);place-items:center;gap:10px;padding:22px}.column-preview-stage{background:var(--dd-bg);position:relative}.column-preview-surface{place-items:center;min-width:0;min-height:0;padding:18px;display:grid;overflow:hidden}.column-preview-surface img,.column-preview-surface video,.column-preview-surface iframe,.column-preview-surface audio{max-width:100%}.column-preview-surface img,.column-preview-surface video{border-radius:var(--dd-radius-md);object-fit:contain;max-height:100%}.column-preview-surface iframe{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(980px,100%);height:100%;min-height:460px}.column-preview-surface .gallery-text-preview{width:min(980px,100%)}.spreadsheet-preview{width:100%;height:100%;min-height:0;color:var(--dd-fg);flex-direction:column;gap:14px;display:flex;overflow:auto}.spreadsheet-sheet{border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);background:var(--dd-surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.spreadsheet-sheet header,.spreadsheet-sheet footer{background:var(--dd-bg);color:var(--dd-muted);flex:none;padding:7px 10px;font-size:12px;font-weight:700}.spreadsheet-sheet footer{border-top:1px solid var(--dd-border);font-weight:500}.spreadsheet-table-wrap{min-height:0;overflow:auto}.spreadsheet-preview table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px;line-height:1.4}.spreadsheet-preview th,.spreadsheet-preview td{border-right:1px solid var(--dd-border);border-bottom:1px solid var(--dd-border);text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:96px;max-width:260px;height:28px;padding:4px 8px;overflow:hidden}.spreadsheet-preview thead th,.spreadsheet-preview tbody th{z-index:1;background:var(--dd-bg);color:var(--dd-muted);text-align:center;font-weight:700;position:sticky}.spreadsheet-preview thead th{top:0}.spreadsheet-preview tbody th{min-width:44px;max-width:44px;left:0}.spreadsheet-preview thead th:first-child{z-index:2;min-width:44px;max-width:44px;left:0}.compact-action{min-height:34px;padding:0 12px}.finder-gallery-view{background:var(--dd-surface);grid-template-rows:minmax(320px,1fr) 112px;grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.gallery-stage{border:1px solid var(--dd-border);background:var(--dd-bg);grid-area:1/1;min-width:0;min-height:0;display:grid;position:relative}.empty-gallery-stage{color:var(--dd-muted);place-items:center;gap:10px}.gallery-preview-surface{place-items:center;min-height:0;padding:18px;display:grid;overflow:hidden}.gallery-preview-surface img,.gallery-preview-surface video,.gallery-preview-surface iframe,.gallery-preview-surface audio{max-width:100%}.gallery-preview-surface img,.gallery-preview-surface video{border-radius:var(--dd-radius-md);object-fit:contain;max-height:100%}.gallery-preview-surface iframe{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(780px,100%);height:100%;min-height:300px}.gallery-preview-message{color:var(--dd-muted);justify-items:center;gap:10px;display:grid}.gallery-text-preview{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);white-space:pre-wrap;width:min(760px,100%);height:100%;min-height:300px;font:12px/1.5 var(--dd-font-mono);margin:0;padding:16px;overflow:auto}.gallery-metadata-panel{border-left:1px solid var(--dd-border);background:var(--dd-surface);grid-area:1/2/3;align-content:start;gap:14px;min-width:0;padding:18px;display:grid;overflow:auto}.gallery-info-icon{border-radius:var(--dd-radius-md);background:#e8f3ef;place-items:center;width:42px;height:42px;display:grid}.gallery-metadata-panel strong{text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden}.gallery-metadata-panel dl{gap:10px;margin:0;display:grid}.gallery-metadata-panel dl div{gap:3px;display:grid}.gallery-metadata-panel dt{color:var(--dd-muted);font-size:12px}.gallery-metadata-panel dd{text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.metadata-pane-body{overflow:auto}.metadata-card{align-content:start;gap:16px;min-width:0;display:grid}.metadata-card>strong{text-overflow:ellipsis;overflow-wrap:anywhere;min-width:0;font-size:16px;overflow:hidden}.metadata-list{gap:12px;min-width:0;margin:0;display:grid}.metadata-list div{border-bottom:1px solid #dce3eab8;gap:4px;min-width:0;padding-bottom:10px;display:grid}.metadata-list dt{color:var(--dd-muted);font-size:12px;font-weight:700}.metadata-list dd{text-overflow:ellipsis;overflow-wrap:anywhere;min-width:0;margin:0;overflow:hidden}.gallery-strip{border:1px solid var(--dd-border);background:var(--dd-surface);grid-area:2/1;gap:8px;min-width:0;padding:10px 12px 14px;display:flex;overflow-x:auto}.gallery-thumb{border-radius:var(--dd-radius-md);width:116px;color:var(--dd-fg);background:0 0;border:1px solid #0000;flex-direction:column;flex:0 0 116px;justify-content:center;gap:7px;padding:8px;position:relative}.context-menu{z-index:30;border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:220px;box-shadow:var(--dd-shadow-popover);gap:2px;padding:6px;display:grid;position:fixed}.context-menu button{border-radius:var(--dd-radius-sm);min-height:34px;color:var(--dd-fg);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0 9px;display:flex}.context-menu button:hover:not(:disabled){background:var(--dd-surface-raised)}.context-menu button:disabled{color:var(--dd-muted)}.context-menu-palette{gap:8px;padding:8px 9px 9px;display:grid}.context-menu-palette>span{color:var(--dd-muted);font-size:12px;font-weight:800}.context-menu-swatches{flex-wrap:wrap;gap:6px;display:flex}.context-menu .context-color-button{border:1px solid var(--dd-border);border-radius:999px;place-items:center;width:26px;min-height:26px;padding:0;display:grid}.context-menu .context-color-button span{border-radius:999px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #171f2824}.context-menu .context-color-button.active{border-color:var(--dd-primary);box-shadow:0 0 0 2px #0e7c6629}.context-menu-separator{background:var(--dd-border);height:1px;margin:4px 2px}.gallery-thumb.selected{border-color:var(--dd-border)}.gallery-thumb span{white-space:nowrap;font-size:12px}.gallery-thumb-location{color:var(--dd-muted);white-space:nowrap;font-size:11px}.modal-backdrop{z-index:20;background:#17202a3d;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.share-dialog,.profile-dialog,.move-dialog{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(520px,100%);max-height:calc(100svh - 32px);box-shadow:var(--dd-shadow-popover);flex-direction:column;display:flex;overflow:hidden}.profile-dialog{width:min(440px,100%)}.move-dialog{width:min(560px,100%)}.password-dialog{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(420px,100%);max-height:calc(100svh - 32px);box-shadow:var(--dd-shadow-popover);flex-direction:column;display:flex;overflow:hidden}.profile-dialog-body{align-items:stretch;display:grid}.share-dialog-header,.share-dialog-footer{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.share-dialog-header{border-bottom:1px solid var(--dd-border)}.share-dialog-footer{border-top:1px solid var(--dd-border);justify-content:flex-end}.share-dialog-body{gap:14px;padding:14px;display:grid;overflow:auto}.move-dialog-body{grid-template-rows:auto auto minmax(180px,1fr) auto;gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden}.password-dialog-body{gap:14px;padding:14px;display:grid}.password-dialog-body p{color:var(--dd-muted);margin:0}.move-target-summary{gap:4px;min-width:0;display:grid}.move-target-summary strong,.move-target-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-target-summary span{color:var(--dd-muted);font-size:12px}.move-path{align-items:center;gap:5px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.move-path button,.move-path-segment{align-items:center;gap:5px;min-width:0;display:inline-flex}.move-path button{border-radius:var(--dd-radius-sm);max-width:160px;min-height:30px;color:var(--dd-fg);background:0 0;border:1px solid #0000;padding:0 8px}.move-path button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.move-path button:hover:not(:disabled),.move-path button.active{border-color:var(--dd-border);background:var(--dd-surface-raised)}.move-folder-list{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);align-content:start;gap:6px;min-height:0;padding:8px;display:grid;overflow:auto}.move-folder-row{border-radius:var(--dd-radius-sm);background:var(--dd-surface);min-width:0;min-height:42px;color:var(--dd-fg);text-align:left;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;display:grid}.move-folder-row:hover:not(:disabled){border-color:var(--dd-border);background:var(--dd-surface-raised)}.move-folder-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.move-folder-state{min-height:120px;color:var(--dd-muted);place-items:center;font-size:13px;display:grid}.move-dialog-footer{border-top:1px solid var(--dd-border);justify-content:flex-end;align-items:center;gap:8px;padding:12px 14px;display:flex}.share-target{gap:4px;min-width:0;display:grid}.share-target strong,.share-target span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-target span{color:var(--dd-muted);font-size:12px}.share-actions,.share-link-row{gap:8px;display:flex}.share-password-field{gap:6px;min-width:0;display:grid}.share-password-field>span,.share-password-display small{color:var(--dd-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.share-password-field input,.share-password-display input{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);width:100%;min-width:0;height:34px;color:var(--dd-fg);padding:0 10px}.share-link-row input{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);min-width:0;height:36px;color:var(--dd-fg);flex:1;padding:0 10px}.share-link-list{gap:8px;display:grid}.share-link-item{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);gap:6px;min-width:0;padding:10px;display:grid}.share-link-item span,.share-link-item strong,.share-link-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.share-link-item strong,.share-link-item small{display:block}.share-link-item small{color:var(--dd-muted)}.share-link-item input{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);min-width:0;height:34px;color:var(--dd-fg);padding:0 10px}.share-link-item .share-password-display{white-space:normal;gap:5px;min-width:0;display:grid;overflow:visible}.share-link-item .share-password-display small{display:inline-flex}.public-share-page{background:var(--dd-bg);place-items:center;height:100svh;min-height:0;padding:24px;display:grid;overflow:auto}.public-share-panel{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);grid-template-rows:auto minmax(280px,1fr) auto;width:min(960px,100%);min-height:min(720px,100svh - 48px);display:grid;overflow:hidden}.public-share-panel>h1{margin:0;font-size:24px}.public-share-header,.public-share-meta{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.public-share-header{border-bottom:1px solid var(--dd-border)}.public-share-meta{border-top:1px solid var(--dd-border);justify-content:flex-start;min-width:0}.public-share-meta div{min-width:0}.public-share-meta strong,.public-share-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.public-share-meta span{color:var(--dd-muted);font-size:12px}.public-share-preview{background:var(--dd-bg);place-items:center;min-width:0;min-height:0;padding:18px;display:grid;position:relative;overflow:auto}.public-share-preview img,.public-share-preview video,.public-share-preview iframe,.public-share-preview audio{max-width:100%}.public-share-preview img,.public-share-preview video{border-radius:var(--dd-radius-md);object-fit:contain;max-height:100%}.public-share-preview iframe{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(780px,100%);height:100%;min-height:420px}.public-folder-browser{align-content:start;align-self:stretch;gap:12px;width:min(720px,100%);min-width:0;display:grid}.public-folder-path{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.public-folder-path button{border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);background:var(--dd-surface);min-height:30px;color:var(--dd-fg);padding:0 10px;font-weight:700}.public-folder-list{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);min-width:0;display:grid;overflow:hidden}.public-folder-row{border-bottom:1px solid var(--dd-border);grid-template-columns:minmax(0,1fr) 40px;align-items:center;min-width:0;display:grid}.public-folder-row:last-child{border-bottom:0}.public-folder-open{min-width:0;min-height:48px;color:var(--dd-fg);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.public-folder-open:hover,.public-folder-download:hover{background:var(--dd-surface-raised)}.public-folder-open svg,.public-folder-download svg{color:var(--dd-primary);flex:none}.public-folder-open span,.public-folder-open strong,.public-folder-open small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.public-folder-open small{color:var(--dd-muted);font-size:12px}.public-folder-download{width:40px;min-height:48px;color:var(--dd-primary);place-items:center;display:grid}.side-panel-toggle-open{z-index:18;border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:38px;height:42px;color:var(--dd-primary);box-shadow:var(--dd-shadow-popover);place-items:center;display:grid;position:absolute;top:50%;right:12px}.side-panel-toggle-open:hover{background:var(--dd-surface-raised);border-color:#b9c5d0}.side-panel{border-left:1px solid var(--dd-border);background:var(--dd-surface);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.side-panel-resize-handle{z-index:4;cursor:col-resize;touch-action:none;background:0 0;border:0;width:10px;padding:0;position:absolute;top:0;bottom:0;left:-5px}.side-panel-resize-handle:after{content:"";background:0 0;border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:4px}.side-panel-resize-handle:hover:after,.side-panel-resize-handle:focus-visible:after{background:var(--dd-primary)}.panel-header{border-bottom:1px solid var(--dd-border);justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 14px;display:flex}.panel-title{gap:8px;min-width:0;font-weight:700}.panel-actions{gap:6px}.panel-body{flex:1;min-height:0;padding:14px;overflow:auto}.quota-panel{border-top:1px solid var(--dd-border);flex:none}.preview-frame{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);place-items:center;width:100%;min-height:260px;display:grid;position:relative;overflow:hidden}.preview-frame img,.preview-frame video,.preview-frame audio,.preview-frame iframe{width:100%;max-width:100%}.preview-frame iframe{border:0;height:420px}.preview-pane-body{align-content:start;gap:14px;display:grid}.preview-section{gap:10px;min-width:0;display:grid}.preview-fullscreen-button{z-index:6;box-shadow:var(--dd-shadow-popover);background:#ffffffeb;position:absolute;top:12px;right:12px}.preview-fullscreen-button:disabled{display:none}.full-preview-backdrop{z-index:40}.full-preview-dialog{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(1180px,100vw - 28px);height:min(860px,100svh - 28px);min-height:0;box-shadow:var(--dd-shadow-popover);grid-template-rows:58px minmax(0,1fr);display:grid;overflow:hidden}.full-preview-header{border-bottom:1px solid var(--dd-border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.full-preview-body{background:var(--dd-bg);place-items:center;min-width:0;min-height:0;padding:18px;display:grid;overflow:hidden}.full-preview-body img,.full-preview-body video,.full-preview-body iframe,.full-preview-body audio{max-width:100%}.full-preview-body img,.full-preview-body video{border-radius:var(--dd-radius-md);object-fit:contain;max-height:100%}.full-preview-body iframe{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(1080px,100%);height:100%;min-height:0}.full-preview-body .gallery-text-preview{width:min(1080px,100%);height:100%;min-height:0}.text-preview{white-space:pre-wrap;width:100%;height:420px;font:12px/1.5 var(--dd-font-mono);margin:0;padding:14px;overflow:auto}.empty-state{min-height:280px;color:var(--dd-muted);text-align:center;flex-direction:column;justify-content:center;gap:10px;padding:24px}.quota-block{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);gap:8px;padding:12px;display:grid}.quota-track{background:var(--dd-surface-raised);border-radius:999px;height:7px;overflow:hidden}.quota-fill{border-radius:inherit;background:var(--dd-primary);height:100%}.upload-queue-card{z-index:19;border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);width:min(368px,100vw - 36px);box-shadow:var(--dd-shadow-popover);position:fixed;bottom:18px;right:18px;overflow:hidden}.upload-queue-card.collapsed{width:min(310px,100vw - 36px)}.upload-card-header{background:var(--dd-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:58px;display:grid}.upload-card-toggle{min-width:0;min-height:58px;color:var(--dd-fg);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 8px 10px 12px;display:grid}.upload-card-toggle:hover{background:var(--dd-surface-raised)}.upload-card-actions,.upload-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.upload-card-actions{flex-wrap:wrap;padding-right:10px}.upload-card-title{align-items:center;gap:10px;min-width:0;display:flex}.upload-card-title>svg{color:var(--dd-primary);flex:none}.upload-card-title>span,.upload-item .file-name>span{min-width:0}.upload-card-title strong,.upload-card-title span,.upload-item .file-name strong,.upload-item .file-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-card-title strong{font-size:13px;display:block}.upload-card-title span span{color:var(--dd-muted);font-size:12px;display:block}.upload-card-count{border:1px solid var(--dd-border);background:var(--dd-surface-raised);color:var(--dd-muted);border-radius:999px;padding:3px 8px;font-size:12px;line-height:1}.upload-card-body{border-top:1px solid var(--dd-border);max-height:min(300px,42svh);overflow:auto}.upload-item{border-bottom:1px solid var(--dd-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.upload-item:last-child{border-bottom:0}.upload-item .file-name{min-width:0}.upload-item .file-name svg{color:var(--dd-primary)}.upload-action{border:1px solid var(--dd-border);border-radius:var(--dd-radius-sm);background:var(--dd-surface);width:28px;height:28px;color:var(--dd-muted);place-items:center;padding:0;display:grid}.upload-action:disabled{cursor:not-allowed}.upload-action:hover{color:var(--dd-primary);border-color:#b9c5d0}.upload-action.danger:hover{color:var(--dd-danger)}.upload-progress,.upload-card-mini-progress{background:var(--dd-surface-raised);border-radius:999px;height:4px;overflow:hidden}.upload-progress{grid-column:1/-1}.upload-card-mini-progress{border-radius:0}.upload-progress span,.upload-card-mini-progress span{border-radius:inherit;background:var(--dd-primary);height:100%;transition:width .14s;display:block}.upload-card-more{color:var(--dd-muted);text-align:center;padding:9px 12px;font-size:12px}.upload-spinner{animation:.9s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.user-row{border:0;border-bottom:1px solid var(--dd-border);background:var(--dd-surface);text-align:left;grid-template-columns:minmax(140px,1fr) 110px 120px;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 16px;display:grid}.admin-dashboard{background:var(--dd-bg);grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;padding:12px;display:grid}.status-card{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.status-card header,.audit-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.status-card header{color:var(--dd-muted);justify-content:flex-start;font-size:12px;font-weight:800}.status-card strong{text-overflow:ellipsis;min-width:0;font-size:15px;overflow:hidden}.status-card small,.system-breakdown{color:var(--dd-muted);font-size:12px}.admin-dashboard-actions{align-content:start;gap:8px;display:grid}.system-setting-card{grid-column:1/-1;grid-template-columns:minmax(160px,1fr) minmax(220px,320px) auto;align-items:end}.system-setting-card header{grid-column:1/-1}.compact-field{margin:0}.system-breakdown{flex-wrap:wrap;grid-column:1/-1;gap:6px 12px;display:flex}.danger-text{color:var(--dd-danger)}.audit-panel{border-top:1px solid var(--dd-border);flex-direction:column;min-height:0;display:flex}.admin-audit-tab{flex:1;min-height:0;display:flex}.admin-audit-tab .audit-panel{border-top:0;flex:1}.audit-header{flex:none;min-height:44px;padding:8px 14px}.audit-list{border-top:1px solid var(--dd-border);flex:1;min-height:0;overflow:auto}.audit-row{border-bottom:1px solid var(--dd-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px 10px;min-width:0;padding:9px 14px;font-size:12px;display:grid}.audit-row strong,.audit-row span,.audit-row time{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.audit-row span,.audit-row time,.audit-empty{color:var(--dd-muted)}.audit-empty{padding:14px;font-size:13px}.admin-tab-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.system-tab{background:var(--dd-bg);overflow:auto}.users-tab{background:var(--dd-surface)}.admin-create-user{border-bottom:1px solid var(--dd-border);background:var(--dd-bg);flex:none;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 110px auto;align-items:end;gap:10px;padding:12px;display:grid}.quota-editor{gap:12px;display:grid}.security-summary{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-bg);gap:8px;padding:10px;display:grid}.security-row{color:var(--dd-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.security-row strong{min-width:0;color:var(--dd-fg);overflow-wrap:anywhere;text-align:right}.check-row{gap:8px}.admin-file-tab{background:var(--dd-surface)}.admin-file-tab-header{border-bottom:1px solid var(--dd-border);background:var(--dd-bg);flex-wrap:wrap;flex:none;align-items:center;gap:12px;min-height:54px;padding:8px 14px;display:flex}.admin-user-select{width:min(260px,100%)}.admin-file-mode{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface);align-items:center;gap:4px;padding:3px;display:inline-flex}.admin-file-mode button{border-radius:var(--dd-radius-sm);min-height:30px;color:var(--dd-muted);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.admin-file-mode button.active,.admin-file-mode button:hover{background:var(--dd-surface-raised);color:var(--dd-fg)}.admin-file-tab-body{flex:1;min-height:0}.admin-file-tab-body .drive-layout{height:100%;min-height:0}.media-viewer-page{background:var(--dd-bg);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.media-toolbar{border-bottom:1px solid var(--dd-border);background:var(--dd-surface);align-items:center;gap:8px;min-height:56px;padding:10px 16px;display:flex;overflow:hidden}.media-title{align-items:center;gap:8px;min-width:0;font-weight:900;display:inline-flex}.media-title svg{color:var(--dd-primary)}.media-kind-tabs{border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);background:var(--dd-surface-raised);align-items:center;gap:3px;padding:3px;display:inline-flex}.media-kind-tabs button{border-radius:var(--dd-radius-sm);min-height:30px;color:var(--dd-muted);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.media-kind-tabs button.active,.media-kind-tabs button:hover{background:var(--dd-surface);color:var(--dd-fg)}.media-kind-tabs button.active svg{color:var(--dd-primary)}.media-search{flex-basis:280px}.media-viewer-layout{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-areas:"browser preview";min-height:0;display:grid;overflow:hidden}.media-browser,.media-preview-panel{min-width:0;min-height:0;overflow:hidden}.media-browser{border-right:1px solid var(--dd-border);background:var(--dd-surface);flex-direction:column;grid-area:browser;display:flex}.media-summary{border-bottom:1px solid var(--dd-border);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 14px;font-weight:900;display:flex}.media-summary small{color:var(--dd-muted);font-size:12px;font-weight:700}.media-grid{flex:1;grid-template-columns:minmax(0,1fr);grid-auto-rows:74px;gap:6px;min-height:0;padding:8px;display:grid;overflow:auto}.media-card{border-radius:var(--dd-radius-md);min-width:0;color:var(--dd-fg);text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:minmax(0,1fr);grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;padding:7px;display:grid}.media-card:hover,.media-card.selected{border-color:var(--dd-border);background:var(--dd-surface-raised)}.media-card.selected{border-color:color-mix(in srgb, var(--dd-primary) 44%, var(--dd-border))}.media-card img,.media-video-thumb,.media-video-thumb video{border-radius:var(--dd-radius-sm);object-fit:cover;background:#0f1419;width:100%;height:100%;min-height:0}.media-video-thumb{display:block;position:relative;overflow:hidden}.media-video-thumb svg{color:#fff;filter:drop-shadow(0 1px 3px #00000080);position:absolute;bottom:8px;right:8px}.media-card>span:last-child{min-width:0;color:var(--dd-fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.25;overflow:hidden}.media-loading{min-height:0;color:var(--dd-muted);flex:1;align-content:center;place-items:center;gap:8px;display:grid}.media-preview-panel{background:var(--dd-bg);grid-area:preview;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.media-preview-panel.video-mode{background:#050607;grid-template-rows:minmax(0,1fr)}.media-preview-stage{background:#111820;place-items:center;min-width:0;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.media-preview-panel.video-mode .media-preview-stage{background:#050607;padding:0}.media-preview-stage img,.media-preview-stage video{border-radius:var(--dd-radius-sm);object-fit:contain;max-width:100%;max-height:100%;display:block}.media-preview-stage video{background:#050607;width:min(100%,1180px);height:min(100%,760px)}.media-preview-panel.video-mode .media-preview-stage video{object-fit:contain;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;inset:0}.media-details{border-top:1px solid var(--dd-border);background:var(--dd-surface);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 16px;display:grid}.media-preview-panel.video-mode .media-details{z-index:2;border-radius:var(--dd-radius-md);box-shadow:var(--dd-shadow-popover);background:#ffffffeb;border:1px solid #dce3ead1;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;position:absolute;top:12px;left:12px;right:12px}.media-details strong,.media-details span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.media-details strong{font-size:15px}.media-details span{color:var(--dd-muted);margin-top:3px;font-size:12px;font-weight:700}.media-detail-actions{align-items:center;gap:8px;display:inline-flex}.media-details dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin:0;display:grid}.media-preview-panel.video-mode .media-details dl{display:none}.media-details dl div{min-width:0}.media-details dt{color:var(--dd-muted);font-size:11px;font-weight:800}.media-details dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:2px 0 0;overflow:hidden}.media-fullscreen-shell{z-index:1000;cursor:none;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.media-fullscreen-shell:focus{outline:none}.media-fullscreen-shell img,.media-fullscreen-shell video{object-fit:contain;background:#000;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.media-fullscreen-shell video::-webkit-media-controls{display:none!important}.notes-page{background:var(--dd-bg);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.notes-toolbar{border-bottom:1px solid var(--dd-border);background:var(--dd-surface);align-items:center;gap:8px;min-height:56px;padding:10px 16px;display:flex;overflow:hidden}.notes-title{align-items:center;gap:8px;min-width:0;font-weight:900;display:inline-flex}.notes-title svg{color:var(--dd-primary)}.notes-search{flex-basis:280px}.notes-layout{flex:1;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.notes-list-panel,.notes-editor-panel{min-width:0;min-height:0;overflow:hidden}.notes-list-panel{border-right:1px solid var(--dd-border);background:var(--dd-surface);flex-direction:column;display:flex}.notes-list-summary{border-bottom:1px solid var(--dd-border);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 14px;font-weight:900;display:flex}.notes-list{flex:1;align-content:start;gap:6px;min-height:0;padding:8px;display:grid;overflow:auto}.note-list-item{border-radius:var(--dd-radius-md);min-width:0;color:var(--dd-fg);text-align:left;background:0 0;border:1px solid #0000;gap:4px;padding:10px;display:grid}.note-list-item:hover,.note-list-item.selected{border-color:var(--dd-border);background:var(--dd-surface-raised)}.note-list-item.selected{border-color:color-mix(in srgb, var(--dd-primary) 44%, var(--dd-border));box-shadow:inset 3px 0 0 var(--dd-primary)}.note-list-item strong,.note-list-item span,.note-list-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.note-list-item strong{font-size:14px}.note-list-item span,.note-list-item small{color:var(--dd-muted);font-size:12px}.notes-editor-panel{background:var(--dd-surface);grid-template-rows:auto minmax(0,1fr);display:grid}.notes-editor-top{border-bottom:1px solid var(--dd-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px 16px;display:grid}.note-title-input{min-width:0;height:44px;color:var(--dd-fg);background:0 0;border:0;outline:none;font-size:22px;font-weight:900}.note-title-input:focus{outline:none}.notes-editor-actions{align-items:center;gap:8px;min-width:0;display:inline-flex}.note-save-state{color:var(--dd-muted);white-space:nowrap;font-size:12px;font-weight:800}.note-save-state.dirty{color:var(--dd-warn)}.note-content-textarea{resize:none;background:linear-gradient(transparent 31px, #dce3ea9e 32px), var(--dd-surface);width:100%;min-width:0;height:100%;min-height:0;color:var(--dd-fg);background-size:100% 32px;border:0;outline:none;padding:18px 22px 40px;line-height:32px}.note-locked-state,.public-share-locked{min-height:0;color:var(--dd-muted);text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.note-locked-state svg,.public-share-locked svg{color:var(--dd-primary)}.note-locked-state strong,.public-share-locked strong{color:var(--dd-fg);font-size:16px}@media (width<=1100px){.drive-layout,.admin-layout{grid-template-columns:minmax(0,1fr)}.drive-layout:not(.side-panel-collapsed){grid-template-rows:minmax(0,1fr) minmax(220px,40svh)}.admin-layout.users-mode{grid-template-rows:minmax(0,1fr) minmax(220px,48svh);grid-template-columns:minmax(0,1fr)}.side-panel{border-left:0;border-top:1px solid var(--dd-border);width:100%;max-height:48svh}.side-panel-resize-handle{display:none}.side-panel-toggle-open{top:auto;bottom:14px;right:14px}.media-viewer-layout{grid-template:"preview"minmax(0,1fr)"browser"172px/minmax(0,1fr)}.media-browser{border-right:0;border-top:1px solid var(--dd-border);border-bottom:1px solid var(--dd-border)}.media-grid{grid-template-columns:none;grid-auto-rows:112px;grid-auto-columns:170px;grid-auto-flow:column;overflow:auto hidden}.media-card{grid-template-rows:minmax(0,1fr) 22px;grid-template-columns:minmax(0,1fr);gap:6px}}@media (width<=720px){.app-shell{grid-template-columns:54px minmax(0,1fr)}.admin-layout.users-mode{grid-template-rows:minmax(0,62svh) minmax(180px,38svh)}.drive-layout:not(.side-panel-collapsed){grid-template-rows:minmax(0,1fr) minmax(200px,34svh)}.sidebar{height:100svh;min-height:0;padding:10px 5px}.brand-mark,.account-chip,.nav-item{width:42px}.brand-mark,.account-chip{height:42px}.workspace{min-height:0}.drive-toolbar,.admin-toolbar,.media-toolbar{flex-wrap:wrap;align-items:stretch;gap:6px;padding:8px;overflow-x:visible}.admin-toolbar>.muted,.admin-file-tab-header>.muted{display:none}.admin-tabs{max-width:100%;overflow-x:auto}.admin-tabs button{padding:0 8px}.admin-file-tab-header{gap:8px;padding:8px}.admin-user-select{flex:148px;width:auto}.admin-file-mode{flex:none}.toolbar-spacer{display:none}.search-box{flex:100%;order:20;width:100%}.media-title{flex:auto}.media-kind-tabs{order:19;max-width:100%;overflow-x:auto}.media-kind-tabs button{padding:0 8px}.media-kind-tabs button span{display:none}.search-scope-label,.sort-box,.sort-direction-button{order:21}.sort-box span,.sort-direction-button span{display:none}.sort-box{flex:112px}.sort-box select{min-width:92px}.sort-direction-button{justify-content:center;width:36px;min-width:36px;padding:0}.view-switcher{order:19}.media-viewer-layout{grid-template-rows:minmax(0,1fr) 148px}.notes-layout{grid-template-columns:minmax(220px,32vw) minmax(0,1fr)}.media-summary{padding:0 10px}.media-grid{grid-auto-rows:96px;grid-auto-columns:118px;gap:8px;padding:8px}.media-details{grid-template-columns:minmax(0,1fr);padding:10px}.media-detail-actions{width:100%}.media-detail-actions .button{flex:1}.media-details dl{grid-template-columns:minmax(0,1fr)}.notes-toolbar{flex-wrap:wrap;align-content:center;min-height:104px}.notes-title{flex:auto}.notes-search{flex:100%;order:20}.notes-layout{grid-template-rows:minmax(180px,35svh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.notes-list-panel{border-right:0;border-bottom:1px solid var(--dd-border)}.notes-list{grid-auto-columns:minmax(188px,220px);grid-auto-flow:column;overflow:auto hidden}.note-list-item{align-content:start}.notes-editor-top{grid-template-columns:minmax(0,1fr)}.notes-editor-actions{justify-content:space-between}.upload-queue-card,.upload-queue-card.collapsed{width:auto;bottom:10px;left:64px;right:10px}.finder-icon-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-auto-rows:132px;gap:8px;padding:10px}.finder-list,.finder-column-view,.finder-gallery-view{padding:8px}.file-tile{grid-template-rows:48px minmax(0,34px) 16px;padding:10px 8px 8px}.file-tile-icon{width:48px;height:48px}.file-list-header,.file-row{grid-template-columns:minmax(0,1fr) 86px}.file-row{min-height:62px}.file-list-header span:nth-child(3),.file-list-header span:nth-child(4),.file-row .file-meta:nth-child(3),.file-row .file-meta:nth-child(4){display:none}.finder-column-view{overflow-x:auto}.finder-column{border-right:1px solid var(--dd-border);border-bottom:0;flex-basis:min(78vw,280px)}.finder-column-detail,.finder-column-preview{flex-basis:min(88vw,420px);min-height:280px}.finder-gallery-view{grid-template-rows:minmax(300px,1fr) 98px;grid-template-columns:minmax(0,1fr);gap:8px}.gallery-stage{grid-area:1/1}.gallery-preview-surface{padding:12px}.gallery-thumb{flex-basis:96px;width:96px}.share-actions,.share-link-row,.public-share-header{flex-direction:column;align-items:stretch}.public-share-page{padding:10px}.public-share-panel{min-height:calc(100svh - 20px)}.public-share-preview{padding:12px}.user-row{grid-template-columns:minmax(0,1fr) 88px}.admin-dashboard{grid-template-columns:minmax(0,1fr)}.admin-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.system-setting-card{grid-template-columns:minmax(0,1fr)}.admin-create-user{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.admin-create-user>.field:nth-child(3),.admin-create-user>.button{grid-column:1/-1}.user-row .file-meta:nth-child(3){display:none}.auth-panel{padding:22px}}