@media (max-width:800px){.auth-layout>.auth-card{display:block}}.photo-details-tabs{position:sticky;z-index:4;top:44px;padding:0 18px;display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #d9e2df;background:#fffffff2;backdrop-filter:blur(12px)}.photo-details-tabs button{min-height:43px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:0;border-bottom:3px solid transparent;color:#617774;background:transparent;cursor:pointer;font-weight:850}.photo-details-tabs button.is-active{border-bottom-color:#21746f;color:#174f53}.photo-details-tabs b{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#507974;font-size:9px}.face-info-sheet{height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.face-info-content{grid-template-columns:minmax(0,1fr)!important}.face-info-content>.photo-geometry-panel,.face-info-content>.photo-source-summary,.face-info-content>section{min-width:0}.face-viewer-close{font-size:28px!important}.photo-detail-status,.photo-source-progress{margin:10px 0 0;padding:9px 11px;border-radius:10px;color:#285e59;background:#e7f2ee;font-size:11px;line-height:1.4}.photo-source-progress span{width:9px;height:9px;display:inline-block;border:2px solid #75a09a;border-top-color:transparent;border-radius:50%;animation:photo-source-spin .8s linear infinite}@keyframes photo-source-spin{to{transform:rotate(1turn)}}.photo-analysis-inline-button{min-height:38px;margin:0 0 13px;padding:0 13px;border:1px solid #92b6ae;border-radius:999px;color:#174f53;background:#eff7f4;cursor:pointer;font-weight:850}.photo-analysis-inline-button:disabled{opacity:.65;cursor:wait}.photo-face-menu-layer{position:fixed;z-index:18000;inset:0;background:#102f3b20}.photo-face-context-menu{position:fixed;width:290px;padding:8px;display:grid;gap:3px;box-sizing:border-box;border:1px solid #cbdad6;border-radius:14px;color:#173d40;background:#fff;box-shadow:0 18px 55px #102f3b4a}.photo-face-context-menu>strong{padding:9px 10px 8px;overflow:hidden;border-bottom:1px solid #e0e8e5;text-overflow:ellipsis;white-space:nowrap}.photo-face-context-menu button{min-height:38px;padding:0 11px;border:0;border-radius:9px;color:#315f5d;background:transparent;cursor:pointer;text-align:left;font-weight:800}.photo-face-context-menu button:hover{background:#edf5f2}.photo-face-context-menu button.is-detach{color:#93483f}.photo-people-list{gap:8px}.photo-person-item{min-width:0;padding:6px;border:1px solid #d4dfdc;border-radius:14px;background:#f8fbfa}.photo-person-item>button{display:grid;padding:0 0 5px;border-radius:10px}.photo-person-item>button:focus-visible{outline:3px solid #2a7671;outline-offset:2px}.photo-person-item.is-active{border-color:#6eaaa2;background:#edf6f3}.photo-face-similar-detach{margin-top:16px;padding:12px;border:1px solid #cbdad6;border-radius:16px;background:#f6faf8}.photo-face-similar-detach>header{display:grid;gap:3px}.photo-face-no-similar,.photo-face-similar-detach>header span{color:#647b77;font-size:11px}.photo-face-similar-detach>div{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.photo-face-similar-detach label{position:relative;min-width:0;padding:5px;display:grid;gap:4px;border:1px solid #d2dfdc;border-radius:11px;background:#fff}.photo-face-similar-detach input{position:absolute;z-index:2;left:9px;top:9px;width:18px;height:18px;accent-color:#21746f}.photo-face-similar-detach img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.photo-face-similar-detach label>span{position:absolute;right:8px;top:8px;padding:3px 5px;border-radius:999px;color:#fff;background:#173f43d9;font-size:9px;font-weight:900}.photo-face-similar-detach a{overflow:hidden;color:#21615d;font-size:9px;font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap}.photo-geometry-panel{display:grid;gap:13px}.photo-geometry-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.photo-geometry-panel h3{margin:0}.photo-geometry-panel header p,.photo-geometry-reason{margin:5px 0 0;color:#647b77;font-size:11px;line-height:1.4}.photo-geometry-panel>footer button,.photo-geometry-panel>header button{min-height:38px;padding:0 13px;border:1px solid #99bab3;border-radius:999px;color:#174f53;background:#fff;cursor:pointer;font-weight:850}.photo-geometry-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-geometry-compare figure{min-width:0;margin:0}.photo-geometry-compare figure>button{width:100%;padding:0;display:block;overflow:hidden;border:0;border-radius:12px;background:#102527;cursor:zoom-in}.photo-geometry-compare img{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain}.photo-geometry-compare figcaption{padding:6px 3px;color:#4f6c68;font-size:10px;font-weight:800}.photo-geometry-panel>footer{display:flex;justify-content:flex-end;gap:8px}.photo-geometry-panel>footer button:last-child{color:#fff;border-color:#174f53;background:#174f53}.photo-geometry-panel>a{color:#21615d;font-size:11px;font-weight:850}.photo-geometry-viewer>header{justify-content:flex-start}.photo-geometry-viewer>header>strong{margin-right:auto}.photo-geometry-viewer>.zoomable-photo{min-height:0}@media(max-width:700px){.face-info-sheet{height:calc(100dvh - 6px);max-height:calc(100dvh - 6px)}.photo-details-tabs{top:40px;padding:0 8px}.photo-details-tabs button{min-height:41px;padding:0 11px;font-size:11px}.face-info-content{padding-top:13px}.photo-face-context-menu{left:8px!important;right:8px;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;border-radius:18px}.photo-face-similar-detach>div{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-geometry-compare.is-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-geometry-compare.is-landscape{grid-template-columns:1fr}.photo-geometry-compare img{max-height:none}.photo-geometry-panel>header{flex-direction:column}.photo-geometry-panel>footer{display:grid;grid-template-columns:1fr 1fr}.photo-geometry-panel>footer button{padding:0 8px}.geometry-review-card .geometry-compare.is-portrait{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.geometry-review-card .geometry-compare.is-landscape{grid-template-columns:1fr;gap:7px}.geometry-review-card .geometry-compare figure{min-width:0}.geometry-review-card .geometry-compare figcaption{padding:6px 4px;font-size:9px}.geometry-review-card .geometry-photo-frame{aspect-ratio:auto!important;background:#142627}.geometry-review-card .geometry-photo-frame>img{height:auto!important;aspect-ratio:auto!important}.geometry-compare.is-regions img{height:auto;max-height:none}}