*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #141414;--surface: #1a1a1a;--surface-2: #252525;--border: #404040;--border-light:#2d2d2d;--primary: #f59e0b;--primary-dk: #d97706;--red: #ef4444;--text: #e0e0e0;--text-2: #888888;--text-3: #666666;--radius: 8px;--shadow: 0 4px 20px rgba(0, 0, 0, .5)}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;overflow:hidden}.app{height:100vh;display:flex;flex-direction:column}.app-header{flex-shrink:0;background:#141414eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:10}.app-header-inner{padding:14px 20px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:34px;height:34px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:1px;line-height:1.15}.brand-name{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.3px}.brand-sub{font-size:.68rem;font-weight:600;color:var(--primary);letter-spacing:1.4px;text-transform:uppercase}.header-actions{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:10px}.header-video-action{position:relative;display:flex;align-items:center;gap:8px}.layout{flex:1;display:flex;min-height:0}.sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);box-shadow:3px 0 16px #00000073;overflow:hidden;position:relative;z-index:1}.dropzone{margin:14px;padding:22px 14px;border:1.5px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0}.dropzone:hover{border-color:var(--primary);background:#f59e0b0d}.dropzone.dragging{border-color:var(--primary);background:#f59e0b1a}.dropzone-icon{font-size:1.6rem;margin-bottom:6px}.dropzone-text{font-size:.8rem;color:var(--text-2)}.control-label{font-size:.66rem;font-weight:600;color:var(--text-3);letter-spacing:.7px;text-transform:uppercase}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border-light);border-radius:6px;overflow:hidden}.segmented button{flex:1;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-2);background:none;border:none;padding:8px 10px;cursor:pointer;transition:background .15s,color .15s}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button.active{background:var(--primary);color:#141414}.segmented button:disabled{color:var(--text-3);cursor:not-allowed}.summary-ok{color:var(--primary);font-weight:600}.summary-missing{color:var(--text-3)}.btn-video{position:relative;overflow:hidden;font-family:inherit;font-size:.75rem;font-weight:700;color:#141414;background:var(--primary);border:none;padding:7px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-video:hover:not(:disabled){background:var(--primary-dk)}.btn-video:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}.btn-video-label{position:relative;z-index:1}.btn-video:disabled .btn-video-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}.btn-video-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,#4ade80bf,#4ade8080);transition:width .25s ease-out;overflow:hidden}.btn-video-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.1s linear infinite}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(350%)}}.btn-video-cancel{font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-light);padding:7px 12px;border-radius:6px;cursor:pointer}.btn-video-cancel:hover{color:var(--text)}.video-error-tooltip{position:absolute;top:100%;right:0;margin-top:8px;z-index:30;width:220px;font-size:.72rem;color:var(--text);background:var(--surface);border:1px solid var(--red);border-radius:6px;padding:8px 10px;box-shadow:var(--shadow)}.list-section{flex:1;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border-light)}.list-section-header{display:flex;align-items:baseline;justify-content:space-between;padding:14px 14px 10px;flex-shrink:0}.list-header-right{display:flex;align-items:baseline;gap:10px}.list-count{font-size:.72rem}.btn-clear-minimal{font-family:inherit;font-size:.7rem;font-weight:600;color:var(--text-3);background:none;border:none;padding:0;cursor:pointer;transition:color .15s}.btn-clear-minimal:hover{color:var(--red)}.empty-state{padding:8px 14px 20px;color:var(--text-3);font-size:.78rem}.photo-list{flex:1;overflow-y:auto;padding:0 10px 14px}.photo-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer;transition:background .15s;position:relative}.photo-row:hover{background:var(--surface-2)}.photo-row.selected{background:#f59e0b1f}.photo-row.no-gps{cursor:default;opacity:.55}.photo-thumb{width:42px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--border-light);flex-shrink:0}.photo-meta{min-width:0;flex:1}.photo-name{font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-coords{font-size:.7rem;color:var(--text-3)}.photo-remove{background:none;border:none;color:var(--text-3);font-size:1.1rem;line-height:1;cursor:pointer;padding:4px 6px;flex-shrink:0;border-radius:4px}.photo-remove:hover{color:var(--red);background:#ef44441a}.map-pane{flex:1;position:relative;min-width:0}.map{width:100%;height:100%}.map-view-toggle{position:absolute;top:14px;left:14px;z-index:5;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border-light);border-radius:8px;padding:8px;box-shadow:var(--shadow)}.gm-style-mtc-bbw{box-shadow:var(--shadow)!important}.gm-style-mtc button{background:var(--surface)!important;color:var(--text-2)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;border:1px solid var(--border-light)!important;transition:background .15s,color .15s}.gm-style-mtc:first-child button{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}.gm-style-mtc:last-child button{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.gm-style-mtc button:hover{color:var(--text)!important}.gm-style-mtc button[aria-checked=true]{background:var(--primary)!important;color:#141414!important;border-color:var(--primary)!important}.gm-style-mtc ul[role=menu]{background-color:var(--surface)!important;box-shadow:var(--shadow)!important;border:1px solid var(--border-light)!important;border-radius:6px 6px 0 0!important;top:auto!important;bottom:40px!important}.gm-style-mtc li[role=menuitemcheckbox]{background-color:var(--surface)!important;color:var(--text)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:13px!important}.gm-style-mtc li[role=menuitemcheckbox]:hover{background-color:var(--surface-2)!important}.map-error{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:5;background:var(--surface);border:1px solid var(--red);color:var(--text);padding:10px 16px;border-radius:var(--radius);font-size:.8rem;max-width:420px;text-align:center;box-shadow:var(--shadow)}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#1414148c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .15s ease-out}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(245,158,11,.25);border-top-color:var(--primary);animation:spin .8s linear infinite}.map-loading-text{font-size:.8rem;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border-light);padding:6px 14px;border-radius:20px;box-shadow:var(--shadow)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.pin-popup{position:absolute;z-index:20;background:var(--surface);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow);padding:14px;animation:fade-in .12s ease-out}.pin-popup--above{transform:translate(-50%,calc(-100% - 18px))}.pin-popup--below{transform:translate(-50%,18px)}.pin-popup img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;display:block;margin-bottom:10px}.pin-popup-row{font-size:12.5px;line-height:1.7;color:var(--text);word-break:break-word}.pin-popup-row span{color:var(--text-3)}.pin-popup-close{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-light);background:var(--surface-2);color:var(--text-2);font-size:14px;line-height:1;cursor:pointer}.pin-popup-close:hover{color:var(--text);background:var(--border-light)}.pin-popup-tail{position:absolute;left:50%;width:14px;height:14px;background:var(--surface);transform:translate(-50%) rotate(45deg)}.pin-popup--above .pin-popup-tail{bottom:-7px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.pin-popup--below .pin-popup-tail{top:-7px;border-left:1px solid var(--border-light);border-top:1px solid var(--border-light)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end;padding:80px 16px 16px}.modal-panel{pointer-events:auto;background:var(--surface);border:1px solid var(--border-light);border-radius:10px;box-shadow:var(--shadow);padding:14px;width:100%;max-width:340px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-header h2{font-size:.85rem;font-weight:700;color:#fff}.modal-close{background:none;border:none;color:var(--text-2);font-size:1.2rem;line-height:1;cursor:pointer;padding:4px}.modal-close:hover{color:var(--text)}.modal-panel video{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#000;display:block}.video-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}.btn-video-control{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;transition:background .15s,color .15s}.btn-video-control:hover{color:#141414;background:var(--primary);border-color:var(--primary)}