:root{--photo-grid-size:190px}.photos-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.photos-nav{position:sticky;top:20px;align-self:start;background:var(--surface,#fff);border:1px solid var(--border,#dfe3ee);border-radius:20px;padding:14px;max-height:calc(100vh - 40px);overflow:auto}.photos-nav>button{display:block;width:100%;text-align:left;margin:3px 0;background:transparent;color:inherit}.photos-nav>button.active{background:#6c4cff;color:#fff}.photos-main{min-width:0}.photos-heading{display:flex;align-items:center;justify-content:space-between}.photo-toolbar,.photo-batch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.photo-toolbar input[type=search]{flex:1;min-width:180px}.photo-upload span{display:inline-block;background:#6c4cff;color:#fff;padding:10px 15px;border-radius:12px;cursor:pointer;font-weight:700}.photo-batch{position:sticky;top:8px;z-index:6;background:#151a35;color:#fff;padding:10px;border-radius:14px}.photo-drop{border:2px dashed #a7afc3;border-radius:18px;padding:18px;text-align:center;margin:12px 0;display:flex;flex-direction:column}.photo-drop.over{border-color:#6c4cff;background:#6c4cff12}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--photo-grid-size)),1fr));gap:10px}.photo-tile{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:1;background:#11172d;outline:0}.photo-tile:focus,.photo-tile.selected{box-shadow:0 0 0 4px #6c4cff}.photo-tile>img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.photo-tile>label{position:absolute;top:10px;left:10px}.photo-tile>label input{width:22px;height:22px}.photo-tile>i,.photo-tile>em{position:absolute;top:10px;right:10px;background:#111a;color:#fff;padding:5px 8px;border-radius:12px;font-style:normal}.photo-tile>em{color:#ff557f}.photo-tile>footer{position:absolute;inset:auto 0 0;padding:24px 10px 10px;background:linear-gradient(transparent,#000c);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-tile>footer small{display:block}.photo-storage{margin-top:20px;font-size:.82rem}.photo-storage>div{display:flex;justify-content:space-between;gap:8px}.photo-storage progress{width:100%;accent-color:#6c4cff}.photo-storage-grid,.photo-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.photo-storage-grid article,.photo-albums article{padding:18px;border:1px solid var(--border,#dfe3ee);border-radius:18px;background:var(--surface,#fff)}.photo-storage-grid b{font-size:1.4rem;display:block}.album-cover{height:120px;border-radius:14px;background:linear-gradient(135deg,#6c4cff,#26b6cf);display:grid;place-items:center;font-size:3rem;color:#fff}.photo-viewer{width:min(1100px,96vw);height:min(760px,92vh);padding:0;border:0;border-radius:20px;background:#0b1020;color:#fff}.photo-viewer::backdrop{background:#000c}.photo-viewer>[data-close]{position:absolute;z-index:2;top:12px;right:12px;font-size:24px}.photo-viewer .viewer-stage{position:absolute;inset:0 310px 0 0;display:grid;place-items:center}.photo-viewer img,.photo-viewer video{max-width:100%;max-height:100%;object-fit:contain}.photo-viewer aside{position:absolute;inset:0 0 0 auto;width:310px;padding:55px 22px 22px;background:#171d35;overflow:auto}.photo-viewer dl{display:grid;grid-template-columns:85px 1fr;gap:8px}.photo-viewer dt{color:#aeb8d5}.photo-viewer dd{margin:0;word-break:break-word}@media(max-width:850px){.photos-shell{grid-template-columns:1fr}.photos-nav{position:static;display:flex;overflow:auto;gap:4px;max-height:none}.photos-nav h3,.photos-nav .photo-storage{display:none}.photos-nav>button{width:auto;white-space:nowrap}.photo-viewer .viewer-stage{inset:0 0 220px}.photo-viewer aside{inset:auto 0 0;width:auto;height:220px}.photo-viewer aside dl{display:none}}@media(prefers-reduced-motion:reduce){.photo-tile,.photo-drop{transition:none!important}}

/* KMAIL 1.0.9 intelligent organisation */
.photo-intro,.intelligent-search{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;margin-bottom:18px;border:1px solid var(--border,#dfe3ef);border-radius:20px;background:linear-gradient(145deg,var(--surface,#fff),#f1efff)}.photo-intro h3,.intelligent-search h3{font-size:1.6rem;margin:.2rem 0}.photo-intro p,.intelligent-search p,.search-examples{color:var(--muted,#667085)}.photo-intro>div>span,.intelligent-search>span{color:#6546ff;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.people-grid,.place-grid,.date-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.person-card,.place-grid>button,.date-grid>button{display:grid;gap:8px;text-align:left;padding:18px;border:1px solid var(--border,#dfe3ef);border-radius:18px;background:var(--surface,#fff);color:inherit}.person-card h3,.person-card p{margin:0}.person-card span,.person-card small,.place-grid span,.place-grid small,.date-grid span{color:var(--muted,#667085)}.person-face{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#ede9ff;color:#6546ff;font-size:2rem}.person-face img{width:100%;height:100%;object-fit:cover}.hidden-person{opacity:.58}.places-map{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;margin-bottom:18px;border-radius:22px;background:radial-gradient(circle at 30% 30%,#b6e5ff,#ddd4ff 45%,#f2f6ff);color:#202545}.places-map span{color:#59627c}.object-cloud,.smart-date-links,.search-suggestions{display:flex;flex-wrap:wrap;gap:10px}.object-cloud button,.smart-date-links button,.search-suggestions button{display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid var(--border,#dfe3ef);border-radius:999px;background:var(--surface,#fff);color:inherit}.object-cloud span,.search-suggestions span{color:var(--muted,#667085)}.intelligent-search{display:grid}.intelligent-search form{display:grid;grid-template-columns:1fr auto;gap:10px}.intelligent-search input{min-height:52px;padding:0 15px;border:1px solid var(--border,#dfe3ef);border-radius:14px;background:var(--surface,#fff);color:inherit;font:inherit}.search-interpretation{padding:12px;border-radius:12px;background:#f5f3ff;color:#5143a8;font-size:.85rem;overflow-wrap:anywhere}.ai-privacy-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px;border:1px solid var(--border,#dfe3ef);border-radius:20px;background:var(--surface,#fff)}.ai-privacy-settings h3,.ai-privacy-settings>p,.ai-privacy-settings>button{grid-column:1/-1}.ai-privacy-settings label,.biometric-danger label{display:flex;gap:9px;align-items:flex-start}.privacy-warning{padding:12px;border-radius:12px;background:#fff7da;color:#785b00}.biometric-danger{display:grid;gap:12px;margin-top:20px;padding:20px;border:1px solid #efb6c1;border-radius:18px;background:#fff5f7;color:#38121a}.biometric-danger h3,.biometric-danger p{margin:0}.biometric-danger button{background:#b4233c}@media(max-width:720px){.photo-intro{display:grid}.ai-privacy-settings{grid-template-columns:1fr}.ai-privacy-settings h3,.ai-privacy-settings>p,.ai-privacy-settings>button{grid-column:1}.intelligent-search form{grid-template-columns:1fr}.people-grid,.place-grid,.date-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.people-grid,.place-grid,.date-grid{grid-template-columns:1fr}}
.viewer-stage.tagging-face{cursor:crosshair;touch-action:none}.manual-face-box{position:absolute;border:3px solid #7c5cff;background:#7c5cff26;box-shadow:0 0 0 9999px #0003;pointer-events:none}
.detected-face-box{position:absolute;z-index:6;border:2px solid #f8fafc;background:#0ea5e915;box-shadow:0 0 0 2px #0284c7d9;border-radius:.5rem;cursor:pointer;padding:0}.detected-face-box:hover,.detected-face-box.selected{border-color:#facc15;box-shadow:0 0 0 3px #facc15e6;background:#facc151f}.people-tag-panel{display:grid;gap:.75rem;padding:1rem;margin:0 0 1rem;border:1px solid #3a4668;border-radius:1rem;background:#11182c}.people-tag-panel header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.people-tag-panel header div{display:grid}.people-tag-panel small{color:#aeb8d5}.people-face-list{display:flex;gap:.4rem;overflow:auto;padding:.15rem}.people-face-list button{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.people-face-list button span{display:grid;place-items:center;min-width:1.45rem;height:1.45rem;border-radius:50%;background:#e0f2fe;color:#075985}.people-face-list button.active{outline:2px solid #0ea5e9}.people-tag-panel form{display:grid;gap:.65rem}.people-tag-panel form label{display:grid;gap:.25rem}.people-tag-panel form select,.people-tag-panel form input{width:100%}.people-tag-panel form div{display:flex;flex-wrap:wrap;gap:.45rem}
.places-map iframe{display:block;width:100%;height:min(52vh,460px);border:0;border-radius:14px;margin-bottom:.4rem}.places-map small{display:block}
.person-card code{display:none!important}
/* KMAIL 1.0.10 Storage Saver */
.compression-status{position:absolute;left:8px;bottom:48px;z-index:3;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;font-size:11px;text-transform:capitalize}.upload-quality-settings{display:grid;gap:12px;margin-bottom:18px;padding:20px;border:1px solid #c7d2fe;border-radius:18px;background:#eef2ff}.upload-quality-settings label{padding:10px;border-radius:10px;background:#fff}.photo-settings progress,.photos-main .item progress{width:100%;height:8px}.photo-settings [data-compression-estimate-result]{padding:10px;border-radius:10px;background:#f0fdf4;color:#166534}.photo-storage-grid article span{line-height:1.25}

/* KMAIL 1.0.12 persistent upload queues */
.upload-queue{display:grid;gap:8px;margin:12px 0;padding:14px;border:1px solid var(--border,#dfe3ef);border-radius:16px;background:var(--surface,#fff)}.upload-queue[hidden]{display:none}.upload-queue>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.upload-queue>header span{color:var(--muted,#667085);font-size:.85rem}.upload-queue-item{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,2fr) 48px;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:#f6f7fb}.upload-queue-item>div{min-width:0}.upload-queue-item b,.upload-queue-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue-item span{color:var(--muted,#667085);font-size:.78rem}.upload-queue-item progress{width:100%;accent-color:#6c4cff}.upload-queue-item.complete progress{accent-color:#1f9d68}.upload-queue-item.failed{background:#fff1f3;color:#9f1239}.upload-queue-item.failed progress{accent-color:#d92d50}.drive-upload-queue{margin:0 0 14px}@media(max-width:680px){.upload-queue-item{grid-template-columns:1fr 42px}.upload-queue-item progress{grid-column:1/-1;grid-row:2}.upload-queue>header{align-items:flex-start;flex-direction:column}}
.ai-readiness{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:18px;margin:10px 0 18px;padding:18px;border:1px solid #c7d2fe;border-left:6px solid #6c4cff;border-radius:16px;background:#eef2ff;color:#172554}.ai-readiness.working,.ai-readiness.ready{border-left-color:#159467;background:#ecfdf3}.ai-readiness.attention{border-left-color:#d97706;background:#fff7ed}.ai-readiness.disabled,.ai-readiness.disabled_by_admin,.ai-readiness.paused{border-left-color:#64748b;background:#f8fafc}.ai-readiness span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.ai-readiness h3,.ai-readiness p{margin:.25rem 0}.ai-readiness dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.ai-readiness dt{color:#64748b}.ai-readiness dd{margin:0;font-weight:700}@media(max-width:720px){.ai-readiness{grid-template-columns:1fr}}
.face-save-status{min-height:1.4em;color:var(--muted);font-weight:700}.people-tag-panel [data-save-face]:disabled{opacity:.65;cursor:wait}

/* KMAIL 1.0.29 touch viewport hardening */
@media(max-width:850px){.photos-shell,.photos-main,.photos-nav,.photos-heading,.photo-toolbar,.photo-batch,.photo-grid,.photo-storage-grid,.photo-albums{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.photos-nav{scrollbar-width:none}.photos-nav::-webkit-scrollbar{display:none}.photos-heading{align-items:flex-start;gap:10px;flex-direction:column}.photos-heading>*{max-width:100%}.photo-toolbar,.photo-batch{align-items:stretch}.photo-toolbar>*{min-width:0;max-width:100%}.photo-toolbar input[type=search]{width:100%;flex-basis:100%}.photo-viewer{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}.photo-viewer .viewer-stage{min-width:0}.photo-viewer aside{overflow-x:hidden}.photo-viewer dd{overflow-wrap:anywhere}}
@media(max-width:560px){:root{--photo-grid-size:135px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-batch>*{width:100%;min-width:0}.photo-storage-grid,.photo-albums{grid-template-columns:1fr}.photo-viewer .viewer-stage{inset:0 0 260px}.photo-viewer aside{height:260px;padding:50px 14px 14px}}

/* KMAIL 1.0.34: device-native picker and compact mobile selection actions. */
.mobile-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.photo-drop{cursor:pointer;touch-action:manipulation}.photo-drop strong{color:var(--ink,#111831)}.photo-batch[hidden]{display:none!important}
@media(max-width:560px){.photo-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-toolbar .photo-upload,.photo-toolbar input[type=search]{grid-column:1/-1}.photo-upload span{display:block;text-align:center}.photo-batch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:static}.photo-batch[hidden]{display:none!important}.photo-batch>b{grid-column:1/-1}.photo-batch>*{width:auto!important;margin:0!important}.photo-batch button{min-height:44px;padding:8px!important}.photo-drop{padding:16px 12px}.photo-drop span{font-size:.9rem;line-height:1.4}}