:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1f4;background:#15191d;font:15px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{background:#20262c;border-bottom:1px solid #36404a;align-items:center;gap:12px;padding:18px 28px;display:flex}h1{margin:0;font-size:23px}h1 span{color:#8adcc6;font-size:14px;font-weight:500}header small,.hint{color:#a9b5bf}a{color:#8adcc6}header a{color:#8adcc6;margin-left:auto}main{max-width:1500px;margin:auto;padding:22px}.toolbar,.settings{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar{margin-bottom:18px}button,.button,select,input{font:inherit;color:inherit;background:#293139;border:1px solid #48545f;border-radius:6px;padding:8px 12px}button,.button{cursor:pointer}button:hover,.button:hover{background:#36434b}button:disabled{opacity:.45;cursor:default}label{align-items:center;gap:8px;display:inline-flex}input[type=number]{width:105px}input[type=checkbox]{accent-color:#70d5b6}#player{background:#090c0e;border-radius:10px;overflow:hidden}#stage{position:relative}#video-area{justify-content:center;align-items:center;min-height:330px;display:flex;position:relative}video{width:100%;max-height:70vh;display:block}video:not([src]){display:none}#overlay{pointer-events:none;position:absolute}#empty{text-align:center;color:#bac5cd;padding:48px 24px}h2{font-size:19px}#status{color:#8adcc6;white-space:pre-line;min-height:48px;padding:14px 0}#status.error{color:#ffb4a5}details,#export-panel{border-top:1px solid #36404a;padding:18px 0}summary{cursor:pointer;margin-bottom:14px}.hint{font-size:13px;line-height:1.5}#editor{z-index:5;background:#15191d;flex-direction:column;display:flex;position:fixed;inset:0}#editor[hidden]{display:none}#editor .toolbar{margin:0;padding:12px}#editor-canvas{flex:1;width:100%;min-height:0}progress{accent-color:#70d5b6}@media (max-width:700px){header,main{padding:14px}header a{font-size:12px}#video-area{min-height:230px}.toolbar{gap:8px}}[hidden]{display:none!important}input[type=color]{cursor:pointer;width:58px;height:38px;padding:4px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}input[type=color]::-moz-color-swatch{border:0;border-radius:3px}.player-controls{background:#20262c;border-top:1px solid #36404a;align-items:center;gap:10px;padding:10px 12px;display:flex}.player-controls button{background:#14191dbf;min-width:42px}.player-controls input[type=range]{accent-color:#70d5b6;cursor:pointer;border:0;padding:0}#seek{flex:1;min-width:50px}#volume{width:80px}#playback-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}#stage:fullscreen{background:#000;width:100vw;height:100vh}#stage:fullscreen #video-area{width:100%;height:100%;min-height:0}#stage:fullscreen .player-controls{z-index:2;background:linear-gradient(#0000,#000000d9);border:0;padding-top:24px;position:absolute;bottom:0;left:0;right:0}#stage:fullscreen.player-idle .player-controls{visibility:hidden;pointer-events:none}:is(#stage:fullscreen.player-idle,#stage:fullscreen.player-idle *){cursor:none!important}#stage:fullscreen video{object-fit:contain;width:100%;height:100%;max-height:none}@media (max-width:700px){#volume{display:none}.player-controls{gap:6px;padding-inline:6px}}#map-loaders{pointer-events:none;position:absolute}.map-loader{color:#edf1f4;font-variant-numeric:tabular-nums;background:#0f1418d9;border-radius:50%;place-items:center;width:64px;height:64px;font-size:13px;display:grid;position:absolute;transform:translate(-50%,-50%)}.map-spinner{border:3px solid #48545f;border-top-color:#70d5b6;border-radius:50%;animation:1s linear infinite map-spin;position:absolute;inset:5px}@keyframes map-spin{to{transform:rotate(360deg)}}#drop-hint{z-index:20;pointer-events:none;background:#0f181de0;border:3px dashed #70d5b6;border-radius:12px;place-items:center;display:grid;position:fixed;inset:12px}#drop-hint span{text-align:center;color:#8adcc6;padding:20px;font-size:24px;font-weight:600}#activity-candidates{flex-direction:column;gap:.5rem;display:flex}#activity-candidates button{overflow-wrap:anywhere;text-align:start}#activity-candidates p,#activity-status{overflow-wrap:anywhere}
