*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.top-\[15vh\]{top:15vh}.z-40{z-index:40}.z-50{z-index:50}.ml-auto{margin-left:auto}.mr-3{margin-right:24px}.mt-1{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:12px}.h-2\.5{height:20px}.h-3{height:24px}.h-3\.5{height:.875rem}.h-7{height:56px}.h-8{height:64px}.h-screen{height:100vh}.max-h-72{max-height:18rem}.min-h-0{min-height:0px}.w-1\.5{width:12px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-7{width:56px}.w-8{width:64px}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .13s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-rise{animation:rise .13s ease both}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:12px}.gap-2{gap:16px}.gap-3{gap:24px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:var(--r-sm)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--r-lg)}.rounded-md{border-radius:var(--r-md)}.rounded-sm{border-radius:var(--r-sm)}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent{border-color:var(--ethos-accent)}.border-border{border-color:var(--ethos-border)}.border-transparent{border-color:transparent}.bg-accent{background-color:var(--ethos-accent)}.bg-accent-dim{background-color:var(--ethos-accent-dim)}.bg-bg0{background-color:var(--ethos-bg0)}.bg-bg1{background-color:var(--ethos-bg1)}.bg-bg2{background-color:var(--ethos-bg2)}.bg-black\/50{background-color:#00000080}.bg-muted{background-color:var(--ethos-muted)}.bg-surface0{background-color:var(--ethos-surface0)}.bg-surface1{background-color:var(--ethos-surface1)}.bg-transparent{background-color:transparent}.p-2{padding:16px}.px-1{padding-left:8px;padding-right:8px}.px-1\.5{padding-left:12px;padding-right:12px}.px-2\.5{padding-left:20px;padding-right:20px}.px-3{padding-left:24px;padding-right:24px}.px-4{padding-left:32px;padding-right:32px}.py-0\.5{padding-top:4px;padding-bottom:4px}.py-1{padding-top:8px;padding-bottom:8px}.py-1\.5{padding-top:12px;padding-bottom:12px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:16px;padding-bottom:16px}.py-2\.5{padding-top:20px;padding-bottom:20px}.py-3{padding-top:24px;padding-bottom:24px}.py-6{padding-top:48px;padding-bottom:48px}.text-left{text-align:left}.text-center{text-align:center}.text-2xs{font-size:11px;line-height:14px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.text-accent{color:var(--ethos-accent)}.text-disabled{color:var(--ethos-disabled)}.text-muted{color:var(--ethos-muted)}.text-secondary{color:var(--ethos-secondary)}.text-text{color:var(--ethos-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/60{--tw-shadow-color: rgb(0 0 0 / .6);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}@font-face{font-family:Geist;src:url(/fonts/Geist-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--ethos-bg0: #14110D;--ethos-bg1: #1B1712;--ethos-bg2: #221D17;--ethos-surface0: #2C261D;--ethos-surface1: #372F24;--ethos-surface2: #423927;--ethos-border: rgba(244,234,220,.09);--ethos-border-hi: rgba(244,234,220,.16);--ethos-text: #F4EEE4;--ethos-secondary: #B4AA98;--ethos-muted: #756C5C;--ethos-disabled: #5a5347;--ease: cubic-bezier(.2, 0, 0, 1);--fast: .13s;--med: .17s;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--shadow-soft: 0 2px 8px rgba(0,0,0,.35), 0 12px 32px rgba(0,0,0,.28);--shadow-lift: 0 4px 14px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.34);--shadow-xs: 0 1px 2px rgba(0,0,0,.35);--shadow-sm: 0 2px 6px rgba(0,0,0,.35);--shadow-md: 0 8px 20px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 24px 48px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.06);--shadow-pop: 0 2px 8px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.5);--sans: "Geist", -apple-system, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--bg: var(--ethos-bg0);--surface: var(--ethos-bg1);--surface-2: var(--ethos-bg2);--surface-3: var(--ethos-surface0);--border: var(--ethos-border);--border-strong: var(--ethos-border-hi);--hairline: var(--ethos-border);--text: var(--ethos-text);--text-2: var(--ethos-secondary);--text-3: var(--ethos-muted);--text-4: var(--ethos-disabled);--type-folder: var(--accent);--type-doc: #2D5BFF;--type-sheet: #15A467;--type-slide: #E9990A;--type-pdf: #E13C3C;--type-image: #9560EB;--type-video: #E847A0;--type-audio: #06A4C5;--type-archive: #8F6B3A;--type-code: #B0AAA1;--sidebar-w: 248px;--topbar-h: 56px}[data-theme=light]{--ethos-bg0: #F1ECE3;--ethos-bg1: #EAE4D8;--ethos-bg2: #E2DACB;--ethos-surface0: #D7CDBB;--ethos-surface1: #C9BDA7;--ethos-surface2: #BAAE96;--ethos-border: rgba(28,22,14,.1);--ethos-border-hi: rgba(28,22,14,.18);--ethos-text: #1B1712;--ethos-secondary: #544C3E;--ethos-muted: #877E6C;--ethos-disabled: #A69B89;--shadow-soft: 0 2px 8px rgba(60,45,25,.1), 0 12px 32px rgba(60,45,25,.08);--shadow-lift: 0 4px 14px rgba(60,45,25,.12), 0 20px 48px rgba(60,45,25,.1);--shadow-xs: 0 1px 2px rgba(60,45,25,.06);--shadow-sm: 0 2px 6px rgba(60,45,25,.08);--shadow-md: 0 8px 20px rgba(60,45,25,.1), 0 2px 4px rgba(60,45,25,.06);--shadow-lg: 0 24px 48px rgba(60,45,25,.14), 0 4px 12px rgba(60,45,25,.08);--shadow-pop: 0 2px 8px rgba(60,45,25,.1), 0 12px 32px rgba(60,45,25,.14);--type-code: #4A4A4A}[data-app=kdrive]{--accent: #FF5A1F;--accent-hi: #FF7A45;--accent-dim: rgba(255,90,31,.14);--accent-line: rgba(255,90,31,.32);--accent-glow: rgba(255,90,31,.22);--accent-2: #E04A12;--accent-soft: rgba(255,90,31,.18);--accent-tint: rgba(255,90,31,.08);--sel-bg: rgba(255,90,31,.14);--sel-border: rgba(255,90,31,.45)}.accent-iris{--accent: #5B5BF5;--accent-hi: #7A7AF7;--accent-dim: rgba(91,91,245,.14);--accent-line: rgba(91,91,245,.32);--accent-glow: rgba(91,91,245,.22);--accent-2: #4A4ADB;--accent-soft: rgba(91,91,245,.18);--accent-tint: rgba(91,91,245,.08);--sel-bg: rgba(91,91,245,.14);--sel-border: rgba(91,91,245,.45)}.accent-pine{--accent: #1E7A5B;--accent-hi: #2A9A74;--accent-dim: rgba(30,122,91,.14);--accent-line: rgba(30,122,91,.32);--accent-glow: rgba(30,122,91,.22);--accent-2: #16684C;--accent-soft: rgba(30,122,91,.18);--accent-tint: rgba(30,122,91,.08);--sel-bg: rgba(30,122,91,.14);--sel-border: rgba(30,122,91,.45)}.accent-ink{--accent: #1A1816;--accent-hi: #3A3632;--accent-dim: rgba(26,24,22,.14);--accent-line: rgba(26,24,22,.32);--accent-glow: rgba(26,24,22,.22);--accent-2: #000;--accent-soft: rgba(26,24,22,.18);--accent-tint: rgba(26,24,22,.08);--sel-bg: rgba(26,24,22,.14);--sel-border: rgba(26,24,22,.45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);font-size:14px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{position:relative;z-index:1}.mono{font-family:var(--mono);font-feature-settings:"tnum" on,"zero" on;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit;font-size:inherit}input,textarea{font-family:inherit;color:inherit}input:focus,textarea:focus,button:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-moz-selection{background:var(--accent-dim);color:var(--text)}::selection{background:var(--accent-dim);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--ethos-border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--ethos-border);border-radius:9999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--ethos-muted);background-clip:padding-box}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:var(--ethos-surface0);border-radius:4px}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;background:var(--surface);flex-shrink:0}.topbar-search{flex:1;max-width:560px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:7px 12px;color:var(--text-2);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);color:var(--text)}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;font-size:15px;font-weight:600;letter-spacing:-.02em}.new-btn{margin:2px 12px 14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;background:var(--accent);color:#fff;border-radius:10px;font-weight:500;font-size:13px;box-shadow:var(--shadow-sm);transition:transform var(--fast) var(--ease),background var(--fast)}.new-btn:hover{transform:translateY(-1px);background:var(--accent-hi)}.nav-section{padding:4px 8px}.nav-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:12px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--text-2);font-size:13px;font-weight:450;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease);width:100%;text-align:left}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.nav-item .nav-count{margin-left:auto;font-size:11px;color:var(--text-3)}.nav-item.active .nav-count{color:var(--accent);opacity:.7}.nav-item .dot{width:6px;height:6px;border-radius:6px;flex-shrink:0}.storage{margin-top:auto;padding:12px 14px 14px;border-top:1px solid var(--hairline)}.storage-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.storage-title{font-size:11px;color:var(--text-2);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.storage-num{font-size:10px;color:var(--text-3)}.storage-bar-track{height:5px;background:var(--surface-3);border-radius:5px;overflow:hidden;display:flex}.storage-fill{height:100%;transition:width .3s ease}.storage-legend{display:flex;flex-wrap:wrap;gap:3px 6px;margin-top:8px;font-size:10px;color:var(--text-2)}.storage-legend .leg{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.storage-legend .sw{width:7px;height:7px;border-radius:3px;flex-shrink:0}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg);position:relative}.top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--text-2);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.subbar{display:flex;align-items:center;padding:12px 24px 10px;gap:12px;border-bottom:1px solid var(--hairline);flex-shrink:0}.crumbs{display:flex;align-items:center;gap:4px;font-size:14px;flex:1;min-width:0;overflow:hidden}.crumbs .seg{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;color:var(--text-2);font-weight:450;transition:background var(--fast) var(--ease),color var(--fast) var(--ease);cursor:pointer;white-space:nowrap}.crumbs .seg:hover{background:var(--surface-3);color:var(--text)}.crumbs .seg.current{color:var(--text);font-weight:600;cursor:default}.crumbs .seg.current:hover{background:transparent}.crumbs .sep{color:var(--text-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 2px}.subbar-right{display:flex;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text-2);font-weight:450;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.chip:hover{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.chip.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-line)}.view-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px}.view-toggle button{width:30px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--text-3);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.view-toggle button.active{background:var(--surface-3);color:var(--text)}.content{flex:1;overflow-y:auto;padding:16px 24px 80px;background:var(--bg)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--text-3);margin:10px 4px 8px}.folder-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:24px}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.folder-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.folder-card.selected{border-color:var(--sel-border);background:var(--sel-bg)}.folder-name{font-weight:500;font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-meta{font-size:10px;color:var(--text-3);margin-top:2px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.file-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;cursor:pointer;transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column}.file-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.file-card.selected{border-color:var(--sel-border);box-shadow:0 0 0 1px var(--sel-border)}.file-thumb{aspect-ratio:4/3;background:var(--surface-2);border-bottom:1px solid var(--hairline);display:grid;place-items:center;position:relative;overflow:hidden}.file-thumb-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.file-info{padding:10px 12px 12px;display:flex;align-items:center;gap:8px}.file-info-text{flex:1;min-width:0}.file-name{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:10px;color:var(--text-3);margin-top:2px}.more-btn{opacity:0;transition:opacity var(--fast);padding:4px;border-radius:6px;color:var(--text-3)}.folder-card:hover .more-btn{opacity:1}.more-btn:hover{background:var(--surface-3);color:var(--text)}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.list-head,.list-row{display:grid;grid-template-columns:28px 1fr 140px 140px 100px 36px;align-items:center;padding:0 14px;gap:10px}.list-head{height:38px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:500;border-bottom:1px solid var(--hairline);background:var(--surface-2)}.list-row{height:46px;border-bottom:1px solid var(--hairline);font-size:13px;cursor:pointer;transition:background var(--fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--surface-2)}.list-row.selected{background:var(--sel-bg)}.list-row .list-name{display:flex;align-items:center;gap:10px;min-width:0}.list-row .list-name .name-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row .col-meta{font-size:12px;color:var(--text-2)}.list-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);display:grid;place-items:center;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease);flex-shrink:0}.list-checkbox.on{background:var(--accent);border-color:var(--accent)}.list-checkbox.on:after{content:"";width:8px;height:4px;border:solid white;border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-1px)}.file-icon-wrap{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;background:var(--surface-3)}.selbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1714;color:#f4f1ea;border:1px solid #2A2622;border-radius:var(--r-md);padding:8px 8px 8px 16px;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-lg);z-index:30;animation:slideup .2s var(--ease)}.selbar-count{font-size:13px;font-weight:500;margin-right:8px}.selbar-count .num{color:var(--accent);font-weight:600}.selbar-divider{width:1px;height:20px;background:#ffffff29;margin:0 2px}.selbar-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;font-size:12.5px;color:#ffffffd9;font-weight:450;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.selbar-btn:hover{background:#ffffff1a;color:#fff}.selbar-btn.danger:hover{background:#e13c3c40;color:#ff8e8e}.selbar-btn.close{width:28px;height:28px;padding:0;justify-content:center;margin-left:2px}.ctxmenu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px;min-width:220px;box-shadow:var(--shadow-pop);z-index:100;font-size:13px}.ctx-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:var(--text);width:100%;text-align:left;font-weight:450;cursor:pointer}.ctx-item:hover{background:var(--surface-3)}.ctx-item.danger{color:#d93b3b}.ctx-item .ctx-icon{color:var(--text-3)}.ctx-item.danger .ctx-icon{color:#d93b3b;opacity:.85}.ctx-item .ctx-kbd{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-3)}.ctx-sep{height:1px;background:var(--hairline);margin:4px 6px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121073;display:grid;place-items:center;z-index:200;animation:fade .15s var(--ease)}.modal{background:var(--surface);border-radius:var(--r-lg);width:460px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-lift);border:1px solid var(--border);overflow:hidden;animation:pop .18s var(--ease)}.modal-head{padding:18px 20px 4px}.modal-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.modal-sub{font-size:13px;color:var(--text-2);margin-top:4px}.modal-body{padding:14px 20px 18px}.modal-foot{padding:12px 16px;border-top:1px solid var(--hairline);background:var(--surface-2);display:flex;justify-content:flex-end;gap:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--text-2);font-weight:500}.field input,.field textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.field input:focus,.field textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-dim)}.btn{padding:8px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:500;border:1px solid transparent;transition:background var(--fast)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--border-strong);background:var(--surface-2)}.settings-section{margin-bottom:18px}.settings-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--hairline)}.settings-row:last-child{border-bottom:0}.settings-row>span{font-size:13px;font-weight:450}.toggle-group{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:2px}.toggle-btn{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-3);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.toggle-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.swatch-row{display:flex;gap:6px}.swatch{width:28px;height:28px;border-radius:28px;border:2px solid transparent;transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.switch{width:32px;height:19px;background:var(--border-strong);border-radius:19px;position:relative;transition:background var(--fast);flex-shrink:0;cursor:pointer}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;background:#fff;border-radius:15px;transition:transform var(--fast);box-shadow:var(--shadow-xs)}.switch.on:after{transform:translate(13px)}.info-table{width:100%;border-collapse:collapse}.info-table td{padding:8px 4px;border-bottom:1px solid var(--hairline);font-size:13px;vertical-align:top}.info-table td:first-child{color:var(--text-3);font-weight:500;width:100px;white-space:nowrap;padding-right:12px}.info-table tr:last-child td{border-bottom:0}.recent-groups{display:flex;flex-direction:column;gap:16px}.recent-group-head{font-size:12px;font-weight:600;color:var(--text-2);padding:0 4px 6px}.share-link{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:4px 4px 4px 12px}.share-link .link{flex:1;min-width:0;font-family:var(--mono);font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-link button.copy{padding:7px 12px;background:var(--text);color:var(--surface);border-radius:7px;font-size:12px;font-weight:500}.share-link button.copy.copied{background:#15a467}.expiry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.expiry-grid button{padding:8px 6px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:12px;color:var(--text-2);background:var(--surface-2)}.expiry-grid button:hover{color:var(--text);border-color:var(--border-strong)}.expiry-grid button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.preview-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e0dd9;z-index:250;display:grid;grid-template-rows:auto 1fr auto;animation:fade .15s var(--ease)}.preview-top{display:flex;align-items:center;padding:14px 20px;gap:12px;color:#ffffffeb}.preview-top .preview-title{font-size:14px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-top .preview-meta{font-size:12px;color:#ffffff8c;font-family:var(--mono)}.preview-top button{color:#ffffffb3;padding:8px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px}.preview-top button:hover{background:#ffffff1a;color:#fff}.preview-body{display:grid;place-items:center;overflow:auto;padding:20px;min-height:0}.preview-body img,.preview-body video{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 24px 80px #0009}.preview-text{width:min(800px,100%);max-height:100%;overflow:auto;background:var(--surface);color:var(--text);border-radius:var(--r-md);padding:32px 40px;font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre-wrap;box-shadow:0 24px 80px #0009}.preview-bot{display:flex;justify-content:center;padding:14px 20px 18px;gap:6px}.preview-bot button{color:#fffc;padding:8px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:13px}.preview-bot button:hover{background:#ffffff1f;color:#fff}.toast{position:fixed;bottom:24px;left:24px;background:#1a1714;color:#f4f1ea;border:1px solid #2A2622;padding:8px 8px 8px 14px;border-radius:var(--r-sm);display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:var(--shadow-lg);z-index:300;animation:slideup .2s var(--ease)}.toast .toast-action{padding:5px 10px;border-radius:7px;background:#ffffff14;color:var(--accent);font-weight:500;font-size:12px}.toast .toast-action:hover{background:#ffffff24}.toast .toast-close{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:#ffffff80}.toast .toast-close:hover{background:#ffffff1a;color:#fff}.toast .toast-ok{color:#65dda0}.toast.error{border-color:#e13c3c4d}.dropzone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--accent-dim);border:2px dashed var(--accent-line);pointer-events:none;display:grid;place-items:center;animation:fade .12s}.dropzone-inner{background:var(--surface);padding:28px 36px;border-radius:var(--r-lg);box-shadow:var(--shadow-lift);display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--border)}.dropzone-title{font-size:18px;font-weight:600}.dropzone-sub{font-size:13px;color:var(--text-2)}.uploads{position:fixed;bottom:24px;right:24px;width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:40;overflow:hidden;animation:slideup .25s var(--ease)}.uploads-head{padding:12px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hairline)}.uploads-title{font-size:13px;font-weight:600;flex:1}.uploads-body{max-height:280px;overflow:auto}.upload-row{padding:10px 14px;border-bottom:1px solid var(--hairline)}.upload-row:last-child{border-bottom:0}.upload-info{display:flex;align-items:center;gap:10px;margin-bottom:6px}.upload-name{flex:1;min-width:0;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-pct{font-size:11px;color:var(--text-2);font-family:var(--mono)}.upload-bar{height:4px;background:var(--surface-3);border-radius:4px;overflow:hidden}.upload-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s linear}.upload-fill.done{background:#15a467}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:80px 20px;text-align:center;color:var(--text-3)}.empty-title{font-size:15px;font-weight:500;color:var(--text)}.empty-sub{font-size:13px;color:var(--text-2);max-width:320px}.tree{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:var(--r-sm);padding:6px;background:var(--surface-2)}.tree-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-item:hover{background:var(--surface-3)}.tree-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.inspector{width:300px;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;animation:slideIn var(--med) var(--ease)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.inspector-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--hairline)}.inspector-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.inspector-close{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--text-3);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.inspector-close:hover{background:var(--surface-3);color:var(--text)}.inspector-body{flex:1;overflow-y:auto;padding:16px}.inspector-preview{display:grid;place-items:center;padding:20px 0}.inspector-thumb{width:100%;max-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:var(--r-sm)}.inspector-name{font-size:14px;font-weight:600;text-align:center;word-break:break-word;margin-bottom:16px}.inspector-section{margin-bottom:16px}.inspector-section-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px}.inspector-table{width:100%;border-collapse:collapse}.inspector-table td{padding:5px 0;border-bottom:1px solid var(--hairline);font-size:12px;vertical-align:top}.inspector-table td:first-child{color:var(--text-3);width:70px}.inspector-table tr:last-child td{border-bottom:0}.inspector-btn{padding:3px 8px;border-radius:5px;font-size:11px;background:var(--accent-dim);color:var(--accent);transition:background var(--fast)}.inspector-btn:hover{background:var(--accent-glow)}.inspector-actions{display:flex;flex-direction:column;gap:4px}.inspector-action{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:12.5px;color:var(--text-2);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.inspector-action:hover{background:var(--surface-3);color:var(--text)}.avatar{width:30px;height:30px;border-radius:30px;background:linear-gradient(135deg,var(--accent),#FFB07A);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-xs)}.placeholder\:text-disabled::-moz-placeholder{color:var(--ethos-disabled)}.placeholder\:text-disabled::placeholder{color:var(--ethos-disabled)}.placeholder\:text-muted::-moz-placeholder{color:var(--ethos-muted)}.placeholder\:text-muted::placeholder{color:var(--ethos-muted)}.focus-within\:border-accent:focus-within{border-color:var(--ethos-accent)}.focus-within\:text-text:focus-within{color:var(--ethos-text)}.hover\:bg-accent-hi:hover{background-color:var(--ethos-accent-hi)}.hover\:bg-surface0:hover{background-color:var(--ethos-surface0)}.hover\:text-text:hover{color:var(--ethos-text)}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--ethos-accent)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}