:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #2f81f7;--ok: #3fb950;--warn: #d29922;--bad: #f85149;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.center{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px 14px;font:inherit;font-weight:500;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{color:var(--bad);border-color:var(--bad)}input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font:inherit;width:100%}.error{color:var(--bad)}.error.banner{padding:10px 20px;background:#2d1315}.ok{color:var(--ok)}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;margin:16px 20px}.card.auth{max-width:340px;margin:15vh auto;display:grid;gap:12px}.card.auth h1{margin:0;font-size:20px}.card.empty{text-align:center;padding:60px 20px}.health{padding:10px 20px;border-bottom:1px solid var(--border)}.health.good{background:#0f1c14}.health.bad{background:#2d1315}.health-row{display:flex;align-items:center;gap:10px}.health-dot{width:8px;height:8px;border-radius:50%;flex:none}.health.good .health-dot{background:var(--ok)}.health.bad .health-dot{background:var(--bad)}.alerts{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.alerts li{display:flex;align-items:center;gap:10px;font-size:13px}.alerts li>span:nth-child(2){flex:1}.alerts button{padding:2px 8px;font-size:12px}.badge{padding:1px 7px;border-radius:10px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;flex:none}.badge.alert{background:var(--bad);color:#fff}.badge.warn{background:var(--warn);color:#1a1200}.badge.info{background:var(--border);color:var(--text)}.card.diagnosis{border-color:var(--bad)}.card.success{border-color:var(--ok)}.card.warn{border-color:var(--warn);max-width:1100px}.card.warn h3{margin:0 0 8px;font-size:15px}.card.warn p{margin:0 0 12px}.reason{font-family:ui-monospace,SFMono-Regular,monospace;color:var(--bad);font-size:12px;text-transform:uppercase;letter-spacing:.05em}header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}header h1{font-size:16px;margin:0;cursor:pointer}header nav{display:flex;align-items:center;gap:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:20px}.tile{background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer}.tile:hover{border-color:var(--accent)}.video-wrap{position:relative;aspect-ratio:16 / 9;background:#000}.video-wrap video{width:100%;height:100%;object-fit:contain;display:block}.clickable{cursor:pointer}.clickable:hover{outline:2px solid var(--accent);outline-offset:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:grid;place-items:center;padding:24px;z-index:50}.modal{background:var(--panel, #14181f);border:1px solid var(--border);border-radius:10px;padding:14px;width:min(1100px,96vw);max-height:92vh;overflow:auto}.modal .video-wrap{border-radius:8px;overflow:hidden}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;padding:10px}.video-overlay.failed{color:var(--bad)}.tile-label{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--panel);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.online{background:var(--ok)}.dot.offline{background:var(--muted)}.dot.unauthorized,.dot.error{background:var(--bad)}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.toolbar h2{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.toolbar .danger{margin-left:auto}.camera-view{padding:20px}.camera-view>.video-wrap{max-width:1100px;border-radius:10px;overflow:hidden}.fields{display:grid;gap:10px;margin:16px 0;max-width:420px}.fields label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.row{display:flex;align-items:center;gap:12px;margin:10px 0}.discovered{list-style:none;padding:0;margin:10px 0}.discovered li{display:flex;align-items:center;gap:10px}.streams{list-style:none;padding:0}.streams li{padding:3px 0;font-size:13px}.warnings{padding-left:18px;color:var(--warn);font-size:13px}.timeline-section{margin-top:28px;max-width:1100px}.timeline-section h3{font-size:14px}.timeline{position:relative;height:34px;background:var(--panel);border:1px solid var(--border);border-radius:6px;cursor:crosshair;overflow:hidden}.timeline .block{position:absolute;top:0;bottom:0;background:var(--accent);opacity:.65}.timeline .block.active{background:var(--ok);opacity:1}.timeline-labels{display:flex;justify-content:space-between;margin-top:4px}.playback{margin-top:14px}.playback video{width:100%;border-radius:8px;background:#000}.card.policy{max-width:1100px}.card.policy h3{margin:0 0 12px;font-size:15px}.modes{display:grid;gap:8px;margin-bottom:12px}.mode{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.mode.on{border-color:var(--accent)}.mode input{margin-top:3px}.day{display:inline-flex;align-items:center;gap:3px}.ok.small,.error.small{margin-top:8px}.panel-error{border:1px solid var(--bad, #b4483f);border-radius:8px;padding:12px 14px;margin:12px 0;background:#b4483f14}.panel-error code{display:block;margin:8px 0;opacity:.8;word-break:break-word}.panel-error button{margin-right:8px}.settings h3{margin-bottom:4px}.settings-section{border-top:1px solid var(--line, #30363d);padding:14px 0}.settings-section header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.settings-section h4{margin:0;font-size:.95rem}.settings-section.unsupported{opacity:.72}.reason{color:var(--warn, #d29922);margin:6px 0}.settings-section .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.settings-section .row>div:first-child{flex:1;min-width:260px}.check{display:flex;align-items:flex-start;gap:8px;margin:8px 0}.check input{margin-top:3px}.slider-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:10px;margin:6px 0}.slider-row input[type=range]{width:100%}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0}.stream-grid label{display:flex;flex-direction:column;gap:4px}.prepare{background:#388bfd0f;border-radius:8px;padding:12px 14px}.prepare-steps{list-style:none;padding:0;margin:10px 0 0}.prepare-steps li{display:flex;gap:10px;align-items:baseline;padding:5px 0}.zone-editor{margin:10px 0}.zone-canvas{display:grid;aspect-ratio:16 / 9;max-width:640px;width:100%;background-size:cover;background-position:center;border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.zone-canvas.disabled{cursor:not-allowed;opacity:.6}.zone-cell{border:1px solid rgba(255,255,255,.06)}.zone-cell.on{background:#388bfd61}.zone-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap;max-width:640px}.mask-canvas{position:relative;aspect-ratio:16 / 9;max-width:640px;width:100%;background-size:cover;background-position:center;border-radius:6px;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.mask-box{position:absolute}.mask-box.overlay{background:#787878bf;border:1px solid #999}.mask-box.burnin{background:#000;border:2px solid var(--bad, #f85149)}.mask-box.draft{background:#388bfd4d;border:1px dashed #58a6ff}.mask-form{margin-top:10px;max-width:640px}.mask-form input[type=text],.mask-form>input{width:100%;margin-bottom:8px}.mask-kinds{display:grid;gap:8px;margin:8px 0}.mask-kinds label{display:flex;gap:10px;padding:10px;border:1px solid var(--line, #30363d);border-radius:6px;cursor:pointer}.mask-kinds label.chosen{border-color:#58a6ff;background:#388bfd0f}.mask-kinds label.disabled{opacity:.6;cursor:not-allowed}.mask-kinds p{margin:4px 0 0}.mask-list,.preset-list{list-style:none;padding:0;margin:10px 0 0}.mask-list li,.preset-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line, #30363d)}.preset-list li span:first-child{flex:1}.badge.warn{background:#d2992233;color:var(--warn, #d29922)}.app{padding:0 0 40px;display:flex;flex-direction:column;height:100dvh;overflow-y:auto}.app>*:not(header){margin:14px 20px}.strip{padding:8px 14px;border-radius:6px;font-size:13px;border:1px solid var(--border)}.strip.ok{border-color:var(--ok);color:var(--text)}.strip.warn{border-color:var(--warn);color:var(--text)}.card.camera{display:grid;gap:10px}.camera-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.pill.online{border-color:var(--ok);color:var(--ok)}.pill.offline{border-color:var(--bad);color:var(--bad)}.pill.error,.pill.unauthorized{border-color:var(--warn);color:var(--warn)}.codes{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7;background:#7f7f7f14;border:1px solid var(--border);border-radius:6px;padding:12px;-webkit-user-select:all;user-select:all;overflow-x:auto;white-space:pre-wrap;word-break:break-all}table.nodes{width:100%;border-collapse:collapse;margin:10px 0}table.nodes td{padding:7px 8px;border-top:1px solid var(--border);vertical-align:middle}table.nodes tr:first-child td{border-top:none}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card.row{padding:12px 14px}.card.row input{flex:1}.who{display:flex;align-items:center;gap:10px}select{background:var(--panel, #161b22);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px}details summary{cursor:pointer;margin-top:6px}.ptz-pad{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);max-width:1180px}.ptz-pad.unsupported{opacity:.72}.ptz-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ptz-head>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.ptz-untested{border:1px solid var(--bad);border-left-width:4px;border-radius:6px;background:#f8514917;color:var(--bad);padding:9px 12px;margin:0 0 12px;font-size:12.5px;line-height:1.5}.ptz-untested strong{color:var(--bad)}.ptz-body{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.ptz-stick{position:relative;width:190px;height:190px;flex:none;border:1px solid var(--border);border-radius:50%;background:radial-gradient(circle at center,rgba(47,129,247,.1),transparent 70%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:grid;place-items:center}.ptz-stick.driving{cursor:grabbing;border-color:var(--accent)}.ptz-stick.disabled{cursor:not-allowed;opacity:.5}.ptz-cross{width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 1px var(--bg)}.ptz-stick.driving .ptz-cross{background:var(--accent)}.ptz-hint{position:absolute;bottom:14px}.ptz-side{display:grid;gap:12px}.ptz-speed{display:flex;align-items:center;gap:8px}.ptz-speed input[type=range]{width:130px}.ptz-group{display:flex;align-items:center;gap:8px}.ptz-group>span:first-child{width:46px}.plan{border-top:1px solid var(--border, #30363d);margin-top:12px;padding-top:4px}.plan-head{display:flex;align-items:center;gap:10px;padding:8px 2px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.plan-head::-webkit-details-marker{display:none}.plan-title{font-weight:600;font-size:13px}.plan-head>.muted{margin-left:auto;text-align:right}.plan-body{display:grid;gap:14px;padding:8px 0 14px}.plan-field{display:grid;gap:4px;max-width:620px}.plan-field>span{font-size:13px;font-weight:500}.plan-field em{line-height:1.5}.plan-allows{border:1px solid var(--border, #30363d);border-radius:8px;padding:12px 14px;max-width:620px}.plan-allows legend{font-size:13px;font-weight:500;padding:0 6px}.plan-allow{display:flex;align-items:center;gap:8px;margin:6px 0}.plan-allow input{width:auto}.plan-locked{color:var(--warn, #d29922);font-size:12px}.tour-panel{display:grid;gap:10px}.tour-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.tour-list>li{border:1px solid var(--border);border-radius:8px;padding:9px 12px;background:var(--panel)}.tour-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tour-name{font-weight:600}.tour-row .badge{margin-left:auto}.tour-stops{margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;list-style:none;counter-reset:tour-stop}.tour-stops li{counter-increment:tour-stop;border:1px solid var(--border);border-radius:999px;padding:2px 10px;white-space:nowrap}.tour-stops li:before{content:counter(tour-stop) ". ";opacity:.6}.tour-editor{display:grid;gap:10px;margin-top:4px}.tour-editor>label{display:grid;gap:3px;max-width:320px}.tour-editor-stops{margin:0;padding-left:20px;display:grid;gap:8px}.tour-editor-stops li{list-style:decimal}.tour-editor-stops li>*{vertical-align:middle}.tour-editor-stops select{min-width:150px;margin-right:8px}.tour-dwell{display:inline-flex;align-items:center;gap:5px;margin-right:8px}.tour-dwell input{width:68px}.ptz-hold{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--border)}.wall{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.layout-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.layout-bar select,.layout-bar input{padding:5px 8px}.layout-bar .layout-name{width:160px}.layout-bar .dwell{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.layout-bar .dwell input{width:62px}.layout-hint{margin-left:auto}.warn-text{color:var(--warn)}.shape-buttons{display:flex;gap:4px}.shape-buttons button{min-width:38px;padding:5px 8px;font-size:12px;background:transparent;border:1px solid var(--border);color:var(--muted)}.shape-buttons button.on{border-color:var(--accent);color:var(--text)}.layout-actions{display:flex;gap:6px}.layout-actions button{padding:5px 10px;font-size:13px}.wall-body{display:grid;grid-template-columns:210px 1fr;grid-template-rows:minmax(0,1fr);gap:12px;align-items:stretch;flex:1;min-height:0}@media(max-width:900px){.wall-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}}.camera-picker{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:10px;display:grid;gap:8px;align-content:start;min-height:0;max-height:78vh;overflow:hidden auto}.picker-head{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.picker-head select{flex:1 1 0;min-width:0;padding:5px 6px}.provider-access{align-items:center}.provider-access label{display:inline-flex;align-items:center;gap:6px}.picker-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.picker-list li{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;font-size:13px;cursor:grab}.picker-list li:hover{background:#7f7f7f1f}.picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-grid{display:grid;gap:8px;height:100%;min-height:300px}.wall-grid.shape-1plus5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.wall-grid.shape-1plus5>.wall-slot:first-child{grid-column:span 2;grid-row:span 2}.wall-grid.shape-1plus7{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.wall-grid.shape-1plus7>.wall-slot:first-child{grid-column:span 3;grid-row:span 3}.wall-slot{min-width:0;min-height:0;display:flex}.wall-cell{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel);display:grid;grid-template-rows:1fr auto;min-height:0;flex:1}.wall-cell.empty{display:grid;place-items:center;aspect-ratio:auto;border-style:dashed;background:transparent}.wall-video{position:relative;overflow:hidden;background:#000;min-height:0;height:100%}.wall-video .zoomable{transform-origin:center center;will-change:transform;height:100%}.wall-video .video-wrap{aspect-ratio:auto;height:100%}.zoom-badge,.copy-badge{position:absolute;top:6px;padding:1px 6px;border-radius:4px;font-size:11px;background:#0009;color:#fff;pointer-events:none}.zoom-badge{left:6px}.copy-badge{right:6px;color:#ff6b6b}.wall-cell-bar{display:flex;align-items:center;gap:6px;padding:4px 6px;border-top:1px solid var(--border);font-size:12px}.wall-cell-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-cell-actions{display:flex;gap:2px}button.icon{padding:2px 5px;font-size:12px;line-height:1.2;background:transparent;border:1px solid transparent;color:var(--muted)}button.icon:hover:not(:disabled){border-color:var(--border);color:var(--text)}button.icon.on{color:var(--accent)}button.icon:disabled{opacity:.35;cursor:not-allowed}.wall-note{padding:4px 6px;border-top:1px solid var(--border)}.modal.wide{max-width:min(1100px,94vw)}.group-editor{display:grid;gap:12px;margin:12px 0}.group-row{border:1px solid var(--border);border-radius:6px;padding:8px}.group-head{display:flex;align-items:center;justify-content:space-between}.group-cameras{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;margin-top:6px}.chip{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12px}.chip.on{border-color:var(--accent);color:var(--text);background:#2f81f724}.timeline-section{outline:none}.timeline-section h3{font-size:14px;margin:0}.tl-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.tl-jump{display:flex;align-items:center;gap:8px}.tl-jump input{width:auto;padding:6px 8px;font-size:13px}.tl-zooms{display:flex;gap:5px;flex-wrap:wrap}.tl-pan{display:flex;gap:5px;margin-left:auto}.tl-pan .on{border-color:var(--accent);color:var(--accent)}.tl-ruler{position:relative;height:16px;margin-bottom:2px}.tl-ruler .tick{position:absolute;bottom:0;width:1px;height:4px;background:var(--border)}.tl-ruler .tick.major{height:8px;background:var(--muted)}.tl-ruler .tick em{position:absolute;bottom:9px;left:0;transform:translate(-50%);font-style:normal;font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.timeline{position:relative;height:44px;background:var(--panel);border:1px solid var(--border);border-radius:6px;cursor:crosshair;overflow:hidden}.timeline .block{position:absolute;top:0;bottom:0;min-width:2px;background:var(--accent);opacity:.5}.timeline .block.active{background:var(--ok);opacity:.9}.tl-selection{position:absolute;top:0;bottom:0;background:#d2992238;border-left:1px solid var(--warn);border-right:1px solid var(--warn);pointer-events:none}.tl-hover{position:absolute;top:0;bottom:0;width:1px;background:#e6edf38c;pointer-events:none}.tl-hover span{position:absolute;top:3px;left:4px;padding:1px 5px;border-radius:4px;background:#0d1117eb;border:1px solid var(--border);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.tl-hover:has(span) span{transform:none}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--bad);pointer-events:none;box-shadow:0 0 6px #f85149b3}.tl-labels{display:flex;justify-content:space-between;margin-top:5px}.tl-empty{color:var(--warn)}.tl-status{color:var(--warn);margin:10px 0 0}.playback{margin-top:16px}.playback video{width:100%;max-height:min(58vh,560px);border-radius:8px;background:#000;display:block}.transport{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}.tl-now{font:600 17px/1 ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;padding:7px 11px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.tl-steps{display:flex;gap:4px;flex-wrap:wrap}.tl-steps button{font-variant-numeric:tabular-nums}.tl-rate{display:flex;align-items:center;gap:6px;margin-left:auto}.tl-rate select{width:auto;padding:5px 8px;font-size:12px}.tl-export{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--border);border-radius:8px;background:#ffffff05;margin-bottom:10px}kbd{font:11px ui-monospace,SFMono-Regular,monospace;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 4px}.tl-events{position:absolute;left:0;right:0;bottom:0;height:7px;pointer-events:none}.tl-events .ev{position:absolute;bottom:0;width:3px;height:7px;margin-left:-1px;border-radius:1px;pointer-events:auto;cursor:help}.ev-motion{background:var(--accent)}.ev-face{background:#a371f7}.ev-alert{background:var(--bad)}.ev-offline{background:var(--muted)}.ev-online{background:var(--ok)}.ev-other{background:var(--warn)}.tl-eventbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.tl-eventbar select{width:auto;padding:4px 6px;font-size:12px}.tl-calendar{margin:8px 0 14px;max-width:320px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-dow{text-align:center;padding:2px 0}.cal-blank{visibility:hidden}.cal-day{aspect-ratio:1;padding:0;font-size:12px;border-radius:5px;border:1px solid var(--border);background:var(--bg);color:var(--muted)}.cal-day.has{background:#2f81f72e;border-color:var(--accent);color:var(--fg, #e6edf3);cursor:pointer}.cal-day.has:hover{background:#2f81f752}.cal-day.empty{opacity:.35}.pb-video{position:relative}.pb-snap{position:absolute;top:10px;right:10px;font-size:12px;background:#0d1117d1;border:1px solid var(--border)}.sync-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sync-idx{display:inline-block;margin-right:4px;padding:0 5px;border-radius:3px;background:var(--accent);color:#fff;font-size:10px;font-weight:600}.sync-grid{display:grid;gap:8px;margin:12px 0}.sync-grid.n1{grid-template-columns:1fr}.sync-grid.n2,.sync-grid.n3,.sync-grid.n4{grid-template-columns:repeat(2,1fr)}.sync-cell{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.sync-cell.master{border-color:var(--accent)}.sync-cell-head{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px}.sync-cell-head .pill{margin-left:0}.sync-cell-head button{margin-left:auto}.sync-cell video{width:100%;display:block;background:#000;aspect-ratio:16 / 9;object-fit:contain}.sync-empty{display:grid;place-items:center;aspect-ratio:16 / 9;background:#000}.field{display:flex;flex-direction:column;gap:4px}.field>input,.field>select{min-width:140px}.share-dialog{max-width:560px}.map-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.map-card{display:flex;flex-direction:column;gap:6px;padding:6px;width:200px;border:1px solid var(--border);border-radius:8px;background:var(--panel);cursor:pointer;color:inherit;text-align:left}.map-card:hover{border-color:var(--accent)}.map-card img{width:100%;height:120px;object-fit:cover;border-radius:4px;background:#000}.map-card span{font-size:13px}.map-stage{position:relative;margin-top:12px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#000;touch-action:none}.map-stage img{display:block;width:100%;max-height:70vh;object-fit:contain}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;padding:2px 6px 2px 4px;border:none;border-radius:12px;background:#0d1117d1;color:#fff;font-size:12px;cursor:pointer;white-space:nowrap}.map-pin.editing{cursor:grab}.map-pin .dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #0006}.map-pin.offline .dot{background:#9aa2ad}.map-pin .tag{pointer-events:none}.map-pin .x{margin-left:2px;padding:0 3px;border-radius:8px;background:#ef4444d9;cursor:pointer}