:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9ecef;--bg:#11151a;--bg-elev:#1a2028;--border:#2a323d;--text:#e9ecef;--text-muted:#9aa4b2;--accent:#1b5e20;--accent-hi:#2e8b3a;background:#11151a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:#3a4555 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2a323d;border-radius:999px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:#3a4555}::-webkit-scrollbar-thumb:active{background:#4a5566}::-webkit-scrollbar-corner{background:0 0}a{color:var(--accent-hi)}code{background:var(--bg-elev);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.hint{color:var(--text-muted);font-size:.9rem}.hint--inline{margin-top:.25rem;font-size:.75rem;display:block}.btn{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.55rem 1rem;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:#232b35;border-color:#3a444f}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hi);border-color:var(--accent-hi)}.page-home{max-width:720px;margin:0 auto;padding:4rem 1.5rem 2rem}.page-home__header h1{margin:0 0 .25rem;font-size:2.2rem}.page-home__header p{color:var(--text-muted);margin:0 0 2rem}.page-home__cta{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.page-home__actions{margin-bottom:1.5rem}.page-home__list h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:1.1rem}.project-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;align-items:center;gap:1rem;padding:.85rem 1rem;transition:border-color .12s,background .12s;display:flex}.project-row--clickable{cursor:pointer}.project-row--clickable:hover{border-color:var(--accent-hi);background:var(--bg-elev-hi,var(--bg-elev))}.project-row--clickable:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.project-row__main{flex:1;min-width:0}.project-row__title{color:var(--text);font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.project-row__title:hover{color:var(--accent-hi)}.project-row__rename{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--accent-hi);border-radius:4px;width:100%;max-width:320px;padding:.2rem .4rem;font-size:1rem;font-weight:600}.project-row__meta{color:var(--text-muted);flex-wrap:wrap;gap:.4rem;margin-top:.2rem;font-size:.8rem;display:flex}.project-row__actions{gap:.4rem;display:flex}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding:.4rem .75rem;font-size:.85rem}.btn-ghost:hover{border-color:var(--border);color:var(--text);background:#ffffff0a}.btn-danger:hover{color:#e57373;border-color:#e57373}.editor{flex-direction:column;height:100%;display:flex}.editor__toolbar{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.editor__back{color:var(--text-muted);font-size:.95rem;text-decoration:none}.editor__title{color:var(--text);flex:1;font-size:.95rem;font-weight:500}.editor__meta{color:var(--text-muted);font-size:.85rem}.editor__body{flex:1;min-height:0;display:flex}.editor__map{background:#0d1218;flex:1;min-width:0;position:relative}.map-canvas{position:absolute;inset:0}.map-canvas,.map-canvas .ol-viewport{cursor:grab}.map-canvas .ol-viewport:active{cursor:grabbing}.editor__map.is-picking,.editor__map.is-picking .map-canvas,.editor__map.is-picking .map-canvas .ol-viewport,.editor__map.is-picking .map-canvas .ol-viewport:active{cursor:crosshair!important}.ol-control button{color:#fff!important;background:#1b5e20d9!important}.ol-control button:hover{background:#2e8b3af2!important}.ol-attribution{color:var(--text-muted)!important;background:#11151acc!important}.ol-attribution a{color:var(--accent-hi)!important}.coord-readout{color:var(--text-muted);align-items:center;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;display:inline-flex}.coord-readout__sep{opacity:.4}.coord-readout--empty{opacity:.5}.coord-readout__label{cursor:pointer;border:1px dashed #0000;border-radius:4px;align-items:center;gap:.3rem;padding:.1rem .35rem .1rem .3rem;transition:border-color .15s,background .15s;display:inline-flex}.coord-readout__label:hover{border-color:var(--border);background:#ffffff08}.coord-readout__label-text{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);opacity:.75;font-size:.7rem}.coord-readout__format{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;margin-right:.4rem;padding:.15rem .35rem;font-size:.75rem}.raster-dropzone{border:2px dashed #0000;justify-content:center;align-items:center;padding:2rem;transition:background .15s,border-color .15s;display:flex;position:absolute;inset:0}.raster-dropzone.is-over{border-color:var(--accent-hi);background:#1b5e201f}.raster-dropzone.is-busy{opacity:.7;pointer-events:none}.raster-dropzone__inner{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;max-width:380px;padding:2rem}.raster-dropzone__inner h3{margin:0 0 .5rem}.raster-dropzone__error{color:#e57373;margin-top:.75rem;font-size:.9rem}.editor__overlay{color:var(--text-muted);text-align:center;background:#0d1218d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.editor__overlay--error{color:#e57373}.prop-list{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem;display:grid}.prop-list dt{color:var(--text-muted)}.prop-list dd{word-break:break-word;margin:0}.editor__sidebar{border-left:1px solid var(--border);background:var(--bg-elev);flex-direction:row;min-height:0;display:flex;position:relative}.editor__sidebar:not(.editor__sidebar--collapsed){width:384px}.editor__sidebar--collapsed{width:auto!important}.editor__sidebar.is-resizing{-webkit-user-select:none;user-select:none}.editor__sidebar.is-resizing *{pointer-events:none}.editor__sidebar-panel{flex:1;min-width:0;min-height:0;padding:1rem;overflow-y:auto}.editor__sidebar-grip{cursor:ew-resize;z-index:5;background:0 0;width:8px;transition:background .12s;position:absolute;top:0;bottom:0;left:-3px}.editor__sidebar-grip:hover,.editor__sidebar.is-resizing .editor__sidebar-grip{background:linear-gradient(to right, transparent 0%, var(--accent-hi) 40%, var(--accent-hi) 60%, transparent 100%);pointer-events:auto}.sidebar-tabs{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;order:2;width:64px;display:flex;overflow-y:auto}.sidebar-tabs__spacer{flex:1}.sidebar-tabs__tab{color:var(--text-muted);font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;border-right:3px solid #0000;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .25rem;font-size:.7rem;transition:background .12s,color .12s,border-color .12s;display:flex}.sidebar-tabs__tab:hover{background:var(--bg-elev);color:var(--text)}.sidebar-tabs__tab--active{background:var(--bg-elev);color:var(--text);border-right-color:var(--tab-color,var(--accent-hi))}.sidebar-tabs__icon{line-height:0;display:inline-flex}.sidebar-tabs__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1;overflow:hidden}.sidebar-tabs__toggle{border-top:1px solid var(--border);color:var(--text-muted)}.sidebar-tabs__toggle:hover{color:var(--accent-hi)}.cal-panel{flex-direction:column;gap:1.25rem;display:flex}.cal-panel__section{flex-direction:column;gap:.5rem;display:flex}.export-option{flex-direction:column;gap:.2rem;display:flex}.export-option__btn{justify-content:flex-start;width:100%;position:relative}.export-option__label{text-align:left;flex:1}.export-option__help{width:18px;height:18px;color:var(--text-muted);opacity:.55;cursor:help;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:inline-flex}.export-option__btn:hover .export-option__help{opacity:1;color:var(--text)}.export-option__desc{color:var(--text-muted);margin:0 0 .3rem .2rem;font-size:.78rem;line-height:1.35}.cal-panel__section h3{letter-spacing:.02em;margin:0;font-size:.95rem}.cal-panel__section-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cal-panel__row{gap:.5rem;min-width:0;margin-top:.5rem;display:flex}.cal-banner{border:1px solid #0000;border-radius:6px;margin:.5rem 0 0;padding:.5rem .6rem;font-size:.85rem;line-height:1.35}.cal-banner--ok{color:#1e5a3a;background:#3ca0641f;border-color:#3ca06473}.cal-banner--warn{color:#7a4d05;background:#e6a01e1f;border-color:#e6a01e80}.cal-banner--bad{color:#7a1d1d;background:#d2464624;border-color:#d246468c}.dms-field__warning{color:#7a4d05;background:#e6a01e1a;border-left:3px solid #e6a01eb3;margin:.25rem 0 0;padding:.3rem .5rem;font-size:.8rem}.cal-panel__inline-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.brush-kind-row{gap:.5rem;display:flex}.brush-kind{cursor:pointer;font:inherit;text-shadow:0 1px 1px #00000073;border:2px solid #0000;border-radius:6px;flex:1;padding:.5rem .75rem;font-weight:600;transition:filter .12s,border-color .12s}.brush-kind:hover{filter:brightness(1.1)}.brush-kind--selected{outline:1px solid #fff3}.dms-field{border:1px solid var(--border);border-radius:6px;margin:0;padding:.5rem .6rem .4rem}.dms-field legend{color:var(--text-muted);padding:0 .25rem;font-size:.85rem}.dms-field__row{grid-template-columns:1fr 1fr 1fr auto;gap:.35rem;display:grid}.dms-field__row input{text-align:right;width:100%}.dms-field__hint{margin:.35rem 0 0;font-size:.75rem}.cal-panel__label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.cal-panel__label select,.cal-form select,.cal-form input{font:inherit;background:var(--bg);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:4px;width:100%;min-width:0;padding:.35rem .5rem}.cal-panel__label select:focus,.cal-form input:focus,.cal-form select:focus{outline:2px solid var(--accent-hi);outline-offset:-1px}.cal-form{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.cal-form label{color:var(--text-muted);flex-direction:column;gap:.25rem;min-width:0;font-size:.85rem;display:flex}.cal-form__error{color:#e57373;margin:0;font-size:.85rem}.cal-form__actions{gap:.5rem;margin-top:.25rem;display:flex}.cal-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.cal-list__item{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:.5rem;padding:.6rem;font-size:.85rem;display:flex}.cal-list__item--selected{border-color:#2c7be5;box-shadow:inset 0 0 0 1px #2c7be5}.cal-list__item--hidden{opacity:.5}.cal-list__item--hoverable{cursor:default;transition:border-color .12s,background .12s}.cal-list__item--hoverable:hover{border-color:var(--accent-hi)}.brush-item__check{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-hi);flex:none;margin:.25rem 0 0}.brush-merge-bar{border:1px dashed var(--accent-hi);background:#2e8b3a1f;border-radius:6px;align-items:center;padding:.4rem .5rem}.cal-list__item--hidden .cal-list__main{text-decoration:line-through;-webkit-text-decoration-color:var(--muted,#888);text-decoration-color:var(--muted,#888)}.cal-list__item>.cal-form{border-top:1px solid var(--border);flex-basis:100%;width:100%;margin-top:.25rem;padding-top:.6rem}.cal-list__main{word-break:break-word;cursor:pointer;flex:1;min-width:0}.cal-list__actions{gap:.25rem;display:flex}.cal-panel__subhead{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#666);margin:.6rem 0 .25rem;font-size:.85rem}.route-wpt-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:inside decimal;display:flex}.route-wpt-list li{align-items:center;gap:.25rem;display:flex}.route-wpt-list li>span{flex:1}.cal-picker-hint{color:#fff;pointer-events:none;z-index:10;background:#1b5e20eb;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cal-picker-hint__coord{opacity:.85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.page-print{padding:1.5rem}.page-print header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.page-print header a{color:var(--text-muted);font-size:.95rem;text-decoration:none}.panel-header{border-bottom:1px solid var(--border);flex-direction:column;gap:.4rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.panel-header__row{align-items:center;gap:.5rem;display:flex}.panel-header__title{letter-spacing:.01em;flex:1;margin:0;font-size:1.05rem;font-weight:600}.panel-header__tutorial{font:inherit;color:var(--accent-hi);cursor:pointer;background:#2e8b3a1f;border:1px solid #2e8b3a59;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.panel-header__tutorial:hover{border-color:var(--accent-hi);background:#2e8b3a38}.help-hint{align-items:center;display:inline-flex;position:relative}.help-hint__trigger{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.help-hint__trigger:hover,.help-hint--open .help-hint__trigger{color:var(--accent-hi);background:#2e8b3a26}.help-hint__popover{background:var(--bg);width:min(320px,80vw);color:var(--text);border:1px solid var(--border);z-index:50;pointer-events:none;border-radius:8px;padding:.75rem .85rem;font-size:.82rem;line-height:1.45;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000073}.help-hint__popover p{margin:0 0 .4rem}.help-hint__popover p:last-child{margin-bottom:0}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);align-items:center;gap:.6rem;font-size:.9rem;display:inline-flex}.switch--disabled{opacity:.5;cursor:not-allowed}.switch__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.switch__track{background:#3a4451;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .16s;display:inline-block;position:relative}.switch__thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.switch__input:checked+.switch__track{background:var(--accent-hi)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(16px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--accent-hi);outline-offset:2px}.switch__label{flex:1}.symbol-picker{border:1px solid var(--border);border-radius:6px;margin:0;padding:.5rem .6rem}.symbol-picker legend{color:var(--text-muted);padding:0 .25rem;font-size:.85rem}.symbol-picker__grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.4rem;margin-top:.35rem;display:grid}.symbol-picker__option{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;font:inherit;color:var(--text-muted);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .3rem;font-size:.7rem;transition:border-color .12s,background .12s,color .12s;display:flex}.symbol-picker__option:hover{color:var(--text);background:#1d242d}.symbol-picker__option--active,.symbol-picker__option--selected{border-color:var(--accent-hi);color:var(--text);background:#2e8b3a1f}.symbol-picker__glyph{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.btn.btn-icon{min-width:0;padding:.45rem}.editor__map.is-brushing,.editor__map.is-brushing .map-canvas,.editor__map.is-brushing .map-canvas .ol-viewport,.editor__map.is-brushing .map-canvas .ol-viewport:active{cursor:none!important}.editor__map.is-brushing:after{content:"";color:#fff;pointer-events:none;z-index:11;text-shadow:0 1px 1px #00000080;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.editor__map.is-brushing--valley:after{content:"💧 Pintando valle — click para vértice, doble click para cerrar";background:#268bd2eb}.editor__map.is-brushing--ridge:after{content:"⛰ Pintando filo — apretá y arrastrá para pintar";background:#2e8b3aeb}.editor__map.is-brushing--peak:after{content:"▲ Colocando cerro — click sobre la cumbre";background:#c83232eb}.editor__map.is-brushing--col:after{content:"∪ Colocando col — click sobre el paso entre cerros";background:#dc8228eb}.editor__map.is-brushing--erase:after{content:"🧽 Goma activa — apretá y arrastrá sobre los trazos para borrar";background:#c83c3ceb}.brush-cursor{pointer-events:none;z-index:12;border:1.5px solid;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040}.brush-cursor--erase{border-style:dashed;border-width:2px}.brush-cursor--point{border-width:2px}.brush-tool-row{gap:.5rem;margin-bottom:.25rem;display:flex}.brush-tool{font:inherit;background:var(--bg);color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.85rem;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.brush-tool:hover{border-color:var(--accent-hi);color:var(--text)}.brush-tool--selected{border-color:var(--accent-hi);color:var(--text);background:#2e8b3a26}.brush-tool--erase.brush-tool--selected{color:#ffd1d1;background:#c83c3c2e;border-color:#dc5050d9}.brush-item__label{font:inherit;color:var(--text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;min-width:0;padding:.15rem .3rem;font-size:.9rem;transition:border-color .12s,background .12s}.brush-item__label:hover{border-color:var(--border)}.brush-item__label:focus{border-color:var(--accent-hi);background:var(--bg);outline:none}.brush-item__label::placeholder{color:var(--text-muted);font-style:italic}.brush-item__scale{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.35rem;font-size:.75rem;display:flex}.brush-item__scale-label{flex-shrink:0}.brush-item__scale input[type=range]{flex:1;min-width:60px;margin:0}.brush-item__scale-value{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:2.5em}.cal-panel__section-actions{align-items:center;gap:.25rem;display:flex}.brush-visibility{padding:.3rem .5rem;line-height:1}.brush-visibility--hidden{opacity:.45}.brush-visibility--hidden:hover{opacity:.8}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080b0fa6;justify-content:center;align-items:center;padding:1.5rem;animation:.12s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:10px;width:min(440px,100%);max-height:calc(100vh - 3rem);animation:.14s cubic-bezier(.2,.8,.2,1) modal-pop-in;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.modal-card__title-row{align-items:center;gap:.7rem;padding:1rem 1.25rem .5rem;display:flex}.modal-card__title{margin:0;font-size:1.05rem;font-weight:600}.modal-card__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.modal-card__icon--default{color:#78aaf0;background:#508cdc2e}.modal-card__icon--danger{color:#f0826e;background:#dc503c2e}.modal-card__body{color:var(--text);padding:0 1.25rem 1rem;font-size:.9rem;line-height:1.5}.modal-card__body p:first-child{margin-top:0}.modal-card__body p:last-child{margin-bottom:0}.modal-card__actions{border-top:1px solid var(--border);background:#00000026;border-bottom-right-radius:10px;border-bottom-left-radius:10px;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.btn-danger-solid{color:#fff;background:#c0392b;border-color:#c0392b}.btn-danger-solid:hover{background:#d44a3a;border-color:#d44a3a}.btn-danger-solid:focus-visible{outline-offset:2px;outline:2px solid #e57373}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.loading-overlay{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent-hi);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin}.loading-spinner--sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay__label{font-size:.9rem}.loading-overlay__hint{opacity:.7;max-width:320px;font-size:.78rem}.editor__map.is-bearing-draw .map-canvas,.editor__map.is-bearing-draw .map-canvas .ol-viewport,.editor__map.is-bearing-draw .map-canvas .ol-viewport:active,.editor__map.is-bearing-compass .map-canvas,.editor__map.is-bearing-compass .map-canvas .ol-viewport,.editor__map.is-bearing-compass .map-canvas .ol-viewport:active{cursor:crosshair!important}.cal-panel__label input[type=range]{width:100%;accent-color:var(--accent-hi)}.bearing-style-row,.bearing-color-row{border:none;margin:0 0 .5rem;padding:0}.bearing-style-row legend,.bearing-color-row legend{color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem}.bearing-style-options{flex-wrap:wrap;gap:.35rem;display:flex}.bearing-style-option{background:var(--bg-elev);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.8rem;display:inline-flex}.bearing-style-option:hover{border-color:var(--accent-hi)}.bearing-style-option--active{border-color:var(--accent-hi);color:var(--accent-hi);background:#2e8b3a2e}.bearing-color-options{flex-wrap:wrap;gap:.35rem;display:flex}.bearing-color-option{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .12s,box-shadow .12s}.bearing-color-option:hover{transform:scale(1.1)}.bearing-color-option--active{border-color:var(--text);box-shadow:0 0 0 2px #2e8b3a59}.compass-overlay{pointer-events:auto}.compass-rose{filter:drop-shadow(0 4px 12px #00000040);-webkit-user-select:none;user-select:none;position:relative}.compass-rose__close{color:#111;cursor:pointer;background:#fff;border:1px solid #111;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:1.05rem;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0003}.compass-rose__close:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.cal-picker-hint{color:#fff;pointer-events:none;z-index:11;text-shadow:0 1px 1px #0006;background:#0ea5e9f2;border-radius:999px;padding:.4rem .8rem;font-size:.82rem;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.subpanel-tabs{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:.25rem;padding:.25rem;display:flex}.subpanel-tab{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:.45rem .75rem;font-size:.9rem;font-weight:600;transition:background .12s,color .12s,border-color .12s}.subpanel-tab:hover{color:var(--text)}.subpanel-tab--active{background:var(--bg-elev);color:var(--text);border-color:var(--border)}
