*{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-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}.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::-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-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:12px;left:12px;width:20px;height:20px;border-radius:6px;border:1px solid rgba(148,163,184,.45);background:#02061773;display:grid;place-items:center;opacity:0;transition:opacity .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;z-index:2}.home-tile-select input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:#22d3ee}.home-tile:hover .home-tile-select{opacity:.9}.home-tile.has-selection-mode .home-tile-select{opacity:.95;border-color:#67e8f9bf;background:#082f4980;box-shadow:0 0 0 1px #22d3ee38}.home-tile.is-selected .home-tile-select{border-color:#f87171;background:#7f1d1d8c;box-shadow:0 0 0 1px #f8717152}.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;top: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;bottom: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:8;opacity:.82;transition:opacity .18s ease,background .18s ease,border-color .18s ease}.viewer-close-btn:hover{opacity:1;border-color:#67e8f9a6;background:#082f498f}.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;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}.panel-folder-node{display:grid;gap:.28rem}.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}.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{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}.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)}}