@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #e4eef0;--bg-soft: #f5faf9;--panel: rgba(255, 255, 255, .9);--panel-solid: #ffffff;--stroke: rgba(51, 91, 115, .2);--text: #0b2531;--muted: #567283;--accent: #007bb8;--accent-2: #28cfa7;--danger: #b3384f;--shadow: 0 20px 48px rgba(17, 48, 67, .16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(40,180,204,.18),transparent 38%),radial-gradient(circle at 86% 8%,rgba(45,207,174,.16),transparent 30%),linear-gradient(180deg,#edf5f6,#dde8eb)}button,input,select{font-family:inherit}.splash{min-height:100vh;display:grid;place-items:center;font-weight:700;letter-spacing:.08em;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow);padding:32px;position:relative;overflow:hidden}.floating-blur{position:absolute;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(79,171,255,.35),transparent 70%);right:-50px;top:-70px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px;position:relative;z-index:2}.brand-logo{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#2b76ff1f,#42d7ff2e);display:grid;place-items:center;box-shadow:0 12px 26px #21579140}.brand-logo svg{width:40px;height:40px}.brand-logo.small{width:42px;height:42px;border-radius:12px}.brand-logo.small svg{width:28px;height:28px}.login-card h1{margin:0;font-size:28px}.login-card p{margin:4px 0 0;color:var(--muted)}label{display:grid;gap:8px;font-size:14px;color:var(--muted)}.login-card input{padding:13px 14px;border-radius:14px;border:1px solid rgba(78,112,146,.3);background:#fff;color:var(--text);outline:none}.login-card input:focus{border-color:#2b76ff8c;box-shadow:0 0 0 3px #2b76ff26}button{border:1px solid rgba(105,138,176,.2);background:#fff;color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}button:hover:not(:disabled):not(.card){transform:translateY(-1px);box-shadow:0 8px 18px #3b69a033}.card:hover{box-shadow:0 16px 30px #4c79b133}button.primary{margin-top:14px;border:none;color:#fff;background:linear-gradient(135deg,#0087c6,#23c4a2);font-weight:700}button.secondary{background:#fffc}.otp-intro{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.otp-actions{display:flex;gap:10px;margin-top:10px}button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px 10px;position:sticky;top:0;z-index:20;background:#e9f4f4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}.topbar-left{display:grid;gap:10px}.brandline{display:flex;align-items:center;gap:10px}.brandline h2{margin:0;font-size:20px}.brandline p{margin:2px 0 0;font-size:12px;color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}.breadcrumbs button{padding:7px 12px;border-radius:999px;background:#ffffffbd;font-size:12px;color:#32506a}.breadcrumbs button.active{color:#fff;background:linear-gradient(135deg,#007bb8,#22c7a5);border-color:transparent}.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.toolbar.compact{align-items:center}.scope-switch{display:inline-flex;gap:6px;padding:5px;border-radius:12px;border:1px solid rgba(86,120,145,.25);background:#ffffffd9}.scope-switch button{border-radius:9px;padding:7px 11px;font-size:12px;font-weight:700}.sort-control{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;border:1px solid rgba(105,138,176,.22);background:#fff;color:#496780}.sort-control span{font-size:12px;font-weight:600}.family-filter-control{min-width:190px}.sort-control select{border:1px solid rgba(107,145,186,.28);background:#f7fbff;color:#1a3f5d;border-radius:10px;padding:4px 8px;font-size:12px}.sort-control select:focus{outline:2px solid rgba(45,136,255,.25)}.active-btn{background:linear-gradient(135deg,#007bb8,#22c7a5);border-color:transparent;color:#fff}.selection-toggle{font-weight:700;border-radius:999px;padding:8px 12px}.zoom-control{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(105,138,176,.22);background:#fff;border-radius:12px}.zoom-control button{width:30px;height:30px;padding:0;border-radius:10px;font-weight:700}.zoom-control input[type=range]{width:120px}.actions{position:relative}.actions-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:15;min-width:220px;display:grid;gap:6px;padding:8px;border:1px solid rgba(104,139,181,.26);border-radius:14px;background:#fffffff5;box-shadow:0 16px 28px #2b4d7433}.actions-menu button{text-align:left;width:100%}.mobile-actions-sheet{position:fixed;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:26;border-radius:18px;border:1px solid rgba(87,120,157,.28);background:#fffffff5;box-shadow:0 24px 40px #162e4a3d;padding:12px;display:grid;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-sheet-head{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4b6a83;font-weight:700}.mobile-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-sheet-grid button{width:100%;text-align:center;padding:10px}.mobile-sheet-zoom{display:grid;gap:8px}.mobile-sheet-zoom span{font-size:12px;color:#4d6a83;font-weight:600}.mobile-sheet-zoom input[type=range]{width:100%}.banner{margin:0 20px 10px;padding:10px 12px;border-radius:12px;font-size:13px}.error{color:var(--danger);margin-top:8px;font-size:13px}.error-banner{background:#b638581f;color:#8e2743}.notice-banner{background:#368dff1f;color:#214f83}.grid-shell{padding:0 20px 26px;position:relative;gap:var(--grid-gap, 14px)}.selection-bar{position:sticky;top:84px;z-index:12;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:#ffffffeb;border:1px solid rgba(96,132,174,.22);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 10px 22px #31557e29;font-size:13px;color:#234966}.selection-actions{display:flex;flex-wrap:wrap;gap:8px}.family-hub{margin:0 0 14px;border:1px solid rgba(73,108,130,.2);border-radius:18px;background:#ffffffd6;box-shadow:0 14px 28px #1935491f;padding:12px}.family-hub-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.family-hub-head h3{margin:0;font-size:16px}.people-hub-actions{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.scan-status-panel{margin:0 0 12px;border-radius:14px;border:1px solid rgba(86,120,145,.24);background:#f8fdfceb;padding:10px;display:grid;gap:8px}.scan-status-panel.running{border-color:#007bb857;box-shadow:inset 0 0 0 1px #007bb814}.scan-status-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#49687d}.scan-status-head strong{font-size:13px;color:#17394f}.scan-status-metrics{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:#3f6178}.scan-progress-track{width:100%;height:8px;border-radius:999px;background:#4e769233;overflow:hidden}.scan-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#007bb8,#28cfa7);transition:width .25s ease}.scan-status-sub{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:#4f6f84}.scan-status-error{border-radius:10px;border:1px solid rgba(179,56,79,.24);background:#b3384f14;color:#8a2c44;font-size:12px;padding:7px 9px}.scan-log-wrap{border:1px solid rgba(88,124,149,.24);border-radius:10px;background:#fff;padding:6px 8px}.scan-log-wrap summary{cursor:pointer;color:#33556d;font-size:12px;font-weight:700}.scan-log-list{margin-top:8px;max-height:180px;overflow:auto;display:grid;gap:6px}.scan-log-entry{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;font-size:11px;color:#45657a;border-radius:8px;padding:4px 6px;background:#f0f6f8b3}.scan-log-entry.level-error{background:#b3384f1f;color:#7f273e}.scan-log-entry.level-warn{background:#bf821324;color:#745010}.scan-log-time{color:#5b7b91;font-variant-numeric:tabular-nums}.scan-log-message{overflow-wrap:anywhere;display:grid;gap:2px}.scan-log-data{font-style:normal;color:#5b788e}.family-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--grid-gap, 10px)}.people-hub-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.family-hub-card{display:grid;gap:8px;padding:8px;position:relative;border-radius:14px;border:1px solid rgba(83,122,148,.24);background:#f9fdfdf5}.active-person-card{border-color:#007bb873;box-shadow:0 12px 24px #007bb824}.merge-selected-card{border-color:#28cfa7ad;box-shadow:0 12px 24px #28cfa733}.people-merge-bar{margin:0 0 10px;border-radius:12px;border:1px solid rgba(89,128,151,.25);background:#ffffffeb;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#476883}.people-merge-info{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.people-merge-target{display:inline-flex;align-items:center;gap:6px}.people-merge-target span{font-weight:700}.people-merge-target select{border:1px solid rgba(96,129,157,.3);border-radius:8px;padding:4px 8px;font-size:12px;background:#fff;color:#244b68}.family-hub-preview{height:96px;border-radius:12px;background:linear-gradient(155deg,#d8ebef,#ecf7f7);border:1px solid rgba(93,126,146,.2);position:relative;overflow:hidden}.family-hub-preview .preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:center;border-radius:10px;border:1px solid rgba(255,255,255,.7)}.family-hub-preview .layer-1{z-index:3}.family-hub-preview .layer-2{z-index:2;transform:translate(14px,12px) scale(.86);opacity:.9}.family-hub-preview .layer-3{z-index:1;transform:translate(-14px,14px) scale(.82);opacity:.85}.family-hub-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#4e6f82;font-size:12px;font-weight:700}.people-empty{position:static;border-radius:12px;border:1px dashed rgba(84,116,151,.34);background:#f2f9facc;padding:16px;text-align:center}.family-hub-info{display:grid;gap:2px;text-align:left}.family-hub-info strong{font-size:13px}.family-hub-info span{color:#557184;font-size:12px}.person-menu-wrap{position:absolute;top:8px;right:8px;z-index:4}.person-menu-trigger{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;padding:0;font-weight:700;color:#1f4966;background:#ffffffe6}.person-menu{margin-top:6px;min-width:150px;border-radius:10px;border:1px solid rgba(90,127,156,.3);background:#fffffff5;box-shadow:0 12px 22px #25425e2e;padding:6px;display:grid;gap:4px}.person-menu button{text-align:left;width:100%;padding:8px 9px;font-size:12px}.person-menu button.danger{border-color:#b3384f52;color:#8f2f47;background:#b3384f14}.person-avatar{width:84px;height:84px;margin:2px auto 0;border-radius:999px;overflow:hidden;border:2px solid rgba(112,145,170,.36);background:linear-gradient(135deg,#d8e9ef,#eaf5f7);display:grid;place-items:center;color:#2c5f77;font-weight:800}.person-avatar img{width:100%;height:100%;object-fit:cover}.family-banner{margin:0 0 12px;border-radius:16px;padding:12px 14px;border:1px solid rgba(73,108,130,.2);background:linear-gradient(135deg,#007bb81f,#28cfa71f);display:flex;align-items:center;justify-content:space-between;gap:12px}.family-banner h3{margin:0;font-size:17px}.family-banner p{margin:4px 0 0;font-size:12px;color:#486a7d}.virtual-layer{position:relative;width:100%}.virtual-layer .card{position:absolute;width:var(--tile-size, 220px);top:0;left:0}.card{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:0;overflow:hidden;text-align:left;box-shadow:0 10px 26px #4c79b124;position:relative;will-change:transform;touch-action:manipulation}.card.selected{border-color:#368dffc7;box-shadow:0 14px 26px #368dff38}.pick-indicator{position:absolute;top:10px;right:10px;z-index:2;background:#ffffffe6;color:#235e97;border:1px solid rgba(87,136,186,.3);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.card-family-overlay{position:absolute;top:8px;left:8px;right:8px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px;border-radius:10px;background:#0b1e2d6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);cursor:pointer}.card-open{position:absolute;left:12px;bottom:12px;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:700;background:#164a7ae6;color:#fff;border:none}.card-preview{width:100%;height:calc(var(--tile-size, 220px) * .72);background:linear-gradient(160deg,#d7e7ff,#f3f7ff);border-bottom:1px solid rgba(98,130,166,.15);display:grid;place-items:center}.card-preview img,.card-preview video{width:100%;height:100%;object-fit:contain;display:block}.folder-preview,.file-preview{display:grid;place-items:center;gap:8px;color:#4f6d88;font-size:13px;font-weight:700}.folder-shape{width:66px;height:48px;border-radius:14px;background:linear-gradient(145deg,#4fb8ff,#2b76ff);box-shadow:0 10px 20px #2b76ff4d}.folder-cover-stack{width:70px;height:54px;position:relative}.folder-cover-stack .cover-back{position:absolute;top:6px;right:0;bottom:0;left:10px;border-radius:12px;background:linear-gradient(140deg,#9dd8e8,#73bfdb)}.folder-cover-stack img{position:absolute;top:0;right:0;bottom:0;left:0;width:56px;height:44px;border-radius:10px;object-fit:cover;border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 14px #1b4d6c3d}.file-chip{min-width:64px;text-align:center;padding:8px 10px;border-radius:12px;color:#2265a4;background:#348ce61f;border:1px solid rgba(52,140,230,.3);font-size:12px;font-weight:800;letter-spacing:.04em}.card-content{padding:12px;display:grid;gap:8px}.card-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;min-height:2.7em}.card-meta-row{display:flex;align-items:center;gap:8px;min-height:24px}.kind-pill,.size-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1}.kind-pill{text-transform:capitalize;background:#3375c61f;color:#2a5a8e}.kind-pill.folder{background:#2e9aff24;color:#1460ad}.kind-pill.image{background:#26b79024;color:#12745c}.kind-pill.video{background:#8165e529;color:#4e34ab}.kind-pill.file{background:#6f7f972e;color:#3d4e63}.size-pill{background:#ffffffd9;border:1px solid rgba(88,121,160,.24);color:#426384}.card-date{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;background:#2b76ff1f;color:#285b93}.family-chip.muted{background:#68778a29;color:#4b6079}.card-family-overlay .family-chip{background:#ffffff3d;color:#fff;border:1px solid rgba(255,255,255,.24)}.card-family-overlay .family-chip.muted{background:#ffffff2e;color:#ffffffeb}.empty{grid-column:1 / -1;text-align:center;color:var(--muted);background:#ffffffb3;border:1px dashed rgba(90,121,158,.4);border-radius:16px;padding:28px}.sentinel{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:13px;padding:8px}.loading{position:fixed;right:16px;bottom:16px;background:#ffffffeb;color:#24507f;border:1px solid rgba(86,121,160,.28);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 10px 22px #42689740;z-index:40}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#12263a94;display:grid;place-items:center;padding:16px;z-index:30;overscroll-behavior:none;touch-action:none}.lightbox-inner{width:min(100%,980px);border-radius:18px;overflow:hidden;background:#fff;position:relative;box-shadow:0 24px 56px #18395f59;touch-action:pan-y}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:72px;border:none;border-radius:14px;background:#0b1d2f57;color:#fff;font-size:40px;font-weight:400;line-height:1;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-arrow:hover:not(:disabled){background:#0b1d2f80}.nav-arrow-left{left:12px}.nav-arrow-right{right:12px}.lightbox-toolbar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;pointer-events:none}.lightbox-count{background:#0c2032a6;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;letter-spacing:.03em}.lightbox-actions{display:flex;gap:8px;pointer-events:auto}.lightbox-actions button{border:none;background:#0c2032cc;color:#fff;padding:6px 10px;font-size:12px;border-radius:10px}.lightbox-inner img,.lightbox-inner video{width:100%;max-height:78vh;display:block;object-fit:contain;background:#f2f7ff}.lightbox-footer{display:flex;flex-direction:column;gap:10px;padding:12px;color:#325474;font-size:13px}.lightbox-footer-main{display:flex;justify-content:space-between;gap:12px}.lightbox-family-row{display:flex;flex-wrap:wrap;gap:6px}.lightbox-people-row{display:grid;gap:8px}.people-lookup-summary{font-size:12px;color:#486a84}.people-lookup-error{font-size:12px;color:#8e2943}.lightbox-people-chips{display:flex;flex-wrap:wrap;gap:6px}.people-chip-button{border:none;cursor:pointer}.family-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;background:#0c1e2f7a;display:grid;place-items:center;padding:14px}.family-picker{width:min(100%,520px);max-height:82vh;overflow:auto;border-radius:16px;background:#fff;border:1px solid rgba(84,120,158,.26);box-shadow:0 24px 48px #15314e4d;padding:14px;display:grid;gap:12px}.compact-dialog{width:min(100%,560px)}.share-result{display:grid;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(89,122,153,.24);background:#f6fbffdb}.share-result input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(94,126,158,.3);font-size:12px}.share-result-actions{display:inline-flex;gap:8px;align-items:center}.share-result-actions a{border:1px solid rgba(92,126,161,.25);border-radius:10px;padding:8px 10px;text-decoration:none;color:#2f5675;background:#fff;font-size:12px}.family-picker-head h3{margin:0;font-size:18px}.family-picker-head p{margin:4px 0 0;font-size:12px;color:#5a748e}.family-picker-list{display:grid;gap:8px;max-height:260px;overflow:auto}.family-item{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;padding:10px 12px;border-radius:12px}.family-item.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,#2b76ff,#42d7ff)}.family-empty{padding:10px;border:1px dashed rgba(84,116,151,.38);border-radius:10px;font-size:13px;color:#4e6a84}.family-create{display:grid;gap:8px}.family-create input{padding:11px 12px;border-radius:10px;border:1px solid rgba(92,126,162,.34);font-size:14px}.family-picker-actions{display:flex;justify-content:flex-end;gap:8px}.mobile-dock-spacer{height:calc(84px + env(safe-area-inset-bottom))}.mobile-dock{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:27;border-radius:18px;border:1px solid rgba(78,112,146,.28);background:#f6faffeb;box-shadow:0 16px 30px #16304e38;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-grid-shell{padding-top:12px}.public-grid{display:grid;gap:var(--grid-gap, 12px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.dock-btn{border:1px solid rgba(93,128,167,.26);background:#ffffffe6;color:#284d6d;border-radius:12px;padding:10px 6px;font-size:12px;font-weight:700}.dock-btn.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2b76ff,#42d7ff)}@media (max-width: 900px){.topbar{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}.actions-menu{right:auto;left:0}.family-filter-control{min-width:0}.scope-switch{width:100%;justify-content:space-between}.scope-switch button{flex:1}.selection-toggle{width:100%}.family-hub-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 620px){.grid-shell{gap:10px;padding:0 12px 24px}.selection-bar{position:static;flex-direction:column;align-items:flex-start}.card-preview{height:122px}.card-content{gap:6px}.card-date{font-size:11px}.toolbar{gap:6px;width:100%}.family-hub{padding:10px;border-radius:14px}.family-hub-head{margin-bottom:8px}.people-hub-actions{width:100%}.people-hub-actions button{flex:1 1 calc(50% - 4px)}.people-merge-bar{flex-direction:column;align-items:flex-start}.people-merge-info{width:100%;justify-content:space-between}.person-menu{min-width:136px}.scan-status-head{flex-direction:column;align-items:flex-start}.scan-log-entry{grid-template-columns:1fr;gap:2px}.family-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.people-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-hub-preview{height:80px}.family-banner{border-radius:12px;padding:10px 12px;flex-direction:column;align-items:flex-start}.sort-control{font-size:12px;padding:8px 10px;width:100%;justify-content:space-between}.family-filter-control,.scope-switch,.selection-toggle{width:100%}.sort-control select{flex:1;min-width:0}.lightbox-actions{flex-wrap:wrap;justify-content:flex-end}.nav-arrow{width:38px;height:64px;font-size:34px;border-radius:12px}.nav-arrow-left{left:6px}.nav-arrow-right{right:6px}.lightbox-footer{padding:10px;font-size:12px}.lightbox-footer-main{flex-direction:column;gap:4px}.mobile-actions-sheet{left:8px;right:8px}.mobile-dock{left:8px;right:8px;gap:6px;padding:7px}.dock-btn{padding:9px 4px;font-size:11px}.family-picker{padding:12px;border-radius:14px}.family-picker-actions{position:sticky;bottom:0;background:#fff;padding-top:6px}}