:root{--blue-50: #eff5ff;--blue-100: #dbe8fe;--blue-200: #bfd6fe;--blue-500: #2563eb;--blue-600: #1d4ed8;--blue-700: #1e40af;--teal-500: #0ea5e9;--green-50: #ecfdf3;--green-500: #16a34a;--green-700: #15803d;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-700: #b45309;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--ink: #0f172a;--ink-soft: #334155;--muted: #5b6878;--line: #e6eaf0;--line-strong:#d4dae3;--bg: #f4f7fb;--surface: #ffffff;--surface-2: #f8fafc;--sidebar: #ffffff;--accent: var(--blue-500);--accent-strong: var(--blue-600);--accent-soft: var(--blue-50);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(15, 23, 42, .06);--sh-md: 0 4px 12px rgba(15, 23, 42, .08);--sh-lg: 0 12px 32px rgba(15, 23, 42, .1);--sh-xl: 0 20px 48px rgba(15, 23, 42, .14);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;color:var(--ink);background:var(--bg);font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--ink)}body{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=true],.selectable,.selectable *,.viewer__text,.viewer__doc,.viewer__doc *{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-strong)}a.button{text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted-text{color:var(--muted);margin-top:var(--s-2);font-size:13px}.form-hint{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.form-hint code,.setup-form code,.settings-form code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 5px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.drive-shell{min-height:100dvh;display:grid;grid-template-columns:264px 1fr;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.drive-sidebar{position:sticky;top:0;height:100dvh;padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-4);background:var(--sidebar);border-right:1px solid var(--line);overflow-y:auto}.brand-mark{display:flex;align-items:center;gap:10px;padding:var(--s-1) var(--s-2);color:var(--accent-strong)}.brand-mark strong{font-size:18px;letter-spacing:-.01em}.new-button-wrap{position:relative}.new-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-pill);padding:13px 18px;color:#fff;background:var(--accent);box-shadow:var(--sh-md);font-weight:600;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.new-button:hover{background:var(--accent-strong);box-shadow:var(--sh-lg)}.new-button:active{transform:translateY(1px)}.new-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-lg);display:grid;gap:2px;z-index:50}.new-menu button{text-align:left;border:0;border-radius:var(--r-sm);padding:10px 12px;background:transparent;font-size:14px;color:var(--ink-soft);transition:background .12s ease}.new-menu button:hover{background:var(--accent-soft);color:var(--accent-strong)}.drive-nav{display:grid;gap:2px}.drive-nav__item{display:flex;align-items:center;gap:12px;border:0;border-radius:var(--r-pill);padding:10px 14px;color:var(--ink-soft);background:transparent;text-align:left;font-size:14px;transition:background .12s ease,color .12s ease}.drive-nav__item svg{flex:0 0 auto;color:var(--muted)}.drive-nav__item:hover{background:var(--accent-soft)}.drive-nav__item--active{background:var(--blue-100);color:var(--accent-strong);font-weight:600}.drive-nav__item--active svg{color:var(--accent-strong)}.drive-nav__item--ghost{color:var(--muted)}.drive-nav__item--ghost:hover{background:var(--surface-2)}.storage-card{margin-top:auto;display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;background:var(--surface-2)}.storage-card svg{color:var(--accent);flex:0 0 auto}.storage-card strong{font-size:14px}.storage-card span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.bottom-nav{display:none}.drive-main{min-width:0;padding:var(--s-5) clamp(16px,3vw,32px) var(--s-8);display:flex;flex-direction:column;gap:var(--s-4)}.drive-topbar{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.search-box{flex:1 1 280px;min-width:0;max-width:640px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-pill);padding:0 16px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box svg{color:var(--muted);flex:0 0 auto}.search-box input{width:100%;border:0;outline:0;padding:11px 0;background:transparent;color:var(--ink)}.search-box input::placeholder{color:var(--muted)}.status-pills{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-left:auto}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 12px;color:var(--ink-soft);background:var(--surface);font-size:13px}.status-pill span{width:8px;height:8px;border-radius:var(--r-pill);background:#94a3b8;flex:0 0 auto}.status-pill--online span{background:var(--green-500)}.status-pill--offline span{background:var(--red-500)}.status-pill--checking span{background:var(--teal-500)}.icon-button{border:1px solid var(--line);border-radius:var(--r-pill);width:38px;height:38px;display:grid;place-items:center;color:var(--ink-soft);background:var(--surface);transition:background .12s ease,border-color .12s ease,color .12s ease}.icon-button:hover{background:var(--accent-soft);border-color:var(--blue-200);color:var(--accent-strong)}.icon-button--active{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--blue-200)}.lang-switcher{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:13px}.lang-switcher svg{color:var(--muted)}.lang-switcher select{border:0;background:transparent;font-size:13px;outline:none}.button{border:0;border-radius:var(--r-pill);padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:background .15s ease,transform .12s ease,box-shadow .15s ease,border-color .15s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button svg{flex:0 0 auto}.button--primary{color:#fff;background:var(--accent);box-shadow:var(--sh-sm)}.button--primary:hover{background:var(--accent-strong);box-shadow:var(--sh-md)}.button--secondary{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong)}.button--secondary:hover{background:var(--surface-2);border-color:var(--accent);color:var(--accent-strong)}.button--ghost{color:var(--ink-soft);background:transparent;border:1px solid var(--line)}.button--ghost:hover{background:var(--surface-2)}.button--danger{color:#fff;background:var(--red-500)}.button--danger:hover{background:var(--red-600)}.link-button{border:0;background:transparent;color:var(--accent-strong);padding:4px 0;font-size:13px;text-decoration:underline;text-underline-offset:3px}.link-button:hover{color:var(--accent)}.placeholder-view,.settings-view,.computers-view,.sync-panel,.login-card,.panel,.detail-panel,.debug-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-sm)}.placeholder-view{padding:var(--s-6)}.placeholder-view h2{margin:0 0 var(--s-2);font-size:20px}.placeholder-view p{margin:0;color:var(--muted)}.muted-box{border:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:var(--s-6);color:var(--muted);background:var(--surface-2);text-align:left}.drop-hint{text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.success-note,.error-note{border-radius:var(--r-md);padding:12px 14px;font-size:14px;border:1px solid transparent}.success-note{color:var(--green-700);background:var(--green-50);border-color:#bbf7d0}.error-note{color:var(--red-700);background:var(--red-50);border-color:#fecaca}.drive-layout{display:grid;grid-template-columns:1fr;gap:var(--s-4);align-items:start}.drive-layout--with-detail{grid-template-columns:minmax(0,1fr) 320px}.drive-browser{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-5);box-shadow:var(--sh-sm);position:relative;min-height:360px}.drive-browser--dropping{border-color:var(--accent);background:var(--accent-soft)}.drop-overlay{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:13px;font-weight:600;box-shadow:var(--sh-lg);pointer-events:none;z-index:10}.drive-browser__header,.computers-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap}.drive-browser__header h2,.computers-view__header h2{margin:0 0 4px;font-size:22px;letter-spacing:-.01em}.drive-browser__header p,.computers-view__header p{margin:0;color:var(--muted)}.drive-browser__actions{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}.breadcrumb{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;align-items:center}.breadcrumb button{border:0;border-radius:var(--r-sm);padding:4px 8px;color:var(--accent-strong);background:transparent;font-size:13px}.breadcrumb button:hover{background:var(--accent-soft)}.select-control{border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 12px;background:var(--surface);color:var(--ink-soft);font-size:13px}.select-control:hover{border-color:var(--line-strong)}.bulk-bar{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--blue-200);color:var(--accent-strong);margin-bottom:var(--s-3);font-size:14px;font-weight:500}.bulk-bar__actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--s-3)}.file-list{display:grid;gap:var(--s-2)}.view-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2)}.view-toggle .icon-button{border:0;background:transparent;width:30px;height:30px}.view-toggle .icon-button--active{background:var(--surface);box-shadow:var(--sh-sm)}.drive-card{display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:10px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.drive-card:hover{border-color:var(--line-strong);box-shadow:var(--sh-md);transform:translateY(-2px)}.drive-card--folder{cursor:pointer;background:var(--surface-2)}.drive-card--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.drive-card--drop{border-color:var(--accent);background:var(--accent-soft)}.drive-card__open{display:contents;border:0;background:transparent;padding:0;text-align:left}.drive-card__thumb{display:grid;place-items:center;height:56px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);overflow:hidden}.drive-card__thumb img{width:100%;height:100%;object-fit:cover}.drive-card__name{min-width:0}.drive-card__name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--ink)}.drive-card__name span{color:var(--muted);font-size:11.5px}.drive-card__footer{display:flex;align-items:center;justify-content:space-between;gap:4px}.drive-card__action{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-strong);text-decoration:none;transition:background .12s ease}.drive-card__action:hover{background:var(--blue-100)}.drive-card__menu{position:absolute;top:8px;right:8px;border:0;border-radius:var(--r-pill);width:26px;height:26px;background:#ffffffe6;display:grid;place-items:center;color:var(--muted);box-shadow:var(--sh-sm);opacity:0;transition:opacity .12s ease,background .12s ease}.drive-card:hover .drive-card__menu,.drive-card--selected .drive-card__menu{opacity:1}.drive-card__menu:hover{background:var(--accent-soft);color:var(--accent-strong)}.star-mark{color:var(--amber-500);margin-left:6px;vertical-align:middle}.file-list .drive-card{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;padding:10px 12px}.file-list .drive-card__thumb{width:44px;height:44px}.file-list .drive-card__name{grid-column:2}.file-list .drive-card__footer{grid-column:3;justify-content:flex-end;flex-wrap:nowrap}.file-list .drive-card__menu{position:static;opacity:1;box-shadow:none;background:transparent}.badge{border-radius:var(--r-pill);padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge svg{display:block}.badge--ok{background:var(--green-50);color:var(--green-700)}.badge--error{background:var(--red-50);color:var(--red-700)}.badge--active{background:var(--amber-50);color:var(--amber-700)}.badge--pending{background:var(--blue-50);color:var(--accent-strong)}.detail-panel{padding:var(--s-5);display:grid;gap:var(--s-4);align-content:start;min-height:360px;position:sticky;top:var(--s-5)}.detail-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3)}.detail-panel__header strong{display:block;font-size:16px;word-break:break-word}.detail-panel__header span{color:var(--muted);font-size:13px}.detail-panel__preview{display:grid;place-items:center;aspect-ratio:16/10;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);overflow:hidden}.detail-panel__preview img{width:100%;height:100%;object-fit:cover}.detail-panel__media audio{width:100%}.detail-panel__list{display:grid;gap:0;padding:0;margin:0}.detail-panel__row{display:flex;justify-content:space-between;gap:var(--s-2);padding:10px 0;border-bottom:1px solid var(--line)}.detail-panel__row:last-child{border-bottom:0}.detail-panel__label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.detail-panel__label svg{color:var(--muted)}.detail-panel__value{color:var(--ink);font-size:13px;text-align:right;word-break:break-word}.detail-panel__actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.context-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:6px;box-shadow:var(--sh-xl);display:grid;gap:2px;min-width:210px}.context-menu__item{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 10px;border-radius:var(--r-sm);color:var(--ink-soft);text-align:left;font-size:14px;transition:background .12s ease}.context-menu__item:hover{background:var(--accent-soft);color:var(--accent-strong)}.context-menu__item--danger{color:var(--red-600)}.context-menu__item--danger:hover{background:var(--red-50);color:var(--red-700)}.context-menu__icon{display:grid;place-items:center;width:16px;height:16px}.move-list{display:grid;gap:4px;max-height:320px;overflow:auto;padding:2px}.move-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--surface);text-align:left;transition:background .12s ease,border-color .12s ease}.move-item:hover{background:var(--accent-soft);border-color:var(--blue-200)}.move-item__icon{display:grid;place-items:center;color:var(--accent);flex:0 0 auto}.move-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-item svg:last-child{color:var(--muted);flex:0 0 auto}.modal{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;z-index:100;padding:var(--s-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__panel{width:min(560px,100%);background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-xl);padding:var(--s-6);display:grid;gap:var(--s-4);max-height:90vh;overflow:auto}.modal__panel--confirm{gap:var(--s-3)}.modal__panel--error strong{color:var(--red-600)}.modal__panel--success strong{color:var(--green-700)}.modal__panel p{margin:0;color:var(--muted)}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3)}.modal__header h2{margin:0 0 4px;font-size:20px}.modal__header p{margin:0;color:var(--muted);font-size:13px}.modal__header strong{font-size:17px}.modal__footer{display:flex;gap:10px;justify-content:flex-end}.share-config-summary{padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-soft);font-size:13px}.share-create{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s-3);align-items:end}.share-create label{display:grid;gap:6px;font-size:13px;color:var(--ink-soft)}.share-create input,.share-create select{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:10px 12px;background:var(--surface)}.share-create input:focus,.share-create select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.share-list{display:grid;gap:var(--s-3)}.share-list header{display:flex;justify-content:space-between;align-items:center}.share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3);align-items:start;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.share-row strong{display:block;word-break:break-all;font-size:13.5px}.share-row span{color:var(--muted);font-size:12px}.share-row__actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.share-row--revoked{opacity:.6}.login-card{padding:var(--s-6)}.login-card--connected{border-color:#bbf7d0;background:var(--green-50)}.login-card__header{display:flex;gap:var(--s-3);align-items:center;margin-bottom:var(--s-4)}.login-card__header h2{margin:0;font-size:19px}.login-card__header p{margin:4px 0 0;color:var(--muted);font-size:14px}.card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);flex:0 0 auto}.login-card--connected .card__icon{background:#dcfce7;color:var(--green-700)}.login-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-4)}.login-tabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:13px;transition:all .12s ease}.login-tabs button:hover{border-color:var(--line-strong)}.login-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.qr-login{display:grid;gap:var(--s-3)}.qr-block{display:grid;place-items:center;gap:var(--s-2);padding:var(--s-4);border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface-2)}.qr-block img{width:240px;height:240px;image-rendering:pixelated;border-radius:var(--r-sm)}.form{display:grid;gap:var(--s-4);max-width:520px}.form label{display:grid;gap:8px;color:var(--ink-soft);font-size:14px}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-wrap svg{color:var(--accent);flex:0 0 auto}.input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:11px 0}.settings-view{padding:var(--s-6);display:grid;gap:var(--s-4)}.settings-view__header h2{margin:0 0 4px;font-size:22px;letter-spacing:-.01em}.settings-view__header p{margin:0;color:var(--muted)}.settings-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-3)}.mode-card{display:grid;grid-template-columns:44px 1fr;gap:var(--s-3);align-items:center;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:left;transition:border-color .15s ease,background .15s ease}.mode-card:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.mode-card--active{border-color:var(--accent);background:var(--accent-soft)}.mode-card:disabled{opacity:.6;cursor:not-allowed}.mode-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong)}.mode-card__body{display:grid;gap:3px;min-width:0}.mode-card__body strong{font-size:15px}.mode-card__body span{color:var(--muted);font-size:13px;line-height:1.45}.settings-form{display:grid;gap:var(--s-3);max-width:520px}.settings-form label{display:grid;gap:6px;font-size:13px;color:var(--ink-soft)}.settings-form input{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:10px 12px;background:var(--surface)}.settings-form input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.settings-status{display:grid;grid-template-columns:44px 1fr;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}.settings-status__icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center}.settings-status__icon--ok{background:#dcfce7;color:var(--green-700)}.settings-status__icon--warn{background:var(--red-50);color:var(--red-700)}.settings-status strong{display:block}.settings-status span{display:block;color:var(--muted);font-size:13px}.settings-cache{display:grid;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.settings-cache header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap}.settings-cache header h3{margin:0;font-size:16px;display:inline-flex;align-items:center;gap:8px}.settings-cache header span{color:var(--muted);font-size:13px}.settings-cache__modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-2)}.settings-cache__modes .mode-card{grid-template-columns:1fr;padding:var(--s-3)}.settings-cache__modes .mode-card strong{display:block}.settings-cache__modes .mode-card span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.settings-cache__limit{display:grid;gap:6px;max-width:200px;font-size:13px;color:var(--ink-soft)}.settings-cache__limit input{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:9px 12px}.devices-view{padding:var(--s-6);display:grid;gap:var(--s-4)}.devices-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.devices-view__header h2{margin:0 0 4px;font-size:22px}.devices-view__header p{margin:0;color:var(--muted)}.devices-view__header>div:last-child{display:flex;gap:var(--s-2);flex-wrap:wrap}.pair-code-card{padding:var(--s-5);border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--blue-200);display:grid;gap:6px}.pair-code-card strong{font-size:32px;font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:6px;color:var(--accent-strong)}.device-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.device-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.device-row__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);color:var(--accent-strong);background:var(--accent-soft)}.device-row__body{display:grid;gap:2px;min-width:0}.device-row__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-row__body span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-row--revoked{opacity:.55}.computers-view{padding:var(--s-6);display:grid;gap:var(--s-4)}.sync-panel{padding:var(--s-5)}.sync-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap}.sync-panel__header h2{margin:0 0 4px;font-size:18px}.sync-panel__header p{margin:0;color:var(--muted)}.sync-panel__actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.sync-root-list{display:grid;gap:var(--s-2)}.sync-root{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3);background:var(--surface)}.sync-root__icon{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--accent-strong);background:var(--accent-soft)}.sync-root__body{min-width:0;display:grid;gap:3px}.sync-root__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-root__body span{color:var(--muted);font-size:13px}.sync-root__actions{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:flex-end}.agent-drawer{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;color:var(--muted);background:var(--surface);font-size:13px}.agent-drawer svg{color:var(--accent);flex:0 0 auto}.upload-dock{position:fixed;right:22px;bottom:22px;width:min(380px,calc(100vw - 32px));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xl);z-index:60;overflow:hidden}.upload-dock__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.upload-dock__header strong{font-size:14px}.upload-dock__controls{display:flex;gap:6px}.upload-dock__controls .icon-button{width:32px;height:32px}.upload-dock__list{list-style:none;margin:0;padding:var(--s-2);display:grid;gap:2px;max-height:320px;overflow:auto}.upload-dock__item{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--r-md)}.upload-dock__item:hover{background:var(--surface-2)}.upload-dock__item--synced .upload-dock__icon{color:var(--green-500)}.upload-dock__item--failed .upload-dock__icon{color:var(--red-500)}.upload-dock__icon{display:grid;place-items:center;color:var(--accent)}.upload-dock__body{min-width:0;display:grid;gap:5px}.upload-dock__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.upload-dock__body span{color:var(--muted);font-size:12px}.upload-dock__error{color:var(--red-600);font-size:12px}.mini-progress{width:100%;height:5px;border-radius:var(--r-pill);overflow:hidden;background:var(--line)}.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--teal-500));transition:width .2s ease}.toast-stack{position:fixed;right:22px;bottom:22px;display:grid;gap:var(--s-2);z-index:200}.toast{border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px;min-width:240px;max-width:360px;text-align:left;box-shadow:var(--sh-lg);color:var(--ink);background:var(--surface);font-size:14px}.toast--info{border-left:4px solid var(--accent)}.toast--success{border-left:4px solid var(--green-500);color:var(--green-700);background:var(--green-50)}.toast--error{border-left:4px solid var(--red-500);color:var(--red-700);background:var(--red-50)}.home-view{display:grid;gap:var(--s-4)}.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:var(--s-5);padding:var(--s-6);border-radius:var(--r-xl);color:#eaf6ff;background:linear-gradient(135deg,#0b3b61,#0f766e);box-shadow:var(--sh-lg)}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:var(--r-pill);background:#ffffff14}.dashboard-hero__copy,.dashboard-hero__panel{position:relative;z-index:1}.dashboard-hero__copy{display:grid;align-content:center;gap:var(--s-3)}.eyebrow{width:fit-content;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);padding:5px 12px;color:#cfe9f7;background:#ffffff1a;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dashboard-hero h1{margin:0;color:#fff;font-size:clamp(26px,4vw,42px);line-height:1.08;letter-spacing:-.03em}.dashboard-hero p{margin:0;max-width:620px;color:#c7e6f7;font-size:15px;line-height:1.55}.dashboard-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s-1)}.dashboard-hero__actions .button--secondary{background:#ffffff24;color:#fff;border-color:#ffffff40}.dashboard-hero__actions .button--secondary:hover{background:#ffffff38;color:#fff}.dashboard-hero__panel{display:grid;gap:var(--s-3);align-content:center}.dashboard-hero__meta{display:grid;gap:var(--s-2);color:#c7e6f7;font-size:12px}.dashboard-hero__meta span{display:flex;gap:8px;align-items:center;min-width:0;word-break:break-all}.drive-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s-2)}.drive-stats--stacked{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stat{border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--surface-2)}.mini-stat span{color:var(--muted);font-size:12px}.mini-stat strong{display:block;margin-top:4px;font-size:15px}.drive-stats--stacked .mini-stat{border-color:#ffffff2e;background:#ffffff1a}.drive-stats--stacked .mini-stat span{color:#c7d2fe}.drive-stats--stacked .mini-stat strong{color:#fff}.mini-stat--good{box-shadow:inset 0 0 0 1px #22c55e4d}.mini-stat--warn{box-shadow:inset 0 0 0 1px #f59e0b4d}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-3)}.home-action{display:flex;align-items:center;gap:var(--s-3);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4);background:var(--surface);text-align:left;box-shadow:var(--sh-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.home-action:hover{border-color:var(--line-strong);box-shadow:var(--sh-md);transform:translateY(-2px)}.home-actions--large .home-action{min-height:84px}.home-action small{color:var(--muted)}.home-action strong{font-size:14px}.home-action__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);flex:0 0 auto;font-size:18px}.home-action__icon--star{background:var(--amber-50);color:var(--amber-700)}.home-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:var(--s-4)}.home-card{display:grid;gap:var(--s-4);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-sm);align-content:start}.home-card--pairing{background:linear-gradient(180deg,var(--surface) 0%,var(--blue-50) 100%)}.home-card__header{display:flex;justify-content:space-between;gap:var(--s-4);align-items:flex-start}.home-card__header h2{margin:0;font-size:18px}.home-card__header p{margin:5px 0 0;color:var(--muted);font-size:14px}.home-card__header svg{color:var(--accent);flex:0 0 auto}.pairing-panel{display:grid;gap:var(--s-3)}.pair-code-display{display:grid;gap:4px;padding:var(--s-4);border-radius:var(--r-lg);color:var(--ink);background:var(--blue-50);border:1px solid var(--blue-200)}.pair-code-display strong{font-size:clamp(28px,5vw,42px);letter-spacing:.08em;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:var(--accent-strong)}.pair-code-display span{color:var(--muted)}.pair-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pair-summary span{color:var(--muted)}.device-quick-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-2)}.device-quick-list li{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.device-quick-list span{color:var(--muted);font-size:12px}.device-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.status-block{display:grid;gap:4px;padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}.status-block span{color:var(--muted);font-size:12px}.status-block strong{font-size:18px}.status-block--good{background:var(--green-50);border-color:#bbf7d0}.status-block--warn{background:var(--amber-50);border-color:#fde68a}.home-recent{display:grid;gap:var(--s-3)}.home-recent header{display:flex;align-items:center;gap:8px}.home-recent header svg{color:var(--accent)}.home-recent header h2{margin:0;font-size:18px}.viewer{position:fixed;inset:0;background:#0f172af0;display:grid;grid-template-rows:auto 1fr;z-index:250;color:#f8fafc}.viewer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:#0f172a99;border-bottom:1px solid rgba(148,163,184,.2)}.viewer__header strong{display:block;font-size:15px}.viewer__header span{color:#94a3b8;font-size:12px}.viewer__actions{display:flex;gap:10px;align-items:center}.viewer__actions .icon-button{background:#ffffff1a;border-color:#fff3;color:#fff}.viewer__actions .icon-button:hover{background:#fff3}.viewer__actions .button--secondary{background:#ffffff1f;color:#fff;border-color:#ffffff40}.viewer__body{display:grid;place-items:center;padding:var(--s-6);overflow:auto}.viewer__body img,.viewer__body video{max-width:min(960px,100%);max-height:80vh;border-radius:var(--r-lg);box-shadow:var(--sh-xl)}.viewer__body video{background:#000}.viewer__body audio{width:min(560px,100%)}.viewer__body iframe{width:min(960px,100%);height:80vh;border:0;border-radius:var(--r-lg);background:#fff}.image-viewer{position:relative;display:grid;place-items:center;width:100%;max-width:min(960px,100%);overflow:hidden}.image-viewer__poster{position:absolute;inset:0;margin:auto;max-width:100%;max-height:80vh;filter:blur(8px);opacity:.4}.image-viewer__img{max-width:min(960px,100%);max-height:80vh;border-radius:var(--r-lg);box-shadow:var(--sh-xl);touch-action:none;transition:transform 80ms ease-out;will-change:transform}.image-viewer__controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:var(--r-pill);background:#0f172ab3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-viewer__controls .icon-button{background:transparent;border:0;color:#fff}.image-viewer__controls span{font-size:12px;min-width:38px;text-align:center}.viewer__doc{width:min(820px,100%);max-height:80vh;overflow:auto;background:#fff;color:#1a1a1a;padding:32px 40px;border-radius:var(--r-lg);box-shadow:var(--sh-xl);line-height:1.6}.viewer__doc h1,.viewer__doc h2,.viewer__doc h3{margin:1em 0 .4em;line-height:1.3}.viewer__doc p{margin:0 0 .8em}.viewer__doc img{max-width:100%;height:auto}.viewer__doc table{border-collapse:collapse;width:100%;margin:.8em 0}.viewer__doc td,.viewer__doc th{border:1px solid #ddd;padding:6px 10px}.viewer__doc ul,.viewer__doc ol{margin:0 0 .8em 1.4em}.viewer__text{width:min(960px,100%);max-height:80vh;overflow:auto;background:#fff;color:var(--ink);padding:var(--s-5);border-radius:var(--r-lg);white-space:pre-wrap;word-break:break-word;line-height:1.55;box-shadow:var(--sh-xl)}.viewer__text--mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px}.viewer__notice{background:#fff;color:var(--ink);padding:var(--s-4);border-radius:var(--r-md)}.viewer__notice--error{color:var(--red-700);background:var(--red-50)}.viewer__office{background:#fff;color:var(--ink);padding:var(--s-6);border-radius:var(--r-lg);max-width:480px;text-align:center;display:grid;gap:var(--s-3)}.activity-list{display:grid;gap:var(--s-2)}.activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:start}.activity-row strong{display:block}.activity-row span{color:var(--muted);font-size:12px}.activity-row code{display:block;font-size:11px;color:var(--ink-soft);background:var(--surface-2);padding:4px 6px;border-radius:6px;max-width:320px;word-break:break-all}.activity-row__meta{display:grid;gap:4px;justify-items:end}.debug-view{display:grid;gap:var(--s-4)}.debug-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:var(--s-4)}.debug-card{padding:var(--s-4);display:grid;gap:var(--s-3)}.debug-card header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.debug-card h3{margin:0;font-size:16px}.debug-card header span{color:var(--muted);font-size:12px}.debug-log-list,.debug-transfer-list{display:grid;gap:var(--s-2);max-height:560px;overflow:auto}.debug-log{margin:0;white-space:pre-wrap;word-break:break-word;border-radius:var(--r-sm);padding:10px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.45}.debug-log--error{color:var(--red-700);background:var(--red-50);border-color:#fecaca}.debug-transfer{display:grid;gap:4px;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;background:var(--amber-50)}.debug-transfer span{color:var(--muted);font-size:12px}.debug-transfer code{white-space:pre-wrap;word-break:break-word;color:var(--amber-700)}.share-page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:var(--s-4);padding:var(--s-6);background:linear-gradient(135deg,#eff5ff,#ecfeff);color:var(--ink)}.share-page__brand{display:flex;align-items:center;gap:8px;color:var(--accent-strong);font-weight:600}.share-page__card{display:grid;place-items:center;padding:var(--s-8) var(--s-4)}.share-page__file,.share-page__locked{display:grid;gap:var(--s-3);place-items:center;text-align:center;padding:var(--s-8);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-lg);width:min(440px,100%)}.share-page__icon{display:grid;place-items:center;width:70px;height:70px;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent-strong)}.share-preview{width:100%;display:grid;place-items:center}.share-preview img,.share-preview video{max-width:100%;max-height:60vh;border-radius:var(--r-lg);box-shadow:var(--sh-md);background:#000}.share-preview--audio{padding:var(--s-4) 0}.share-preview--audio audio{width:100%}.share-preview--pdf{width:100%}.share-preview--pdf iframe{width:100%;height:70vh;border:0;border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-md)}.share-preview--doc{width:100%;max-height:70vh;overflow:auto}.share-preview--doc .viewer__doc{width:100%;box-shadow:none;padding:24px 28px;text-align:left}.share-page__file:has(.share-preview){width:min(820px,100%)}.share-page__file h1,.share-page__locked h1{margin:0;font-size:22px}.share-page__file p,.share-page__locked p{margin:0;color:var(--muted)}.share-page__locked input{width:100%;max-width:280px;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:10px 12px}.share-page__footer{color:var(--muted);text-align:center;font-size:13px}.auth-gate{min-height:100dvh;display:grid;place-items:center;padding:var(--s-6);background:linear-gradient(135deg,#eff5ff,#ecfeff)}.auth-card{width:min(420px,100%);background:var(--surface);border-radius:var(--r-xl);padding:var(--s-8);display:grid;gap:var(--s-4);box-shadow:var(--sh-lg)}.auth-card h1{margin:0;font-size:22px}.auth-card p{margin:0;color:var(--muted);font-size:14px}.auth-card label{display:grid;gap:6px;font-size:13px;color:var(--ink-soft)}.auth-card input{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:11px 12px}.auth-card input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.setup-shell{min-height:100dvh;display:grid;place-items:center;padding:var(--s-6);background:linear-gradient(135deg,#0b3b61,#0f766e)}.setup-card{width:min(560px,100%);background:var(--surface);border-radius:var(--r-xl);padding:var(--s-8);display:grid;gap:var(--s-5);box-shadow:var(--sh-xl)}.setup-card__header{display:flex;gap:var(--s-4);align-items:center}.setup-card__logo{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);flex:0 0 auto}.setup-card__header h1{margin:0;font-size:22px}.setup-card__header p{margin:4px 0 0;color:var(--muted);font-size:14px}.setup-loading{display:flex;gap:8px;align-items:center;color:var(--muted)}.setup-choices{display:grid;gap:var(--s-3)}.setup-choice{display:flex;gap:var(--s-4);align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4);background:var(--surface);transition:background .15s ease,border-color .15s ease}.setup-choice:hover{background:var(--surface-2);border-color:var(--accent)}.setup-choice svg{color:var(--accent);flex:0 0 auto;margin-top:2px}.setup-choice strong{display:block;font-size:15px}.setup-choice span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.setup-form{display:grid;gap:var(--s-3)}.setup-form label{display:grid;gap:6px;font-size:13px;color:var(--ink-soft)}.setup-form input{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:11px 12px}.setup-form input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.setup-hint{font-size:13px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}.setup-status{display:flex;gap:8px;align-items:center;border-radius:var(--r-md);padding:11px 14px;font-size:14px}.setup-status--ok{color:var(--green-700);background:var(--green-50);border:1px solid #bbf7d0}.setup-status--err{color:var(--red-700);background:var(--red-50);border:1px solid #fecaca}.setup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:var(--s-1)}.setup-done{display:grid;gap:var(--s-4)}.setup-summary{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.setup-summary li{display:flex;justify-content:space-between;gap:var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px}.setup-summary span{color:var(--muted);font-size:13px}.setup-summary strong{font-size:14px;word-break:break-all;text-align:right}@media(max-width:1100px){.drive-layout--with-detail{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:980px){.drive-shell{grid-template-columns:1fr;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.drive-sidebar{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 16px #0f172a0f}.bottom-nav button{border:0;background:transparent;padding:8px 4px;display:grid;place-items:center;gap:4px;color:var(--muted);font-size:11px}.bottom-nav button svg{display:block}.bottom-nav button.active{color:var(--accent-strong);font-weight:600}.dashboard-hero,.home-grid,.debug-grid{grid-template-columns:1fr}.dashboard-hero{padding:var(--s-5)}.drive-stats--stacked{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.drive-main{padding:var(--s-4) var(--s-4) var(--s-6);gap:var(--s-3)}.drive-topbar{gap:var(--s-2)}.status-pills{width:100%;justify-content:space-between}.search-box{flex:1 1 100%;max-width:none}.drive-browser,.settings-view,.computers-view,.devices-view{padding:var(--s-4)}.drive-browser__header,.computers-view__header,.devices-view__header,.sync-panel__header{flex-direction:column;align-items:stretch}.drive-browser__actions{justify-content:flex-start}.drive-card__menu{opacity:1}.file-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--s-2)}.drive-card__thumb{height:48px}.drive-card__name strong{font-size:12.5px}.upload-dock{right:12px;left:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto}.toast-stack{right:12px;left:12px;bottom:calc(76px + env(safe-area-inset-bottom))}.share-create,.share-row{grid-template-columns:1fr}.share-row__actions{justify-content:stretch}.share-row__actions .button{flex:1 1 auto;justify-content:center}.device-row{grid-template-columns:40px minmax(0,1fr)}.device-row .button{grid-column:1 / -1;justify-content:center}.sync-root{grid-template-columns:46px minmax(0,1fr)}.sync-root__actions{grid-column:1 / -1;justify-content:flex-start}.modal__footer,.setup-actions{flex-direction:column-reverse}.modal__footer .button,.setup-actions .button,.setup-actions a.button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pair-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.pair-steps>li{display:grid;gap:8px;padding-left:14px;border-left:2px solid var(--blue-200)}.pair-steps>li>strong{font-size:14px}.pair-steps .button{width:fit-content}.pair-steps code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-all}.upload-dock__title{display:grid;gap:2px}.upload-dock__title strong{font-size:14px}.upload-dock__title span{color:var(--muted);font-size:12px}.upload-dock__bar{height:4px;background:var(--surface-2);overflow:hidden}.upload-dock__bar>span{display:block;height:100%;background:var(--accent);transition:width .28s ease}.upload-dock__bar>span.is-done{background:var(--green-500)}.upload-dock__more{padding:10px 14px;color:var(--muted);font-size:12px;text-align:center}.api-view{display:grid;gap:var(--s-4);padding:var(--s-2) 0}.api-view__header h2{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:22px}.api-view__header p{margin:0;color:var(--muted)}.api-view code{font-family:JetBrains Mono,Consolas,monospace;font-size:.86em;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-all}.api-base{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.api-base span{color:var(--muted);font-size:13px}.api-base code{flex:1}.api-card{display:grid;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.api-card__head{display:flex;align-items:center;justify-content:space-between}.api-create{display:flex;gap:8px;flex-wrap:wrap}.api-create input,.api-token-input input{flex:1;min-width:220px;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:9px 12px;background:var(--surface)}.api-fresh{display:grid;gap:6px;padding:12px;border-radius:var(--r-md);background:var(--amber-50, #fffbeb);border:1px solid var(--amber-200, #fde68a);font-size:13px}.api-fresh__token{display:flex;align-items:center;gap:8px}.api-fresh__token code{flex:1}.api-token-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.api-token-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md)}.api-token-list li>div{display:grid}.api-token-list li span{color:var(--muted);font-size:12px}.api-n8n{margin:4px 0 0;padding-left:20px;display:grid;gap:6px;font-size:14px;color:var(--ink-soft)}.api-group h3{margin:16px 0 8px;font-size:15px;color:var(--ink-soft)}.api-endpoint{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--line)}.api-endpoint__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.api-method{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;color:#fff}.api-method--get{background:#16a34a}.api-method--post{background:#0b66ef}.api-method--put{background:#e8730c}.api-method--delete{background:#e8453c}.api-endpoint__path{font-weight:600}.api-endpoint__desc{color:var(--muted);font-size:13px}.api-curl{position:relative;display:flex;align-items:flex-start;gap:8px}.api-curl pre{flex:1;margin:0;padding:10px 12px;background:#0b1220;color:#e6edf6;border-radius:var(--r-md);overflow-x:auto;font-family:JetBrains Mono,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-all}.api-note{color:var(--muted);font-size:12.5px}@media(max-width:640px){.api-view{padding:var(--s-2)}}.api-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.api-card h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--ink-soft)}.api-token-create{display:flex;gap:8px;flex-wrap:wrap}.api-token-create input{flex:1;min-width:220px;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:9px 12px;background:var(--surface)}.api-token-new{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-radius:var(--r-md);background:var(--amber-50, #fffbeb);border:1px solid var(--amber-200, #fde68a);font-size:13px}.api-token-new code{flex:1;min-width:200px}.api-fill{display:grid;gap:6px}.api-fill label{font-size:13px;color:var(--ink-soft)}.api-fill input{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:9px 12px;background:var(--surface)}.api-hint{color:var(--muted);font-size:12.5px;margin:0}.api-path{font-weight:600}.shared-view{display:grid;gap:var(--s-4)}.shared-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.shared-view__header h2{margin:0 0 4px;font-size:22px}.shared-view__header p{margin:0;color:var(--muted)}.shared-empty{display:grid;place-items:center;gap:10px;text-align:center;padding:var(--s-8)}.shared-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.shared-item{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);overflow:hidden}.shared-item--revoked{opacity:.6}.shared-item__main{display:flex;align-items:center;gap:var(--s-3);padding:12px 14px;flex-wrap:wrap}.shared-item__info{display:grid;min-width:0;flex:1}.shared-item__info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-item__meta{color:var(--muted);font-size:12px}.shared-item__stats{display:flex;gap:12px;color:var(--ink-soft);font-size:13px}.shared-item__stats span{display:inline-flex;align-items:center;gap:4px}.shared-item__actions{display:flex;gap:4px}.shared-track{border-top:1px solid var(--line);padding:12px 14px;background:var(--surface-2);display:grid;gap:10px}.shared-track__summary{display:flex;gap:16px;font-weight:600;color:var(--ink-soft)}.shared-track__summary span{display:inline-flex;align-items:center;gap:6px}.shared-track__table{width:100%;border-collapse:collapse;font-size:13px}.shared-track__table th,.shared-track__table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.shared-track__table th{color:var(--muted);font-weight:600}.shared-track__note{color:var(--muted);font-size:12px;margin:0}@media(max-width:640px){.shared-item__main{align-items:flex-start}.shared-track__table{display:block;overflow-x:auto}}.photo-backup{margin-bottom:var(--s-4)}.photo-backup__body{display:flex;flex-direction:column;gap:var(--s-3)}.photo-backup__opt{display:flex;align-items:center;gap:var(--s-2);font-size:.9rem;color:var(--ink-soft)}.photo-backup__actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.photo-backup__steps{margin:0;padding-left:1.2em;color:var(--ink-soft);font-size:.9rem;line-height:1.6}.photo-backup__progress{margin-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.photo-backup__bar{height:8px;border-radius:var(--r-full);background:var(--neutral-100);overflow:hidden}.photo-backup__bar span{display:block;height:100%;background:var(--accent);border-radius:var(--r-full);transition:width .2s ease-out}