*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f172a}.app{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;padding:0;background:linear-gradient(140deg,#0f172a,#111827 45%,#1f2937);color:#e5e7eb;box-sizing:border-box}.app.dragging{outline:3px dashed #22d3ee;outline-offset:-10px}.toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;overflow:visible;padding:.5rem .75rem 0}.toolbar h1{margin:0;font-size:1.1rem;font-weight:600}.brand-button{border:0;padding:0;background:transparent;color:#e5e7eb;font-size:1.1rem;font-weight:600;line-height:1}.brand-button:hover{color:#67e8f9;background:transparent}.install-btn{background:#0f172a;color:#67e8f9;border:1px solid #155e75}.install-btn:hover{background:#11253a;color:#a5f3fc}.toolbar label{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;white-space:nowrap;flex:0 0 auto}.toolbar-edit-btn{padding:.34rem .62rem;font-size:.8rem;border:1px solid rgba(34,211,238,.42);background:#082f4975;color:#a5f3fc}.toolbar-photo-btn{padding:.34rem .62rem;font-size:.8rem;border:1px solid rgba(103,232,249,.52);background:#082f4985;color:#cffafe}.toolbar-photo-btn:hover:not(:disabled){border-color:#a5f3fce6;background:#0e74909e;color:#f0fdff}.toolbar-photo-btn.is-active{border-color:#22d3eef2;background:#0891b294;color:#ecfeff}.toolbar-photo-btn:disabled{opacity:.45;cursor:default}.toolbar-edit-btn:hover:not(:disabled){border-color:#67e8f9d1;background:#0e74908f;color:#e0f2fe}.toolbar-edit-btn.is-active{border-color:#f87171e0;background:#7f1d1d8a;color:#fee2e2}.toolbar-edit-btn:disabled{opacity:.45;cursor:default}.toolbar-dropdown{position:relative;display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto}.toolbar-dropdown-label{font-size:.9rem;color:#cbd5e1;white-space:nowrap}.toolbar-dropdown-trigger{min-width:190px;border:1px solid #334155;border-radius:10px;background:linear-gradient(180deg,#111b31,#0f172a);color:#e5e7eb;padding:.5rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.toolbar-dropdown-trigger:hover{border-color:#475569;background:linear-gradient(180deg,#13203a,#101b30)}.toolbar-dropdown.is-open .toolbar-dropdown-trigger{border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee33}.toolbar-dropdown-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-dropdown-caret{font-size:.9rem;color:#94a3b8;transition:transform .18s ease}.toolbar-dropdown-caret.is-open{transform:rotate(180deg)}.toolbar-dropdown-menu{position:absolute;top:calc(100% + .38rem);left:0;right:0;z-index:30;border:1px solid #334155;border-radius:10px;background:#0b1220fa;box-shadow:0 14px 34px #02061780;padding:.3rem;max-height:230px;overflow:auto;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;pointer-events:none;visibility:hidden;transition:opacity .18s ease,transform .21s ease,visibility .21s step-end}.toolbar-dropdown.is-open .toolbar-dropdown-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity .18s ease,transform .21s ease,visibility 0ms step-start}.toolbar-dropdown-option{width:100%;border:0;border-radius:8px;background:transparent;color:#e2e8f0;text-align:left;padding:.45rem .55rem;transition:background .17s ease,color .17s ease,transform .17s ease,box-shadow .17s ease}.toolbar-dropdown-option:hover{background:linear-gradient(90deg,#082f498f,#0ea5e92e);color:#a5f3fc;transform:translate(2px)}.toolbar-dropdown-option.active{background:linear-gradient(90deg,#082f49b8,#22d3ee2e);color:#67e8f9}button{border:0;border-radius:8px;padding:.55rem .9rem;font-size:.9rem;background:#06b6d4;color:#0f172a;cursor:pointer}button:hover{background:#22d3ee}select{border:1px solid #334155;border-radius:8px;padding:.4rem .55rem;background:#0f172a;color:#e5e7eb}.status{margin:0;color:#cbd5e1;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-width:0;padding:0 .75rem}.status-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-side{font-size:.8rem;color:#94a3b8;white-space:nowrap;margin-right:48px}.status-side-group{display:flex;align-items:center;gap:.55rem;min-width:0}.status-filter-wrap{display:inline-flex;align-items:center;gap:.35rem;color:#94a3b8;font-size:.8rem;white-space:nowrap}.status-side strong{color:#e2e8f0;font-weight:600}.status-cancel-btn{padding:.35rem .65rem;border-radius:8px;border:1px solid #7f1d1d;background:#7f1d1d33;color:#fecaca;font-size:.78rem}.status-cancel-btn:hover{background:#7f1d1d59;color:#fee2e2}.status-filter-pill{margin-left:.2rem;padding:.12rem .45rem;border-radius:999px;border:1px solid rgba(34,211,238,.55);background:#0e749038;color:#67e8f9;font-size:.72rem;line-height:1.3;max-width:360px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.status-filter-pill:hover{background:#22d3ee33;color:#cffafe}.viewer-wrap{position:relative;flex:1 1 auto;min-height:360px;border-radius:0;overflow:hidden;border:0;background:#020617}.viewer{width:100%;height:100%;min-height:360px;cursor:grab}.empty-library-fallback{position:absolute;inset:0;z-index:3;overflow:hidden;display:grid;place-items:center;background:#020617}.empty-library-fallback-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);animation:empty-library-bg-breathe 16s ease-in-out infinite alternate;will-change:transform;pointer-events:none}.empty-library-fallback-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0206179e,#020617d1),radial-gradient(circle at 30% 20%,rgba(125,211,252,.12),transparent 48%);pointer-events:none}.empty-library-fallback-card{position:relative;z-index:1;width:min(92vw,700px);max-width:min(92vw,700px);margin:0;padding:1rem 1.1rem;border-radius:12px;border:1px solid rgba(51,65,85,.7);background:#02061780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;color:#cbd5e1}.empty-library-fallback-card h2,.empty-library-fallback-card p{margin:0}@keyframes empty-library-bg-breathe{0%{transform:scale(1.04)}to{transform:scale(1.14)}}@media(prefers-reduced-motion:reduce){.empty-library-fallback-bg{animation:none;transform:scale(1.08)}}.home-grid-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#020617d1,#020617e6);padding:1rem;overflow:auto;scrollbar-width:thin;scrollbar-color:#22d3ee #0b1220}.home-grid-overlay.is-library-empty{position:relative;display:grid;place-items:center;background-image:linear-gradient(180deg,#0206179e,#020617d1),radial-gradient(circle at 30% 20%,rgba(125,211,252,.12),transparent 48%),url(/empty-library-bg.jpg);background-size:cover,cover,130% auto;background-position:center,center,50% 50%;background-repeat:no-repeat;overflow:hidden;will-change:auto}.home-grid-overlay::-webkit-scrollbar{width:10px;height:10px}.home-grid-overlay::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}.home-grid-overlay::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#0ea5e9);border-radius:999px;border:2px solid #0b1220}.home-grid-overlay::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#38bdf8)}.home-empty{min-height:100%;display:grid;place-content:center;text-align:center;gap:.35rem;color:#cbd5e1}.home-grid-overlay.is-library-empty .home-empty{position:relative;z-index:1;min-height:auto;width:min(92vw,700px);max-width:min(92vw,700px);margin:0;padding:1rem 1.1rem;border-radius:12px;border:1px solid rgba(51,65,85,.7);background:#02061780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home-empty h2,.home-empty p{margin:0}.home-grid{display:grid;gap:.85rem}.home-grid-small{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.home-grid-medium{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-grid-large{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.home-grid-xlarge{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.home-tile{position:relative;display:grid;gap:.45rem;border:1px solid #334155;border-radius:10px;padding:.55rem;background:#0f172ad9;color:inherit;text-align:left}.home-tile-small{padding:.55rem}.home-tile-medium{padding:.65rem}.home-tile-large{padding:.75rem}.home-tile-xlarge{padding:.85rem}.home-tile:hover{border-color:#22d3ee;background:#0c1a2deb}.home-tile-select{position:absolute;top:0;left:0;width:50px;height:50px;opacity:0;transition:opacity .16s ease,transform .16s ease;z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none}.home-tile-select input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.home-tile-select-mark{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,0 100%);border-top-left-radius:10px;background:linear-gradient(135deg,#06192bd6,#082f4975 56%,#02061714);border-top:1px solid rgba(148,163,184,.5);border-left:1px solid rgba(148,163,184,.5);box-shadow:inset 0 0 0 1px #0f172a73;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.home-tile-select-mark:after{content:"";position:absolute;left:12px;top:10px;width:10px;height:6px;border-left:2px solid #67e8f9;border-bottom:2px solid #67e8f9;transform:rotate(-45deg) scale(.7);transform-origin:center;opacity:.35;transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.home-tile:hover .home-tile-select{opacity:.95;transform:translateZ(0)}.home-tile:hover .home-tile-select-mark{border-top-color:#67e8f9c7;border-left-color:#67e8f9c7;background:linear-gradient(135deg,#082f49e6,#0e749073 56%,#02061714)}.home-tile.has-selection-mode .home-tile-select{opacity:.95}.home-tile.has-selection-mode .home-tile-select-mark{border-top-color:#67e8f9bf;border-left-color:#67e8f9bf;box-shadow:inset 0 0 0 1px #22d3ee24}.home-tile.has-selection-mode .home-tile-select-mark:after{opacity:.55;transform:rotate(-45deg) scale(.8)}.home-tile.is-selected .home-tile-select-mark{border-top-color:#f87171e6;border-left-color:#f87171e6;background:linear-gradient(135deg,#7f1d1ddb,#991b1b75 56%,#02061714);box-shadow:inset 0 0 0 1px #f8717152}.home-tile.is-selected .home-tile-select-mark:after{opacity:1;border-left-color:#fecaca;border-bottom-color:#fecaca;transform:rotate(-45deg) scale(1)}.home-tile.is-selected{border-color:#f87171f2;background:#450a0a38;box-shadow:0 0 0 1px #f8717166,0 0 18px #dc262638}.home-tile-thumb{width:100%;aspect-ratio:2 / 1;object-fit:cover;border-radius:7px;border:1px solid #1e293b}.home-tile-thumb-placeholder{background:#020617}.home-tile-name{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tile-meta{font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telemetry-panel{position:absolute;right:12px;bottom:12px;padding:.55rem .65rem;border-radius:8px;border:1px solid #334155;background:#020617c7;color:#dbeafe;font-size:12px;line-height:1.35;pointer-events:none}.map-overlay{position:absolute;bottom:12px;left:12px;width:300px;border-radius:10px;border:1px solid #334155;background:#0b1220e6;overflow:hidden;z-index:6}.map-overlay-head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-bottom:1px solid #334155;font-size:.78rem;color:#cbd5e1}.map-overlay-head a{color:#67e8f9;text-decoration:none}.map-overlay-head a:hover{text-decoration:underline}.map-overlay iframe{width:100%;height:170px;border:0;display:block}.map-overlay p{margin:0;padding:.35rem .6rem .45rem;font-size:.72rem;color:#94a3b8}.map-overlay-empty{width:auto;max-width:320px;padding:.6rem .75rem;font-size:.78rem;color:#cbd5e1}.panorama-caption{position:absolute;left:12px;top:12px;max-width:min(62vw,520px);padding:.5rem .65rem;border-radius:9px;border:1px solid rgba(100,116,139,.45);background:#02061785;color:#e2e8f0;font-size:.82rem;line-height:1.35;z-index:8;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.viewer-nav{position:absolute;top:50%;width:58px;height:156px;transform:translateY(-50%);border:1px solid rgba(148,163,184,.35);background:#0206172e;color:#e2e8f0d9;display:grid;place-items:center;z-index:7;opacity:.14;transition:opacity .2s ease,background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.viewer-nav-left{left:8px;border-radius:14px}.viewer-nav-right{right:8px;border-radius:14px}.viewer-nav span{font-size:2.25rem;line-height:1;transform:translateY(-2px)}.viewer-wrap:hover .viewer-nav{opacity:.42}.viewer-nav:hover{opacity:.95;border-color:#67e8f9a6;background:#082f499e}.viewer-close-btn{position:absolute;top:10px;right:64px;width:44px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#02061747;color:#e2e8f0f2;font-size:1.5rem;line-height:1;z-index:14;opacity:.82;transition:opacity .18s ease,background .18s ease,border-color .18s ease}.viewer-close-btn:hover{opacity:1;border-color:#67e8f9a6;background:#082f498f}.edit-panel{position:absolute;top:74px;left:12px;width:min(360px,calc(100vw - 28px));border-radius:12px;border:1px solid #334155;background:#020617e0;padding:.75rem;display:grid;gap:.62rem;z-index:14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-panel h3{margin:0;font-size:.92rem;color:#e2e8f0}.export-panel{position:absolute;top:74px;left:calc(22px + min(360px,calc(100vw - 28px)));width:min(320px,calc(100vw - 28px));border-radius:12px;border:1px solid #334155;background:#020617e6;padding:.75rem;display:grid;gap:.62rem;z-index:14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-panel h3{margin:0;font-size:.9rem;color:#e2e8f0}.export-panel-actions .primary-btn{margin-left:auto}.export-frame-hint{margin:0;font-size:.74rem;color:#93c5fd}.edit-section{display:grid;gap:.55rem;padding-top:.1rem}.edit-section+.edit-section{border-top:1px solid rgba(71,85,105,.75);padding-top:.72rem}.edit-section-head{display:flex;align-items:center;gap:.42rem;color:#67e8f9;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.edit-section-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#22d3ee7a,#33415547)}.edit-gps-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.edit-gps-row label{display:grid;gap:.3rem;font-size:.76rem;color:#93c5fd}.edit-gps-row input{width:100%;box-sizing:border-box;border:1px solid #334155;border-radius:8px;padding:.35rem .45rem;background:#0f172a;color:#e2e8f0}.edit-actions{display:flex;gap:.5rem;flex-wrap:wrap}.edit-footer-actions{align-items:center}.edit-footer-actions .primary-btn{margin-left:auto}.edit-bottom-drawer{border:1px solid rgba(51,65,85,.9);border-radius:10px;background:#0810209e;overflow:hidden}.edit-bottom-drawer-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:linear-gradient(180deg,#0e172cf0,#0b1220f0);border:0;color:#bae6fd;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.5rem .65rem;cursor:pointer;transition:color .16s ease,box-shadow .16s ease}.edit-bottom-drawer-toggle:hover,.edit-bottom-drawer-toggle:focus-visible{background:linear-gradient(180deg,#0e172cf0,#0b1220f0);color:#d5f6ff;box-shadow:inset 0 0 0 1px #67e8f959}.edit-bottom-drawer-toggle:hover .edit-bottom-drawer-chevron,.edit-bottom-drawer-toggle:focus-visible .edit-bottom-drawer-chevron{color:#a5f3fc}.edit-bottom-drawer-chevron{color:#67e8f9;font-weight:900;font-size:.82rem;line-height:1}.edit-bottom-drawer-body{max-height:0;overflow:hidden;opacity:0;transform:translateY(8px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .18s ease;padding:0 .65rem}.edit-bottom-drawer.is-open .edit-bottom-drawer-body{max-height:min(52vh,460px);overflow-y:auto;overflow-x:hidden;opacity:1;transform:translateY(0);padding:.6rem .65rem .65rem;scrollbar-width:thin;scrollbar-color:#22d3ee #0b1220}.edit-bottom-drawer.is-open .edit-bottom-drawer-body::-webkit-scrollbar{width:8px}.edit-bottom-drawer.is-open .edit-bottom-drawer-body::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}.edit-bottom-drawer.is-open .edit-bottom-drawer-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#0891b2);border-radius:999px}.edit-bottom-drawer.is-open .edit-bottom-drawer-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#22d3ee)}.primary-btn{background:linear-gradient(180deg,#22d3ee,#06b6d4);color:#0f172a}.primary-btn:hover{background:linear-gradient(180deg,#67e8f9,#22d3ee)}.gps-photo-dropzone{border:1px dashed #334155;border-radius:10px;background:#082f493d;padding:.55rem .6rem;color:#cbd5e1;display:grid;gap:.25rem;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.gps-photo-dropzone strong{font-size:.8rem;color:#bae6fd}.gps-photo-dropzone span{font-size:.74rem;color:#94a3b8}.gps-photo-dropzone.is-active,.gps-photo-dropzone:hover{border-color:#22d3ee;background:#0e74904d;box-shadow:0 0 0 1px #22d3ee38}.side-panel-hover-zone{position:absolute;top:0;right:0;bottom:0;width:20px;z-index:4;background:transparent}.side-panel{position:absolute;top:12px;right:0;bottom:12px;width:320px;transform:translate(calc(100% - 44px));transition:transform .26s ease;z-index:21;pointer-events:none}.side-panel-hover-zone:hover+.side-panel,.side-panel:hover,.side-panel:focus-within{transform:translate(0)}.side-panel.is-open{transform:translate(0)}.side-panel-tab{position:absolute;left:0;top:18px;width:44px;height:132px;border-radius:10px 0 0 10px;border:1px solid #334155;border-right:0;background:#0b1220f0;color:#dbeafe;writing-mode:vertical-rl;text-orientation:mixed;font-size:.82rem;letter-spacing:.02em;pointer-events:auto}.side-panel-content{position:absolute;inset:0 0 0 44px;border-radius:10px 0 0 10px;border:1px solid #334155;border-right:0;background:#0b1220f0;padding:.9rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;pointer-events:auto}.side-panel-content h3{margin:0;font-size:.95rem;font-weight:600}.history-list{margin-top:.75rem;display:grid;gap:.7rem;align-content:start;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:2px;scrollbar-width:thin;scrollbar-color:#22d3ee #0b1220}.history-list::-webkit-scrollbar{width:10px}.history-list::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#0ea5e9);border-radius:999px;border:2px solid #0b1220}.history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#38bdf8)}.history-empty{margin:0;color:#94a3b8;font-size:.86rem}.history-group{display:grid;gap:.45rem}.history-date{margin:0;padding-bottom:.25rem;border-bottom:1px solid #334155;color:#93c5fd;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.history-date-btn{width:100%;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 0 .25rem;border:0;border-bottom:1px solid #334155;border-radius:0;background:transparent;color:#93c5fd;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.history-date-btn:hover{color:#67e8f9;background:transparent}.history-date-count{color:#64748b;font-size:.72rem}.history-item{display:grid;grid-template-columns:96px 1fr;gap:.55rem;width:100%;padding:.45rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:inherit;text-align:left}.history-item:hover{border-color:#22d3ee;background:#0b1a2f}.history-item-small{grid-template-columns:96px 1fr}.history-item-large{grid-template-columns:1fr;gap:.45rem}.history-thumb{width:96px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #1e293b}.history-item-large .history-thumb{width:100%;height:auto;aspect-ratio:2 / 1}.history-thumb-placeholder{background:#020617}.history-meta{display:grid;gap:.2rem;min-width:0}.history-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-sub{color:#94a3b8;font-size:.72rem}.history-item-large .history-name,.history-item-large .history-sub{white-space:normal}.history-actions{margin-top:auto;padding-top:.75rem;border-top:1px solid #334155}.panel-folder-tree{display:grid;gap:.3rem;min-width:0}.panel-folder-node{display:grid;gap:.28rem;min-width:0}.panel-folder-row{display:flex;align-items:center;gap:.45rem;width:100%;border:1px solid rgba(71,85,105,.45);border-radius:8px;padding:.42rem .55rem;background:transparent;color:#cbd5e1;text-align:left;box-sizing:border-box;min-width:0}.panel-folder-row:hover{background:transparent}.panel-folder-row.is-expandable:hover{border-color:#22d3ee;background:transparent}.panel-folder-row.is-leaf{opacity:.95}.panel-folder-row.is-selected{background:transparent;border-color:#22d3ee;color:#67e8f9}.panel-folder-row:focus-visible{outline:1px solid #22d3ee;outline-offset:0}.panel-folder-chevron{width:.8rem;color:#7dd3fc;font-size:.78rem;text-align:center;flex:0 0 auto}.panel-folder-name{flex:1 1 auto;min-width:0;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-folder-count{flex:0 0 auto;font-size:.75rem;color:#67e8f9;border:1px solid #164e63;border-radius:999px;padding:.1rem .45rem;background:#082f4966}.folder-btn{width:100%}.secondary-btn{margin-top:.5rem;background:#0f172a;color:#cbd5e1;border:1px solid #334155}.secondary-btn:hover{background:#1e293b;color:#e2e8f0}.context-menu{position:fixed;width:260px;max-width:calc(100vw - 20px);border-radius:10px;border:1px solid #334155;background:#0b1220f7;padding:.3rem;z-index:80;box-shadow:0 14px 40px #0206178c}.context-title{padding:.35rem .55rem .25rem;color:#93c5fd;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.context-menu-item{width:100%;display:flex;align-items:center;gap:.55rem;text-align:left;background:transparent;color:#e2e8f0;border:0;border-radius:8px;padding:.5rem .6rem}.context-menu-item:hover{background:#0f172a}.context-menu-item.active{background:#0f172a;color:#67e8f9}.context-menu-item.danger{color:#fca5a5}.context-menu-submenu{position:relative}.context-menu-submenu:after{content:"";position:absolute;top:0;right:-12px;width:12px;height:100%}.submenu-trigger{justify-content:space-between}.submenu-arrow{color:#64748b;font-size:.95rem;margin-left:auto}.context-submenu-panel{position:absolute;top:0;left:100%;min-width:220px;max-width:280px;border:1px solid #1e293b;border-radius:8px;background:#0b1220fa;overflow:auto;max-height:180px;box-shadow:0 14px 40px #02061780;opacity:0;visibility:hidden;pointer-events:none;transform:translate(8px);transition:opacity .18s ease,transform .22s ease,visibility .22s step-end;scrollbar-width:thin;scrollbar-color:#22d3ee #0b1220}.context-submenu-panel::-webkit-scrollbar{width:10px;height:10px}.context-submenu-panel::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}.context-submenu-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#0ea5e9);border-radius:999px;border:2px solid #0b1220}.context-submenu-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#38bdf8)}.context-menu-submenu:hover .context-submenu-panel,.context-menu-submenu:focus-within .context-submenu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition:opacity .18s ease,transform .22s ease,visibility 0ms step-start}.context-menu.submenu-left .context-submenu-panel{left:auto;right:100%;transform:translate(-8px)}.context-menu.submenu-left .context-menu-submenu:after{right:auto;left:-12px}.context-menu.submenu-left .context-menu-submenu:hover .context-submenu-panel,.context-menu.submenu-left .context-menu-submenu:focus-within .context-submenu-panel{transform:translate(0)}.cm-icon{--cm-icon-url: none;position:relative;width:16px;height:16px;flex:0 0 16px;border:1px solid #334155;border-radius:4px;background:#0f172ae6;color:#94a3b8}.cm-icon:before{content:"";position:absolute;inset:2px;background-color:currentColor;opacity:.9;-webkit-mask-image:var(--cm-icon-url);mask-image:var(--cm-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.context-menu-item.danger .cm-icon{color:#fca5a5;border-color:#7f1d1d;background:#450a0a4d}.cm-filter{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 3h12l-4.8 5.5v3.2l-2.4 1.3V8.5z'/%3E%3C/svg%3E")}.cm-collapse{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 5h10v2H3zm2 4h6v2H5z'/%3E%3C/svg%3E")}.cm-expand{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 5h10v2H3zm2 4h6v2H5zM7 3h2v10H7z'/%3E%3C/svg%3E")}.cm-sort{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5 3l-3 3h2v7h2V6h2L5 3zm6 10l3-3h-2V3h-2v7H8l3 3z'/%3E%3C/svg%3E")}.cm-folder{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.5 4.5h4l1.2 1.5H14a.5.5 0 0 1 .5.5v5.8a.7.7 0 0 1-.7.7H2.2a.7.7 0 0 1-.7-.7V5.2a.7.7 0 0 1 .7-.7z'/%3E%3C/svg%3E")}.cm-image{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 3h12v10H2zm1.5 1.5v7h9L9.4 8.4l-2.2 2-1.2-1.2zM5.5 6.2a1.1 1.1 0 1 0 0-.01z'/%3E%3C/svg%3E")}.cm-exif{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2.5 2.5h11v11h-11zm2 2v7h7v-1.5h-5.5V4.5zM7 6h4v1.5H7zm0 2.5h3v1.5H7z'/%3E%3C/svg%3E")}.cm-backup{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 2l3 3H9v3H7V5H5l3-3zm-5 7h10v4H3zM4.5 10.5h7v1h-7z'/%3E%3C/svg%3E")}.cm-map{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 3.5l3-1 3 1 3-1 3 1v9l-3 1-3-1-3 1-3-1zm1 1.2v6.9l2 .7V5.4zm5 0v6.9l2-.7V4zm3 0v6.9l2 .7V5.4z'/%3E%3C/svg%3E")}.cm-clear{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 3h10v2H3zm1 3h8v7H4zM6 8h4v1H6zm0 2h4v1H6z'/%3E%3C/svg%3E")}.cm-delete{--cm-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5 3h6l1 1h2v2H2V4h2l1-1zm-1 4h8l-.7 6.1a1 1 0 0 1-1 .9H5.7a1 1 0 0 1-1-.9z'/%3E%3C/svg%3E")}.context-sep{height:1px;margin:.25rem 0;background:#334155}.confirm-backdrop{position:fixed;inset:0;background:#0206178c;display:grid;place-items:center;z-index:85;padding:1rem}.confirm-modal{width:min(440px,100%);background:#0b1220;border:1px solid #334155;border-radius:12px;padding:1rem}.confirm-modal h3,.confirm-modal p{margin:0}.confirm-modal p{margin-top:.6rem;color:#cbd5e1}.confirm-checkbox{display:flex;align-items:flex-start;gap:.55rem;margin-top:.85rem;color:#cbd5e1;font-size:.9rem}.confirm-checkbox input[type=checkbox]{margin-top:.15rem}.confirm-actions{margin-top:.85rem;display:flex;justify-content:flex-end;gap:.55rem}.danger-btn{background:#dc2626;color:#fff}.danger-btn:hover{background:#ef4444}.danger-btn:disabled{background:#7f1d1d;color:#fecaca;cursor:not-allowed;opacity:.75}.viewer:active{cursor:grabbing}.hidden-input{display:none}.modal-backdrop{position:fixed;inset:0;background:#020617cc;display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:min(980px,100%);max-height:85vh;background:#0b1220;border:1px solid #334155;border-radius:12px;padding:1rem;overflow:hidden}.backup-modal{width:min(720px,100%);display:grid;gap:.75rem}.gps-map-modal{width:min(1200px,100%);display:grid;gap:.65rem}.gps-map-modal p{margin:0;color:#cbd5e1;font-size:.86rem}.gps-map-canvas{width:100%;height:min(78vh,760px);border:1px solid #334155;border-radius:10px;overflow:hidden}.edit-mask-count{font-size:.78rem;color:#93c5fd}.edit-mask-controls{display:grid;gap:.45rem}.edit-mask-controls label{display:grid;gap:.28rem;font-size:.75rem;color:#93c5fd}.edit-mask-controls .toolbar-dropdown{display:grid;gap:.28rem}.edit-mask-controls .toolbar-dropdown-label{font-size:.75rem;color:#93c5fd}.edit-mask-controls .toolbar-dropdown-trigger{min-width:0;width:100%}.edit-mask-controls input[type=range]{width:100%;max-width:100%;box-sizing:border-box;display:block;margin:0}.edit-mask-list{display:grid;gap:.35rem;max-height:120px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#22d3ee #0b1220}.edit-mask-list::-webkit-scrollbar{width:8px}.edit-mask-list::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}.edit-mask-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#0891b2);border-radius:999px}.edit-mask-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#22d3ee)}.edit-mask-item{display:flex;align-items:center;justify-content:space-between;gap:.45rem;border:1px solid #334155;border-radius:8px;padding:.25rem .45rem;background:#0f172a9e;font-size:.76rem}.mask-mini-remove{width:24px;height:24px;padding:0;border-radius:999px;border:1px solid rgba(248,113,113,.88);background:#7f1d1db8;color:#fee2e2}.secondary-btn.is-active{border-color:#22d3ee;color:#67e8f9;background:#082f4999}.viewer-mask-overlay{position:absolute;inset:0;z-index:10;cursor:crosshair}.viewer-mask-preview-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.viewer-mask-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.viewer-mask-polygon{fill:#dc262638;stroke:#f87171f2;stroke-width:.25}.viewer-mask-id{position:absolute;transform:translate(4px,4px);padding:.05rem .3rem;border-radius:999px;font-size:.7rem;line-height:1.2;color:#fee2e2;background:#7f1d1dd9;pointer-events:none}.viewer-mask-remove{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:999px;padding:0;line-height:1;border:1px solid rgba(248,113,113,.9);background:#7f1d1df2;color:#fee2e2;font-size:.9rem;pointer-events:auto}.viewer-mask-draft{position:absolute;border:2px dashed rgba(248,113,113,.95);background:#dc26263d;box-shadow:inset 0 0 0 1px #02061799;pointer-events:none}.photo-export-overlay{position:absolute;inset:0;z-index:11;pointer-events:none}.photo-export-frame{position:absolute;border:2px solid rgba(34,211,238,.95);border-radius:6px;box-shadow:0 0 0 9999px #0206177a,inset 0 0 0 1px #bae6fdd1;cursor:default;pointer-events:none}.photo-export-frame:before,.photo-export-frame:after{content:"";position:absolute;pointer-events:none}.photo-export-frame:before{inset:0 33.33%;border-left:1px solid rgba(186,230,253,.3);border-right:1px solid rgba(186,230,253,.3)}.photo-export-frame:after{inset:33.33% 0;border-top:1px solid rgba(186,230,253,.3);border-bottom:1px solid rgba(186,230,253,.3)}.mask-editor-modal{width:min(1400px,100%);display:grid;gap:.65rem}.mask-editor-modal p{margin:0;color:#cbd5e1;font-size:.86rem}.mask-editor-surface{position:relative;width:100%;max-height:78vh;border:1px solid #334155;border-radius:10px;overflow:hidden;background:#020617;touch-action:none;-webkit-user-select:none;user-select:none}.mask-editor-image{width:100%;height:auto;display:block;pointer-events:none}.mask-rect{position:absolute;border:2px solid rgba(248,113,113,.95);background:#dc26263d;box-shadow:inset 0 0 0 1px #02061799}.mask-rect-draft{border-style:dashed;border-color:#67e8f9f2;background:#0e74903d}.mask-rect-remove{position:absolute;top:-12px;right:-12px;width:22px;height:22px;border-radius:999px;padding:0;line-height:1;border:1px solid rgba(248,113,113,.9);background:#7f1d1df2;color:#fee2e2;font-size:.9rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.modal-head h2{margin:0;font-size:1rem}.backup-section{border:1px solid #334155;border-radius:10px;padding:.75rem;background:#0f172a8c}.backup-section h3{margin:0;font-size:.95rem}.backup-section p{margin:.35rem 0 .6rem;color:#94a3b8;font-size:.86rem}.backup-dropzone{border:1px dashed #334155;border-radius:8px;background:#0206178c;color:#cbd5e1;padding:.8rem;text-align:center;font-size:.86rem;margin-bottom:.55rem;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.backup-dropzone.is-active{border-color:#22d3ee;background:#082f496b;color:#a5f3fc;box-shadow:0 0 0 2px #22d3ee40}.backup-option{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;font-size:.86rem;color:#cbd5e1}.backup-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.5rem}.exif-table-wrap{overflow:auto;max-height:calc(85vh - 110px);margin-top:.75rem;scrollbar-width:thin;scrollbar-color:#22d3ee #0b1220}.exif-table-wrap::-webkit-scrollbar{width:10px;height:10px}.exif-table-wrap::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}.exif-table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#0ea5e9);border-radius:999px;border:2px solid #0b1220}.exif-tabs{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.45rem}.exif-tab{border:1px solid #334155;border-radius:8px;padding:.25rem .6rem;background:#0f172a;color:#cbd5e1;font-size:.78rem}.exif-tab:hover{border-color:#475569;background:#111b31}.exif-tab.active{border-color:#22d3ee;color:#67e8f9;background:#082f4959}.exif-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.exif-col-key{width:240px}.exif-col-value{width:auto}.exif-table th,.exif-table td{border:1px solid #334155;padding:.45rem .55rem;text-align:left;vertical-align:top}.exif-table td:first-child,.exif-table th:first-child{word-break:normal;overflow-wrap:normal;white-space:normal}.exif-table td:last-child,.exif-table th:last-child{word-break:break-word;overflow-wrap:anywhere}.loading-overlay{position:fixed;inset:0;background:#0206179e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:60}.loading-card{min-width:220px;padding:1rem 1.2rem;border-radius:12px;border:1px solid #334155;background:#0b1220eb;display:grid;justify-items:center;gap:.75rem}.loading-card p{margin:0;font-size:.92rem}.spinner{width:42px;height:42px;border-radius:999px;border:4px solid #1e293b;border-top-color:#22d3ee;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.edit-panel{top:178px;right:8px;left:8px;width:auto;max-width:none}.export-panel{inset:auto 8px 12px;width:auto;max-width:none}.edit-gps-row{grid-template-columns:1fr}}