:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8ebee;background:#101216;font-synthesis:none;text-rendering:optimizeLegibility;--shell: #15181d;--panel: #1a1e24;--panel-deep: #14171c;--surface: #232830;--surface-hover: #2a3039;--line: #303640;--line-soft: #272c34;--text: #eef1f3;--muted: #929aa5;--muted-2: #68717c;--accent: #f08b32;--accent-bright: #ff9f43;--danger: #eb6262}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{width:100%;height:100%;display:grid;grid-template-rows:58px minmax(0,1fr) 30px;background:var(--shell)}.topbar{display:grid;grid-template-columns:242px auto 1fr auto;align-items:center;gap:12px;padding:0 14px;background:#15181d;border-bottom:1px solid #2c3139;box-shadow:0 3px 16px #07080a44;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid #424a54;border-radius:7px;position:relative;background:linear-gradient(145deg,#252a31,#171a1f)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--accent);border-radius:1px}.brand-mark:before{width:16px;height:2px;transform:rotate(-45deg)}.brand-mark:after{width:2px;height:16px;transform:rotate(45deg)}.brand-mark span{width:5px;height:5px;border-radius:50%;background:#fff;position:relative;z-index:2;box-shadow:0 0 0 2px #171a1f}.brand-copy{display:flex;align-items:baseline;font-size:1.05rem;letter-spacing:-.02em}.brand-copy strong{letter-spacing:.02em}.brand-copy span{color:#9fa7b1}.version{margin-left:3px;padding:2px 5px;color:var(--accent-bright);border:1px solid #714824;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.03em}.toolbar-group{display:flex;align-items:center;gap:3px}.edit-actions{justify-self:center}.view-actions{justify-self:end}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.icon-button svg{width:17px;height:17px;stroke-width:1.75}.icon-button:hover:not(:disabled),.icon-button.is-active{background:#292e36;border-color:#373e47;color:#fff}.icon-button:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon-button:disabled{opacity:.28;cursor:default}.icon-button.danger-button:hover:not(:disabled){color:#ff8585;background:#392329;border-color:#613039}.duplicate-icon{transform:rotate(180deg)}.toolbar-separator{width:1px;height:21px;background:#343942;margin:0 5px}.reset-hidden{display:none}.workspace{min-height:0;display:grid;grid-template-columns:264px minmax(280px,1fr) 316px}.panel{background:var(--panel);min-height:0;position:relative;z-index:4}.left-panel{border-right:1px solid var(--line);display:grid;grid-template-rows:minmax(300px,56%) minmax(0,1fr)}.right-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#424851 transparent}.panel-section{padding:16px;border-bottom:1px solid var(--line-soft)}.section-heading{min-height:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#c7cdd3;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading small{color:var(--muted-2);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:none}.section-heading>svg{width:15px;color:#777f8a}.elements-section{padding-bottom:13px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d444e transparent}.palette-groups{display:flex;flex-direction:column;gap:13px}.palette-group-title{margin:0 1px 6px;color:#69727d;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.element-card{min-height:58px;padding:7px 6px;border:1px solid #2f353e;border-radius:7px;background:#20242b;color:#cbd0d5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:.7rem;line-height:1.15;text-align:center;transition:transform .13s,border-color .13s,background .13s}.element-card:hover{transform:translateY(-1px);background:#292e36;border-color:#515965;color:#fff}.element-card.is-active{border-color:#f08b32;background:#35291f;color:#fff;box-shadow:inset 0 0 0 1px #f08b3240}.element-card:last-child:nth-child(odd){grid-column:span 2;min-height:50px;flex-direction:row}.element-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:#2b3139;color:#b9c1ca}.element-icon svg{width:17px;height:17px;stroke-width:1.7}.element-icon.suv{color:#9eb58f;background:#283329}.element-icon.van{color:#aeb8c2;background:#2b3138}.element-icon.truck{color:#d39573;background:#382b27}.element-icon.motorcycle{color:#c7cbd0;background:#292e34}.element-icon.guardia-civil{color:#71bca0;background:#20352d}.element-icon.traffic-agents{color:#d9f32d;background:#25382f}.element-icon.roads{color:#f0b06f;background:#3a2d23}.element-icon.backgrounds{color:#82bad1;background:#22333b}.element-icon.cone{color:#ff935c;background:#392921}.element-icon.tetrapodCone{color:#ff7258;background:#422621}.element-icon.point{color:#f07575;background:#392427}.element-icon.zone{color:#e3b649;background:#383225}.objects-section{min-height:0;display:flex;flex-direction:column;padding:15px 10px 10px}.objects-section .section-heading{padding:0 6px}.object-list{min-height:0;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#3d444e transparent}.object-row{height:47px;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,29px);align-items:center;border:1px solid transparent;border-radius:6px;margin-bottom:3px;transition:background .13s,border-color .13s}.object-row:hover{background:#21262d}.object-row.is-selected{background:#322820;border-color:#79502d;box-shadow:inset 2px 0 var(--accent)}.object-row.is-hidden{opacity:.55}.object-main{min-width:0;height:100%;padding:0 5px 0 9px;border:0;background:none;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.object-type-dot{width:9px;height:9px;border-radius:2px;background:#7896af;flex:0 0 auto;box-shadow:0 0 0 3px #7896af1c}.object-type-dot.road{width:12px;height:6px;background:#747b81;border-radius:1px;box-shadow:inset 0 1px #f0d86a,0 0 0 3px #747b811c}.object-type-dot.background{width:12px;height:9px;border-radius:1px;background:#7aaac0;box-shadow:inset 0 0 0 2px #bdd9e5,0 0 0 3px #7aaac01c}.object-type-dot.person{background:#bfdc35;border-radius:50%;box-shadow:0 0 0 3px #bfdc351c}.object-type-dot.cone{background:#ea723c}.object-type-dot.point{background:#d04a4a;border-radius:50%}.object-type-dot.zone{background:#d2a83d}.object-name{min-width:0;display:flex;flex-direction:column;gap:2px}.object-name strong{color:#e6eaed;font-size:.79rem}.object-name small{color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-action{width:27px;height:27px;border:0;border-radius:5px;background:transparent;color:#6f7883;display:grid;place-items:center;cursor:pointer}.row-action svg{width:14px;height:14px}.row-action:hover{color:#dce0e4;background:#303640}.delete-action:hover{color:var(--danger)}.locate-action{opacity:0}.object-row:hover .locate-action,.object-row.is-selected .locate-action{opacity:1}.empty-list{min-height:110px;color:#737b85;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:.75rem;text-align:center}.empty-list svg{width:22px}.canvas-shell{min-width:0;min-height:0;position:relative;overflow:hidden;background:#eff2f4;cursor:default;isolation:isolate}.canvas-shell.is-panning{cursor:grabbing}.canvas-shell.is-drawing{cursor:crosshair}.canvas-shell canvas{display:block}.canvas-hint{position:absolute;left:14px;bottom:12px;padding:6px 9px;border:1px solid #ccd1d6;border-radius:5px;background:#f8fafbe8;color:#66707a;font-size:.68rem;box-shadow:0 2px 10px #3d47521a;pointer-events:none}.canvas-hint.drawing-hint{border-color:#d17a2d;background:#fff7eee8;color:#8a4c19;font-weight:700}.canvas-hint span{display:inline-block;width:3px;height:3px;margin:0 7px 2px;border-radius:50%;background:#aeb5bd}.north-indicator{position:absolute;right:15px;top:15px;width:33px;height:48px;color:#656f79;font-size:.67rem;font-weight:800;text-align:center;pointer-events:none}.north-indicator i{display:block;width:1px;height:25px;margin:3px auto 0;background:#7e8790;position:relative}.north-indicator i:before{content:"";position:absolute;left:-3px;top:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:6px solid #7e8790;transform:translateY(-1px)}.properties-pane{padding:16px;border-bottom:1px solid var(--line-soft)}.selected-summary{min-height:55px;display:flex;gap:12px;align-items:center;padding:10px 11px;margin-bottom:14px;border:1px solid #353c46;border-radius:7px;background:#20242b}.summary-symbol{width:30px;height:18px;border:2px solid #6f99b9;border-radius:6px;position:relative}.summary-symbol:after{content:"";position:absolute;inset:4px;background:#6f99b9;border-radius:2px;opacity:.5}.summary-symbol.road{height:22px;border:0;border-radius:2px;background:#555b60;transform:rotate(-10deg)}.summary-symbol.road:after{inset:0 13px;background:repeating-linear-gradient(to bottom,#e9d768 0 4px,transparent 4px 8px);border-radius:0;opacity:1}.summary-symbol.background{height:23px;border-color:#76a9bf;border-radius:2px;background:linear-gradient(145deg,#8cb9ca 0 45%,#dce9ed 46% 55%,#6b99ad 56%)}.summary-symbol.background:after{display:none}.summary-symbol.person{width:22px;height:25px;border-color:#bfdc35;border-radius:50% 50% 42% 42%}.summary-symbol.person:after{inset:5px 4px 3px;background:#bfdc35;border-radius:45%;opacity:.7}.summary-symbol.cone{width:0;height:0;border-radius:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:24px solid #e46e38;border-top:0}.summary-symbol.cone.tetrapodCone{width:25px;height:25px;border:0;background:#e7472f;border-radius:45%;clip-path:polygon(39% 0,61% 0,62% 38%,100% 39%,100% 61%,62% 62%,61% 100%,39% 100%,38% 62%,0 61%,0 39%,38% 38%)}.summary-symbol.cone.tetrapodCone:after{inset:9px;background:#f4f5f2;border-radius:50%;opacity:1}.summary-symbol.point{width:20px;height:20px;border-radius:50%;border-color:#d85252}.summary-symbol.zone{border-color:#d0a638;border-radius:2px;border-style:dashed}.selected-summary div{display:flex;flex-direction:column;gap:3px}.selected-summary strong{font-size:.88rem}.selected-summary span{color:var(--muted);font-size:.72rem}.empty-properties{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8791;text-align:center}.empty-properties strong{margin-top:13px;color:#b7bdc4;font-size:.82rem}.empty-properties p{max-width:210px;margin:6px 0 0;font-size:.74rem;line-height:1.5}.selection-outline{width:44px;height:34px;border:1px dashed #69717c;border-radius:4px;position:relative}.selection-outline:before,.selection-outline:after{content:"";position:absolute;width:5px;height:5px;border:1px solid #838c97;background:var(--panel)}.selection-outline:before{left:-3px;top:-3px}.selection-outline:after{right:-3px;bottom:-3px}.property-group{padding:0 0 15px;margin-bottom:14px;border-bottom:1px solid #292f37}.property-group h3{margin:0 0 10px;color:#8c959f;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.field{display:grid;grid-template-columns:89px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px;color:#aab1b9;font-size:.73rem}.input-shell{min-width:0;height:31px;display:flex;align-items:center;overflow:hidden;border:1px solid #363d46;border-radius:5px;background:#12151a;transition:border-color .13s}.input-shell:focus-within{border-color:#9d652f;box-shadow:0 0 0 1px #9d652f55}.input-shell input,.input-shell select{width:100%;min-width:0;height:100%;padding:0 8px;border:0;outline:0;background:transparent;color:#e2e6e9;font-size:.75rem}.input-shell select{color-scheme:dark}.input-shell em{padding:0 8px 0 4px;color:#68717b;font-size:.68rem;font-style:normal}.input-shell.static-value{justify-content:space-between;padding-left:8px;color:#c5cbd1;font-variant-numeric:tabular-nums}.field-grid{display:grid;gap:7px}.field-grid.two-columns{grid-template-columns:1fr 1fr}.field-grid .field{display:block}.field-grid .field>span:first-child{display:block;margin-bottom:5px}.color-grid{grid-template-columns:1fr 1.35fr}.color-field input[type=color]{padding:4px;cursor:pointer}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.apply-id{width:100%;height:28px;margin:-2px 0 8px;border:1px solid #3b424c;border-radius:5px;background:#292e35;color:#b7bec6;font-size:.7rem;cursor:pointer}.apply-id:hover{border-color:#745032;color:#f2c79f}.inline-toggles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.road-toggles{margin-top:8px;padding:6px 8px;border:1px solid #303740;border-radius:5px;background:#171b20}.edit-road-button{width:100%;min-height:31px;margin:2px 0 5px;border:1px solid #4a515a;border-radius:5px;background:#292f36;color:#d6dbe0;font-size:.71rem;cursor:pointer}.edit-road-button:hover:not(:disabled),.edit-road-button.is-active{border-color:#b86b2a;background:#3a2b20;color:#ffc58e}.edit-road-button:disabled{opacity:.45;cursor:not-allowed}.property-help{margin:0 0 9px;color:#818a94;font-size:.65rem;line-height:1.4}.road-editor-section{margin-top:9px;padding:8px;border:1px solid #303740;border-radius:6px;background:#171b20}.road-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#d7dce0;font-size:.7rem}.road-editor-title small{color:#78828c}.road-line-editor{display:grid;grid-template-columns:19px minmax(0,1fr) 30px;gap:5px;align-items:center;margin-top:5px;color:#818a94;font-size:.68rem}.road-line-editor select,.surface-mark-editor select,.surface-mark-editor input[type=number]{min-width:0;height:28px;border:1px solid #373e47;border-radius:4px;background:#111419;color:#dce0e4;font-size:.68rem}.road-line-editor input[type=color]{width:30px;height:28px;padding:2px;border:1px solid #373e47;border-radius:4px;background:#111419}.surface-mark-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.surface-mark-actions button{min-height:29px;border:1px solid #3c444d;border-radius:4px;background:#252b32;color:#bbc2c9;font-size:.66rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.surface-mark-actions button:hover{border-color:#7d542f;color:#f1bd8d}.surface-mark-actions svg{width:12px;height:12px}.surface-mark-editor{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;padding:7px 28px 7px 7px;border:1px solid #303740;border-radius:5px;background:#12161b}.surface-mark-editor>label{display:flex;flex-direction:column;gap:3px;color:#7f8993;font-size:.61rem}.surface-mark-editor input[type=range]{width:100%;accent-color:#e08131}.remove-road-mark{position:absolute;top:6px;right:4px;width:23px;height:23px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#8b5f62;cursor:pointer}.remove-road-mark:hover{background:#382328;color:#ec7e83}.remove-road-mark svg{width:13px;height:13px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.toggle-row{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:8px;color:#adb4bc;font-size:.73rem;cursor:pointer}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:30px;height:17px;padding:2px;border-radius:10px;background:#3a414a;flex:0 0 auto;transition:background .15s}.toggle-track span{display:block;width:13px;height:13px;border-radius:50%;background:#8f98a2;transition:transform .15s,background .15s}.toggle-row input:checked+.toggle-track{background:#9a5a25}.toggle-row input:checked+.toggle-track span{background:#ffb36f;transform:translate(13px)}.toggle-row input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.textarea-field{display:block}.textarea-field>span{display:block;margin-bottom:6px}.textarea-field textarea{width:100%;min-height:68px;resize:vertical;padding:8px;border:1px solid #363d46;border-radius:5px;outline:0;background:#12151a;color:#e2e6e9;font-size:.75rem;line-height:1.4}.textarea-field textarea:focus{border-color:#9d652f}.notes-group{border-bottom:0;margin-bottom:0;padding-bottom:0}.layers-pane{padding-top:15px;padding-bottom:13px}.layer-list{display:flex;flex-direction:column;gap:1px}.layer-row{min-height:31px;display:grid;grid-template-columns:10px minmax(0,1fr) 25px 25px;gap:7px;align-items:center;color:#b7bdc4;font-size:.73rem}.layer-row button{width:24px;height:24px;padding:0;border:0;background:transparent;color:#68717c;display:grid;place-items:center;border-radius:4px;cursor:pointer}.layer-row button:hover{color:#e1e5e8;background:#2a3038}.layer-row button svg{width:13px;height:13px}.layer-swatch{width:7px;height:7px;border-radius:2px;background:#606b77}.layer-swatch.roads{background:#7e8790}.layer-swatch.signage{background:#e47a3f}.layer-swatch.vehicles{background:#548eb9}.layer-swatch.people{background:#aa75bd}.layer-swatch.evidence{background:#d25454}.layer-swatch.trajectories{background:#4ab29b}.layer-swatch.annotations{background:#d0a83f}.helpers-pane{border-bottom:0;padding-top:15px}.bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid #2a3037;background:#13161a;color:#7f8892;font-size:.68rem;position:relative;z-index:9}.status-cluster{display:flex;align-items:center;height:100%;gap:17px}.status-cluster>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.status-cluster svg{width:12px;height:12px}.zoom-readout{min-width:39px;justify-content:flex-end;color:#aeb5bc;font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;bottom:46px;z-index:30;transform:translate(-50%,10px);padding:9px 13px;border:1px solid #515862;border-radius:6px;background:#22272eec;box-shadow:0 8px 28px #0007;color:#e6e9ec;font-size:.76rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:1120px){.topbar{grid-template-columns:205px auto 1fr auto;gap:7px;padding-inline:9px}.workspace{grid-template-columns:224px minmax(260px,1fr) 282px}.field{grid-template-columns:80px minmax(0,1fr)}.locate-action{display:none}.object-row{grid-template-columns:minmax(0,1fr) repeat(2,29px)}}@media(max-width:800px){html,body,#root{height:auto;min-height:100%}body{overflow:auto}.app-shell{min-height:100vh;height:auto;grid-template-rows:auto auto 34px}.topbar{min-height:98px;grid-template-columns:1fr auto;grid-template-rows:49px 43px}.brand{padding-left:4px}.project-actions{justify-self:end}.edit-actions{grid-row:2;grid-column:1;justify-self:start}.view-actions{grid-row:2;grid-column:2}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:auto 58vh auto}.left-panel{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;max-height:300px}.elements-section,.objects-section{min-height:0;border-right:1px solid var(--line-soft)}.element-grid{grid-template-columns:repeat(3,1fr)}.element-card{min-height:56px}.element-card:last-child:nth-child(odd){grid-column:auto;flex-direction:column;min-height:56px}.right-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;overflow:visible}.properties-pane{grid-row:span 2;border-right:1px solid var(--line-soft)}.bottom-bar{position:sticky;bottom:0}.canvas-status>span:nth-child(2){display:none}}@media(max-width:560px){.left-panel,.right-panel{grid-template-columns:1fr;max-height:none}.properties-pane{grid-row:auto;border-right:0}.element-grid{grid-template-columns:repeat(2,1fr)}.element-card:last-child:nth-child(odd){grid-column:span 2;flex-direction:row}.bottom-bar .status-cluster:first-child span:nth-child(2),.canvas-status>span:nth-child(2){display:none}.canvas-hint{display:none}}