.desktop-window { position: absolute; z-index: 10; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--window-radius); color: #eef3fb; background: rgba(20,27,42,var(--window-opacity)); border: 1px solid rgba(255,255,255,.11); box-shadow: 0 24px 80px rgba(0,0,0,.46); backdrop-filter: blur(var(--window-blur)) saturate(1.16); transition: opacity var(--motion-duration), box-shadow var(--motion-duration), border-color var(--motion-duration); }
.desktop-window.is-focused { border-color: color-mix(in srgb,var(--accent) 68%, rgba(255,255,255,.22)); box-shadow: 0 26px 90px rgba(0,0,0,.52), 0 0 0 var(--focus-border) color-mix(in srgb,var(--accent) 54%, transparent); }
.desktop-window.is-closed, .desktop-window.is-minimized { display: none; }
.window-titlebar { height: 52px; flex: 0 0 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 17px; border-bottom: 1px solid rgba(255,255,255,.065); background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); user-select: none; cursor: grab; touch-action: none; }
.window-titlebar:active { cursor: grabbing; }
.window-title { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 13px; }
.window-title > span:last-child { color: rgba(255,255,255,.5); font-size: 11px; }
.window-app-dot { width: 18px; height: 18px; border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.files-dot { background: linear-gradient(145deg,#70a8ff,#4b73d5); }
.settings-dot { background: linear-gradient(145deg,#91a9d6,#5e78aa); }
.window-actions { display: flex; align-items: center; gap: 3px; }
.window-actions button { width: 36px; height: 34px; border: 0; border-radius: 9px; background: transparent; color: #b9c4d8; font-size: 15px; cursor: pointer; }
.window-actions button:hover { background: rgba(255,255,255,.08); color: white; }
.window-actions button:last-child:hover { background: rgba(215,73,86,.8); }
.file-manager-body, .settings-body { flex: 1; min-height: 0; display: flex; }
.file-sidebar, .settings-sidebar { width: calc(178px * var(--density-pad)); flex: 0 0 calc(178px * var(--density-pad)); padding: 16px 11px; background: rgba(6,11,20,.32); border-right: 1px solid rgba(255,255,255,.055); }
.sidebar-heading { padding: 9px 10px 6px; color: #708099; font-size: 10px; text-transform: uppercase; letter-spacing: .11em; }
.sidebar-row, .settings-sidebar button { width: 100%; border: 0; background: transparent; color: #aeb8ca; border-radius: 9px; padding: 9px 10px; text-align: left; display: flex; gap: 10px; align-items: center; font-size: 12px; cursor: default; }
.sidebar-row.is-active, .settings-sidebar button.is-active { color: white; background: color-mix(in srgb,var(--accent) 15%, rgba(255,255,255,.035)); box-shadow: inset 2px 0 0 color-mix(in srgb,var(--accent) 80%, white 10%); }
.file-content, .settings-content { flex: 1; min-width: 0; padding: calc(18px * var(--density-pad)); overflow: hidden; }
.file-toolbar { height: 42px; display: flex; align-items: center; gap: 8px; }
.file-toolbar button, .quiet-button { border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.045); color: #b7c2d5; border-radius: 9px; height: 32px; padding: 0 10px; }
.path-pill { flex: 1; height: 32px; display: flex; align-items: center; padding: 0 12px; color: #a9b7cc; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(4,8,15,.24); font-size: 11px; }
.file-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 13px 0 17px; }
.file-card { border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.035); border-radius: 13px; padding: 14px 10px 12px; display: grid; justify-items: center; gap: 5px; color: #dce5f4; }
.file-card strong { font-size: 11px; }
.file-card small { font-size: 9px; color: #73839b; }
.folder-art { width: 50px; height: 37px; border-radius: 7px 7px 9px 9px; display: block; background: linear-gradient(180deg,#6d9ee9,#4775bd); box-shadow: inset 0 1px rgba(255,255,255,.18), 0 7px 14px rgba(0,0,0,.22); position: relative; }
.folder-art::before { content:""; position:absolute; left:3px; top:-6px; width:24px; height:10px; border-radius:5px 5px 0 0; background:inherit; }
.folder-art.purple { background: linear-gradient(180deg,#a182df,#7255af); }.folder-art.blue{background:linear-gradient(180deg,#70b0e6,#4f7eae)}.folder-art.cyan{background:linear-gradient(180deg,#64c8cc,#398b9c)}
.recent-files { border-top: 1px solid rgba(255,255,255,.06); padding-top: 8px; }
.recent-files > div { height: 53px; display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.045); color: #79889e; font-size: 10px; }
.recent-files p { margin: 0; display: grid; gap: 2px; }.recent-files strong{font-size:11px;color:#d8e1ef}.recent-files small{color:#708096}
.file-type { width: 30px; height: 30px; border-radius: 8px; display:grid;place-items:center;background:#546ea5;color:white;font-size:9px;font-weight:800}.file-type.image{background:#7860a7}.file-type.code{background:#387f91}
.settings-sidebar { width: calc(196px * var(--density-pad)); flex-basis: calc(196px * var(--density-pad)); }
.settings-search { height: 34px; border-radius: 9px; border: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.18); display:flex;align-items:center;gap:8px;padding:0 10px;color:#66748a;font-size:10px;margin-bottom:12px; }
.settings-sidebar button { margin: 3px 0; }
.settings-content { padding: calc(23px * var(--density-pad)) calc(27px * var(--density-pad)); }
.settings-heading { display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px; }.settings-heading h1{margin:0;font-size:24px;letter-spacing:-.03em}.settings-heading p{margin:5px 0 0;color:#7f8ea4;font-size:11px}.quiet-button{font-size:10px}
.theme-preview-row { display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px; }
.theme-preview { border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035);padding:9px;color:#afbbce;display:grid;gap:7px;text-align:left;font-size:10px }.theme-preview span{height:64px;border-radius:9px;display:block;border:1px solid rgba(255,255,255,.08)}.theme-preview.light span{background:linear-gradient(140deg,#e9edf5 0 55%,#cbd3e3 55%)}.theme-preview.dark span{background:linear-gradient(140deg,#172238 0 55%,#0c1423 55%)}.theme-preview.auto span{background:linear-gradient(140deg,#e5eaf4 0 49%,#162239 50%)}.theme-preview.is-selected{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}
.settings-section { min-height:70px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025);padding:14px 16px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:18px }.settings-section h2{font-size:11px;margin:0 0 3px}.settings-section p{margin:0;color:#75859c;font-size:9px;max-width:360px}.accent-dots{display:flex;gap:7px}.accent-dots button{width:24px;height:24px;border-radius:8px;border:2px solid transparent;background:var(--swatch)}.accent-dots button.is-selected{border-color:white;box-shadow:0 0 0 2px var(--swatch)}
.segmented { display:flex;padding:3px;border-radius:10px;background:rgba(0,0,0,.2) }.segmented button{border:0;background:transparent;color:#7d8ba1;padding:6px 9px;border-radius:7px;font-size:9px}.segmented button.is-selected{background:rgba(255,255,255,.1);color:white}
.mini-slider { width:150px;height:4px;background:rgba(255,255,255,.1);border-radius:4px;position:relative}.mini-slider span{position:absolute;left:0;top:0;bottom:0;width:64%;border-radius:4px;background:var(--accent)}.mini-slider i{position:absolute;left:62%;top:50%;width:13px;height:13px;border-radius:50%;background:white;transform:translate(-50%,-50%);box-shadow:0 2px 7px rgba(0,0,0,.4)}
.assist-note { display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:14px 15px;border-radius:13px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent),rgba(130,103,210,.08));border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.06))}.assist-note>span{color:var(--accent);font-size:18px}.assist-note strong{font-size:10px}.assist-note p{margin:3px 0 0;color:#7989a0;font-size:9px}.assist-note button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);border-radius:9px;padding:7px 10px;font-size:9px}