npm - mudlet-map-editor - Versions diffs - 0.1.0 → 0.2.0 - Mend

mudlet-map-editor 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist-lib/components/FontPicker.d.ts +7 -0
package/dist-lib/components/RoomPanel.d.ts +3 -1
package/dist-lib/components/SidePanel.d.ts +3 -2
package/dist-lib/editor/plugin.d.ts +15 -1
package/dist-lib/index.d.ts +4 -1
package/dist-lib/index.js +989 -885
package/dist-lib/main.d.ts +1 -1
package/dist-lib/styles.css +2 -3476
package/package.json +2 -2

package/dist-lib/styles.css CHANGED Viewed

@@ -1,3476 +1,2 @@
-* { box-sizing: border-box; }
-a { color: rgba(143, 184, 255, 0.85); text-decoration: none; }
-a:hover { color: rgba(143, 184, 255, 1); text-decoration: underline; }
-* {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(143, 184, 255, 0.15) transparent;
-}
-*::-webkit-scrollbar { width: 5px; height: 5px; }
-*::-webkit-scrollbar-track { background: transparent; }
-*::-webkit-scrollbar-thumb {
-  background: rgba(143, 184, 255, 0.15);
-  border-radius: 3px;
-}
-*::-webkit-scrollbar-thumb:hover { background: rgba(143, 184, 255, 0.28); }
-*::-webkit-scrollbar-corner { background: transparent; }
-input[type="checkbox"] {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 14px;
-  height: 14px;
-  flex-shrink: 0;
-  border: 1px solid rgba(143, 184, 255, 0.2);
-  border-radius: 3px;
-  background: rgba(10, 14, 22, 0.7);
-  cursor: pointer;
-  vertical-align: middle;
-  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
-  position: relative;
-}
-input[type="checkbox"]:hover {
-  border-color: rgba(143, 184, 255, 0.4);
-  background: rgba(20, 30, 50, 0.8);
-}
-input[type="checkbox"]:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px rgba(52, 100, 168, 0.45);
-}
-input[type="checkbox"]:checked {
-  background: rgba(52, 100, 168, 0.85);
-  border-color: rgba(52, 100, 168, 0.9);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpolyline points='2,6.5 4.5,9 10,3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-  background-size: 10px 10px;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-input[type="checkbox"]:checked:hover {
-  background-color: rgba(74, 128, 192, 0.9);
-  border-color: rgba(74, 128, 192, 1);
-}
-input[type="checkbox"]:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-input[type="color"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 1px solid rgba(143, 184, 255, 0.2);
-  border-radius: 4px;
-  padding: 0;
-  background: transparent;
-  cursor: pointer;
-  overflow: hidden;
-  height: 24px;
-  width: 40px;
-}
-input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
-input[type="color"]::-webkit-color-swatch { border: none; border-radius: 3px; }
-input[type="color"]::-moz-color-swatch { border: none; border-radius: 3px; }
-input[type="range"] {
-  -webkit-appearance: none;
-  appearance: none;
-  height: 4px;
-  border-radius: 2px;
-  background: rgba(143, 184, 255, 0.2);
-  outline: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-}
-input[type="range"]::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: #00e5ff;
-  cursor: pointer;
-}
-input[type="range"]::-moz-range-thumb {
-  width: 14px;
-  height: 14px;
-  border: none;
-  border-radius: 50%;
-  background: #00e5ff;
-  cursor: pointer;
-}
-html, body, #root {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  background: #080c14;
-  background-image:
-    radial-gradient(ellipse 80% 60% at 20% 0%, rgba(30, 53, 83, 0.35) 0%, transparent 60%),
-    radial-gradient(ellipse 60% 80% at 80% 100%, rgba(18, 30, 60, 0.3) 0%, transparent 55%),
-    linear-gradient(160deg, #0a0d16 0%, #080c14 50%, #06090f 100%);
-  color: #e6e9ef;
-  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-}
-.app {
-  position: relative;
-  height: 100%;
-}
-#logo {
-  height: 46px;
-  vertical-align: middle;
-  margin: -10px;
-  opacity: 0.8;
-}
-.toolbar {
-  position: absolute;
-  top: 12px;
-  left: 12px;
-  right: 12px;
-  display: flex;
-  flex-direction: column;
-  background: rgba(30, 42, 62, 0.52);
-  backdrop-filter: blur(16px) saturate(1.8) brightness(0.4);
-  border: 1px solid rgba(143, 184, 255, 0.18);
-  border-radius: 12px;
-  box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08);
-  z-index: 9;
-  overflow: visible;
-}
-.toolbar-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 14px;
-}
-.toolbar-row-header {
-  min-height: 44px;
-}
-.toolbar-row-tools {
-  border-top: 1px solid rgba(143, 184, 255, 0.08);
-  padding: 4px 14px;
-  gap: 6px;
-}
-.toolbar h1 {
-  margin: 0 8px 0 0;
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: #8fb8ff;
-  white-space: nowrap;
-  padding: 6px 12px;
-  text-shadow: 0 0 20px rgba(143, 184, 255, 0.4);
-  transition: text-shadow 0.2s;
-}
-.toolbar h1:hover {
-  text-shadow: 0 0 12px rgba(143, 184, 255, 0.9), 0 0 28px rgba(143, 184, 255, 0.5);
-}
-.toolbar-sep {
-  width: 1px;
-  height: 22px;
-  background: rgba(143, 184, 255, 0.1);
-  margin: 0 4px;
-}
-.toolbar button,
-.toolbar select,
-.toolbar label.file-button {
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  padding: 6px 12px;
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 13px;
-  line-height: 1;
-  font-family: inherit;
-  backdrop-filter: blur(8px);
-  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-}
-.toolbar select option,
-.side-panel select option,
-.cl-form select option,
-.area-move-row select option {
-  background: #0e1520;
-  color: #e6e9ef;
-}
-.toolbar button:hover:not(:disabled),
-.toolbar label.file-button:hover {
-  background: rgba(52, 100, 168, 0.3);
-  border-color: rgba(143, 184, 255, 0.25);
-  box-shadow: 0 0 12px rgba(143, 184, 255, 0.08);
-}
-.toolbar button:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-.toolbar .tool-group {
-  display: flex;
-  gap: 2px;
-  padding: 2px;
-  background: rgba(6, 9, 16, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.08);
-  border-radius: 6px;
-  backdrop-filter: blur(8px);
-}
-.toolbar .tool-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  background: transparent;
-  border: 1px solid transparent;
-  padding: 5px 10px;
-  border-radius: 4px;
-  transition: background 0.15s, border-color 0.15s;
-}
-.toolbar .tool-btn.active {
-  background: rgba(30, 53, 83, 0.7);
-  border-color: rgba(52, 100, 168, 0.6);
-  color: #cfe1ff;
-  box-shadow: 0 0 12px rgba(52, 100, 168, 0.2), inset 0 1px 0 rgba(255,255,255,0.05);
-}
-.toolbar .tool-key {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 10px;
-  line-height: 1;
-  color: #6a7588;
-  background: rgba(10, 14, 22, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 2px 5px;
-  border-radius: 3px;
-  font-family: ui-monospace, Consolas, monospace;
-  align-self: center;
-}
-.toolbar .tool-btn.active .tool-key {
-  background: rgba(6, 9, 16, 0.8);
-  color: #8fb8ff;
-  border-color: rgba(52, 100, 168, 0.5);
-}
-/* ── Custom DropdownSelect ── */
-.dropdown-select {
-  position: relative;
-  display: inline-flex;
-}
-.dropdown-trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  background: rgba(10, 14, 22, 0.55);
-  border: 1px solid rgba(143, 184, 255, 0.14);
-  border-radius: 7px;
-  padding: 0 10px 0 0;
-  height: 30px;
-  cursor: pointer;
-  font-size: 13px;
-  color: #e6e9ef;
-  font-family: inherit;
-  transition: border-color 0.15s, background 0.15s;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.dropdown-trigger:hover,
-.dropdown-trigger.open {
-  background: rgba(20, 28, 46, 0.7);
-  border-color: rgba(143, 184, 255, 0.28);
-}
-.dropdown-trigger-label {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  line-height: 1;
-  color: #6a7588;
-  padding: 0 8px;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  border-right: 1px solid rgba(143, 184, 255, 0.08);
-  flex-shrink: 0;
-}
-.dropdown-trigger-value {
-  flex: 1;
-  min-width: 0;
-  padding-left: 8px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  text-align: left;
-}
-.dropdown-arrow {
-  font-size: 9px;
-  color: #6a7588;
-  flex-shrink: 0;
-}
-.dropdown-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: 999;
-}
-.dropdown-list {
-  z-index: 1000;
-  background: rgba(12, 18, 30, 0.96);
-  backdrop-filter: blur(20px);
-  border: 1px solid rgba(143, 184, 255, 0.14);
-  border-radius: 10px;
-  box-shadow: 0 12px 40px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.05);
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  max-height: 320px;
-}
-.dropdown-search-wrap {
-  padding: 8px 8px 6px;
-  border-bottom: 1px solid rgba(143, 184, 255, 0.07);
-  flex-shrink: 0;
-}
-.dropdown-search {
-  width: 100%;
-  background: rgba(8, 12, 20, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  border-radius: 6px;
-  color: #e6e9ef;
-  font-size: 12px;
-  font-family: inherit;
-  padding: 5px 9px;
-  outline: none;
-  box-sizing: border-box;
-  transition: border-color 0.15s;
-}
-.dropdown-search:focus {
-  border-color: rgba(52, 100, 168, 0.6);
-}
-.dropdown-search::placeholder { color: #4a5568; }
-.dropdown-options {
-  overflow-y: auto;
-  padding: 5px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.dropdown-option {
-  display: block;
-  width: 100%;
-  text-align: left;
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  color: #c8d0dc;
-  font-size: 13px;
-  font-family: inherit;
-  padding: 6px 10px;
-  cursor: pointer;
-  transition: background 0.1s, color 0.1s, border-color 0.1s;
-  white-space: nowrap;
-}
-.dropdown-option:hover {
-  background: rgba(52, 100, 168, 0.2);
-  color: #e6e9ef;
-  border-color: rgba(143, 184, 255, 0.1);
-}
-.dropdown-option.selected {
-  background: rgba(30, 53, 83, 0.7);
-  border-color: rgba(52, 100, 168, 0.5);
-  color: #cfe1ff;
-}
-.dropdown-option.highlighted {
-  background: rgba(52, 100, 168, 0.25);
-  color: #e6e9ef;
-  border-color: rgba(143, 184, 255, 0.15);
-}
-.dropdown-option.highlighted.selected {
-  background: rgba(52, 100, 168, 0.45);
-  border-color: rgba(52, 100, 168, 0.7);
-  color: #cfe1ff;
-}
-.dropdown-empty {
-  color: #4a5568;
-  font-size: 12px;
-  padding: 8px 10px;
-  text-align: center;
-}
-/* keep legacy .toolbar-select-group for zlevel wrapper */
-.toolbar-select-label {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #6a7588;
-  padding: 0 8px;
-  white-space: nowrap;
-  border-right: 1px solid rgba(143, 184, 255, 0.08);
-  line-height: 30px;
-  flex-shrink: 0;
-}
-.toolbar-row-tools button,
-.toolbar-row-tools label.file-button {
-  font-size: 12px;
-  padding: 3px 9px;
-}
-.toolbar-row-tools .tool-btn {
-  padding: 3px 8px;
-  font-size: 12px;
-}
-.toolbar-row-tools .tool-key {
-  font-size: 9px;
-  padding: 2px 4px;
-}
-.toolbar-snap-btn {
-  background: rgba(10, 14, 22, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.12) !important;
-  border-radius: 6px !important;
-  padding: 3px 10px !important;
-  font-size: 12px;
-  color: #6a7588;
-  cursor: pointer;
-  transition: color 0.15s, background 0.15s, border-color 0.15s !important;
-}
-.toolbar-snap-btn:hover { color: #cfd6e0; }
-.toolbar-pending-hint {
-  margin-left: 8px;
-  font-size: 11px;
-  color: #8fb8ff;
-  opacity: 0.85;
-  white-space: nowrap;
-  pointer-events: none;
-}
-.toolbar-snap-btn.active {
-  background: rgba(30, 53, 83, 0.7) !important;
-  border-color: rgba(52, 100, 168, 0.6) !important;
-  color: #cfe1ff !important;
-  box-shadow: 0 0 12px rgba(52, 100, 168, 0.2), inset 0 1px 0 rgba(255,255,255,0.05) !important;
-}
-.toolbar-goto {
-  display: inline-flex;
-  align-items: center;
-  background: rgba(10, 14, 22, 0.55);
-  border: 1px solid rgba(143, 184, 255, 0.14);
-  border-radius: 7px;
-  height: 30px;
-  overflow: hidden;
-  transition: border-color 0.15s, background 0.15s;
-}
-.toolbar-goto:focus-within {
-  background: rgba(20, 28, 46, 0.7);
-  border-color: rgba(143, 184, 255, 0.28);
-}
-.toolbar-goto-label {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #6a7588;
-  padding: 0 8px;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  border-right: 1px solid rgba(143, 184, 255, 0.08);
-  flex-shrink: 0;
-  white-space: nowrap;
-}
-.toolbar-goto-input {
-  width: 56px;
-  background: transparent;
-  border: none;
-  padding: 0 8px;
-  font-size: 10px;
-  font-family: inherit;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #e6e9ef;
-  outline: none;
-  appearance: textfield;
-  height: 100%;
-}
-.toolbar-goto-input::-webkit-inner-spin-button,
-.toolbar-goto-input::-webkit-outer-spin-button { display: none; }
-.toolbar-goto-input::placeholder { color: #4a5568; }
-.toolbar-goto-btn {
-  height: 100%;
-  padding: 0 10px;
-  background: transparent;
-  border: none;
-  border-left: 1px solid rgba(143, 184, 255, 0.08);
-  border-radius: 0;
-  color: #6a7588;
-  font-size: 11px;
-  font-family: inherit;
-  cursor: pointer;
-  transition: color 0.15s, background 0.15s;
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-.toolbar-goto-btn:hover:not(:disabled) {
-  color: #cfe1ff;
-  background: rgba(52, 100, 168, 0.2);
-}
-.toolbar-goto-btn:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-.toolbar .status {
-  font-size: 12px;
-  color: #8f97a6;
-  margin-left: auto;
-  padding-left: 12px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 1px;
-  overflow: hidden;
-  min-width: 0;
-}
-.toolbar .status-file {
-  color: #6a7588;
-  font-size: 11px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 280px;
-}
-.toolbar .status-action {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 280px;
-}
-.map-viewport {
-  position: absolute;
-  inset: 0;
-  background: #000;
-}
-.map-container {
-  position: absolute;
-  inset: 0;
-  outline: none;
-  user-select: none;
-  -webkit-user-select: none;
-  touch-action: none;
-}
-.empty-state {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  color: #55606f;
-  font-size: 14px;
-  pointer-events: none;
-}
-.empty-state-logo {
-  margin-top: 24px;
-  width: 150px;
-  opacity: 0.375;
-}
-.sessions-panel-overlay {
-  position: absolute;
-  top: 76px;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  padding: 12px 16px 16px;
-  box-sizing: border-box;
-  pointer-events: none;
-  overflow: hidden;
-}
-.sessions-panel {
-  pointer-events: all;
-  background: rgba(14, 20, 35, 0.96);
-  border: 1px solid rgba(52, 100, 168, 0.4);
-  border-radius: 10px;
-  box-shadow: 0 8px 32px rgba(0,0,0,0.6);
-  padding: 20px;
-  min-width: 360px;
-  max-width: 520px;
-  width: 100%;
-  max-height: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-.sessions-panel-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 13px;
-  font-weight: 600;
-  color: #cfe1ff;
-  letter-spacing: 0.03em;
-}
-.sessions-delete-all {
-  font-size: 11px;
-  font-weight: 400;
-  padding: 3px 8px;
-  border-radius: 4px;
-  border: 1px solid rgba(168, 52, 52, 0.4);
-  background: rgba(168, 52, 52, 0.1);
-  color: #c97a7a;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-.sessions-delete-all:hover {
-  background: rgba(168, 52, 52, 0.25);
-}
-.sessions-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  overflow-y: auto;
-  min-height: 0;
-  flex: 1 1 auto;
-}
-.session-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 9px 12px;
-  background: rgba(255,255,255,0.04);
-  border: 1px solid rgba(255,255,255,0.07);
-  border-radius: 6px;
-}
-.session-info {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.session-filename {
-  font-size: 12px;
-  color: #cfe1ff;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.session-meta {
-  font-size: 11px;
-  color: #6a8ab0;
-}
-.session-actions {
-  display: flex;
-  gap: 6px;
-  flex-shrink: 0;
-}
-.session-actions button {
-  padding: 3px 10px;
-  border-radius: 4px;
-  border: 1px solid rgba(52,100,168,0.5);
-  background: rgba(52,100,168,0.15);
-  color: #8ab4d8;
-  font-size: 11px;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-.session-actions button:hover {
-  background: rgba(52,100,168,0.3);
-}
-.session-actions button.session-delete {
-  border-color: rgba(168,52,52,0.4);
-  background: rgba(168,52,52,0.1);
-  color: #c97a7a;
-}
-.session-actions button.session-delete:hover {
-  background: rgba(168,52,52,0.25);
-}
-.sessions-empty {
-  font-size: 12px;
-  color: #445566;
-  text-align: center;
-  padding: 8px 0;
-}
-.sessions-autodelete {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-  padding-top: 10px;
-  border-top: 1px solid rgba(255,255,255,0.06);
-}
-.sessions-autodelete-label {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  color: #6a8ab0;
-  cursor: pointer;
-  user-select: none;
-}
-.sessions-autodelete-days {
-  width: 48px;
-  padding: 2px 6px;
-  background: rgba(255,255,255,0.05);
-  border: 1px solid rgba(52,100,168,0.35);
-  border-radius: 4px;
-  color: #8ab4d8;
-  font-size: 11px;
-  text-align: center;
-}
-.sessions-autodelete-days:disabled {
-  opacity: 0.35;
-}
-.sessions-autodelete-unit {
-  font-size: 11px;
-  color: #6a8ab0;
-}
-.sessions-panel-hint {
-  font-size: 11px;
-  color: #445566;
-  text-align: center;
-}
-.side-panel {
-  position: absolute;
-  top: 104px; /* below floating toolbar (12px offset + ~44px header row + ~32px tools row + 16px gap) */
-  right: 12px;
-  bottom: 12px;
-  width: 440px;
-  background: rgba(28, 40, 60, 0.52);
-  backdrop-filter: blur(16px) saturate(1.8) brightness(0.4);
-  border: 1px solid rgba(143, 184, 255, 0.18);
-  border-radius: 12px;
-  box-shadow: 0 4px 24px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.08);
-  padding: 0;
-  overflow: hidden;
-  font-size: 13px;
-  display: flex;
-  flex-direction: column;
-  z-index: 10;
-}
-.side-panel--collapsed {
-  width: 48px;
-  overflow: visible;
-  box-shadow: 0 4px 24px rgba(0,0,0,0.4);
-}
-.side-panel-collapse-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 10px 0 6px;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: #6a7588;
-  cursor: pointer;
-  font-size: 11px;
-  flex-shrink: 0;
-  transition: color 0.15s;
-}
-.side-panel-collapse-btn:hover { color: #8fb8ff; }
-.side-panel-tabs {
-  display: flex;
-  flex-wrap: wrap;
-  border-bottom: 1px solid rgba(143, 184, 255, 0.08);
-  flex-shrink: 0;
-  background: rgba(8, 12, 20, 0.5);
-  border-radius: 0;
-}
-.side-panel-tabs .side-panel-tab {
-  flex: 0 0 auto;
-  display: inline-flex;
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  border-bottom: 2px solid transparent;
-  color: #6a7588;
-  cursor: pointer;
-  font-size: 11px;
-  padding: 8px 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  transition: color 0.15s, border-color 0.15s;
-  margin-bottom: -1px;
-}
-.side-panel-tab:hover {
-  color: #cfd6e0;
-}
-.side-panel-tab.active {
-  color: #8fb8ff;
-  border-bottom-color: #8fb8ff;
-  text-shadow: 0 0 16px rgba(143, 184, 255, 0.5);
-}
-/* Badge on tab buttons */
-.tab-badge {
-  margin-left: 4px;
-  padding: 0 5px;
-  font-size: 10px;
-  line-height: 16px;
-  border-radius: 8px;
-  background: rgba(143, 184, 255, 0.15);
-  color: #8fb8ff;
-  font-weight: 600;
-}
-.side-panel-tab.active .tab-badge {
-  background: rgba(143, 184, 255, 0.25);
-}
-/* Collapse arrow button inside the tab bar */
-.side-panel-tabs .side-panel-tab--collapse {
-  flex: 0 0 26px;
-  padding: 8px 0;
-  justify-content: center;
-  color: #4a5568;
-  letter-spacing: 0;
-  font-size: 10px;
-  border-left: 1px solid rgba(143, 184, 255, 0.07);
-  margin-left: auto;
-}
-/* Vertical tab strip (collapsed state) */
-.side-panel-tabs--vert {
-  display: flex;
-  flex-direction: column;
-  border-bottom: none;
-  background: transparent;
-  width: 100%;
-  padding: 4px 0;
-}
-.side-panel-tabs--vert .side-panel-tab {
-  flex: 0 0 auto;
-  writing-mode: vertical-rl;
-  transform: rotate(180deg);
-  text-orientation: mixed;
-  padding: 14px 0;
-  margin-bottom: 0;
-  border-bottom: none;
-  border-left: 2px solid transparent;
-  border-right: none;
-  letter-spacing: 0.06em;
-  font-size: 10px;
-  width: 100%;
-  text-align: center;
-}
-.side-panel-tabs--vert .side-panel-tab.active {
-  color: #8fb8ff;
-  border-left-color: #8fb8ff;
-  text-shadow: 0 0 16px rgba(143, 184, 255, 0.5);
-  border-bottom-color: transparent;
-}
-.panel-content {
-  padding: 14px;
-  flex: 1;
-  overflow-y: auto;
-  min-height: 0;
-}
-.side-panel.empty {
-  color: #6a7588;
-}
-.side-panel h3 {
-  margin: 0 0 10px;
-  font-size: 12px;
-  color: #8fb8ff;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  font-weight: 600;
-  text-shadow: 0 0 12px rgba(143, 184, 255, 0.3);
-}
-.room-heading {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.room-heading-right {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.room-coords {
-  font-size: 11px;
-  color: #6a7588;
-  text-transform: none;
-  letter-spacing: 0;
-  font-weight: 400;
-  text-shadow: none;
-}
-.room-center-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 2px 3px;
-  background: none;
-  border: 1px solid transparent;
-  border-radius: 3px;
-  color: #6a7588;
-  cursor: pointer;
-  line-height: 1;
-  transition: color 0.1s, border-color 0.1s, background 0.1s;
-}
-.room-center-btn:hover {
-  color: #b8c8e8;
-  border-color: #3a4560;
-  background: #1e2535;
-}
-.env-symbol-row {
-  display: flex;
-  gap: 8px;
-}
-.env-symbol-row .field {
-  flex: 1;
-  min-width: 0;
-}
-.env-field {
-  flex: 1;
-  min-width: 0;
-}
-.symbol-row {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.symbol-row input[type="text"],
-.symbol-row input:not([type]) {
-  flex: 1;
-  min-width: 0;
-}
-.symbol-color-input {
-  width: 28px;
-  height: 24px;
-  padding: 1px 2px;
-  border: 1px solid #2a3550;
-  border-radius: 3px;
-  background: transparent;
-  cursor: pointer;
-  flex-shrink: 0;
-}
-.symbol-color-clear {
-  background: none;
-  border: none;
-  color: #7a8aaa;
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 1;
-  padding: 0 2px;
-  flex-shrink: 0;
-}
-.symbol-color-clear:hover { color: #e06060; }
-.side-panel h4 {
-  margin: 14px 0 6px;
-  font-size: 11px;
-  color: #8f97a6;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  font-weight: 600;
-}
-.side-panel p {
-  margin: 6px 0;
-  color: #8f97a6;
-}
-.side-panel p.hint {
-  font-size: 12px;
-}
-.side-panel .hint-tool {
-  margin-top: 10px;
-  padding: 8px 10px;
-  background: rgba(6, 9, 16, 0.6);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  border-radius: 5px;
-  font-size: 11px;
-  color: #cfd6e0;
-}
-.side-panel .field {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin: 8px 0;
-}
-.side-panel .field .label {
-  font-size: 11px;
-  color: #8f97a6;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-.side-panel .field input,
-.side-panel .field textarea {
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 8px;
-  border-radius: 4px;
-  font-size: 13px;
-  font-family: inherit;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.side-panel .field input:focus,
-.side-panel .field textarea:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-  box-shadow: 0 0 0 2px rgba(52, 100, 168, 0.15);
-}
-/* Inline field group: fields side-by-side with a button at the end */
-.side-panel .field-row {
-  display: flex;
-  gap: 8px;
-  align-items: flex-end;
-  margin: 8px 0 12px;
-}
-.side-panel .field-row > .field {
-  margin: 0;
-}
-.side-panel .field-row > button {
-  padding: 5px 8px;
-  font-size: 12px;
-  font-family: inherit;
-  border: 1px solid #444;
-  border-radius: 3px;
-  cursor: pointer;
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-/* Checkbox row: horizontal, no separate section label */
-.side-panel .field.checkbox-field {
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  margin: 7px 0;
-}
-.side-panel .field.checkbox-field input[type="checkbox"] {
-  flex-shrink: 0;
-  margin: 0;
-}
-.side-panel .field.checkbox-field span {
-  font-size: 13px;
-  color: #e6e9ef;
-  line-height: 1;
-}
-.side-panel .readonly {
-  color: #cfd6e0;
-  padding: 5px 0;
-  font-family: ui-monospace, Consolas, monospace;
-  font-size: 12px;
-}
-.exit-list {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-.exit-row {
-  display: grid;
-  grid-template-columns: 90px 20px 1fr;
-  align-items: center;
-  gap: 6px;
-  font-family: ui-monospace, Consolas, monospace;
-  font-size: 12px;
-  padding: 4px 6px;
-  background: rgba(6, 9, 16, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.05);
-  border-radius: 4px;
-}
-.exit-row .dir {
-  color: #8fb8ff;
-}
-.exit-row .arrow {
-  color: #55606f;
-}
-.exit-row .exit-target {
-  background: transparent;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  color: #e6e9ef;
-  padding: 2px 6px;
-  border-radius: 3px;
-  cursor: pointer;
-  font-size: 12px;
-  font-family: inherit;
-  text-align: left;
-  transition: background 0.15s, border-color 0.15s;
-}
-.exit-row .exit-target:hover {
-  background: rgba(31, 42, 60, 0.6);
-  border-color: rgba(143, 184, 255, 0.2);
-}
-.exit-row.empty {
-  color: #55606f;
-  grid-template-columns: 1fr;
-  text-align: center;
-  background: transparent;
-  border-color: transparent;
-}
-.exit-row.special {
-  grid-template-columns: 90px 20px 1fr 22px;
-}
-.exit-row.with-line {
-  grid-template-columns: 90px 20px 1fr 26px;
-}
-.exit-row.special.with-line {
-  grid-template-columns: 90px 20px 1fr 26px 22px;
-}
-.exit-line-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  color: #6a7588;
-  cursor: pointer;
-  width: 22px;
-  height: 20px;
-  padding: 0;
-  border-radius: 3px;
-  font-size: 13px;
-  line-height: 1;
-  transition: color 0.15s, border-color 0.15s, background 0.15s;
-}
-.exit-line-btn:hover {
-  color: #cfe1ff;
-  border-color: rgba(52, 100, 168, 0.6);
-  background: rgba(30, 53, 83, 0.4);
-}
-.exit-line-btn.has-line {
-  border-color: rgba(52, 100, 168, 0.5);
-  background: rgba(6, 9, 16, 0.6);
-}
-.exit-line-btn .cl-swatch {
-  width: 12px;
-  height: 10px;
-  border-radius: 2px;
-}
-.exit-line-icon {
-  font-family: ui-monospace, Consolas, monospace;
-  font-weight: 700;
-  font-size: 12px;
-}
-.cl-form-inline {
-  margin: 2px 0 6px;
-}
-.exit-remove {
-  background: transparent;
-  border: none;
-  color: #55606f;
-  cursor: pointer;
-  font-size: 11px;
-  padding: 0 2px;
-  line-height: 1;
-  border-radius: 2px;
-  transition: color 0.15s, background 0.15s;
-}
-.exit-remove:hover {
-  color: #ff7f7f;
-  background: rgba(32, 10, 10, 0.7);
-}
-.special-exits-list {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-.special-exits-list .compass-cell {
-  height: auto;
-}
-.special-exits-list .cc-label {
-  max-width: 120px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: inline-block;
-}
-.special-exit-add {
-  display: flex;
-  gap: 4px;
-  margin-top: 6px;
-  align-items: center;
-}
-.special-exit-add input {
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 0 6px;
-  height: 24px;
-  box-sizing: border-box;
-  border-radius: 3px;
-  font-size: 12px;
-  font-family: inherit;
-  flex: 1;
-}
-.special-exit-add button:not(.cc-pick-btn) {
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  padding: 4px 8px;
-  border-radius: 3px;
-  cursor: pointer;
-  font-size: 12px;
-  white-space: nowrap;
-  transition: background 0.15s, border-color 0.15s;
-}
-.special-exit-add button:not(.cc-pick-btn):disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-.special-exit-add .cc-exit-add {
-  width: auto;
-  flex-shrink: 0;
-}
-.special-exit-add .cc-exit-input {
-  width: 60px;
-  flex: none;
-}
-.userdata-list {
-  display: grid;
-  grid-template-columns: 1fr 1fr 22px;
-  gap: 3px 4px;
-  align-items: center;
-}
-.userdata-row {
-  display: contents;
-}
-.ud-key {
-  font-size: 12px;
-  color: #8fb8ff;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ud-value {
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  border-radius: 4px;
-  padding: 2px 5px;
-  font-size: 12px;
-  width: 100%;
-  min-width: 0;
-}
-.ud-value:focus {
-  outline: none;
-  border-color: rgba(143, 184, 255, 0.35);
-}
-.ud-delete {
-  appearance: none;
-  -webkit-appearance: none;
-  background: transparent;
-  border: none;
-  color: #55606f;
-  cursor: pointer;
-  font-size: 11px;
-  font-family: inherit;
-  padding: 0 4px 1px;
-  margin: 0;
-  border-radius: 3px;
-  line-height: 1;
-  width: 22px;
-  height: 22px;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-self: center;
-  box-sizing: border-box;
-}
-.ud-delete:hover {
-  color: #e6e9ef;
-  background: rgba(31, 42, 60, 0.6);
-}
-.userdata-empty {
-  grid-column: 1 / -1;
-  color: #55606f;
-  font-size: 12px;
-  text-align: center;
-  padding: 4px 0;
-}
-.userdata-add {
-  display: contents;
-}
-.ud-new-key,
-.ud-new-val {
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  border-radius: 4px;
-  padding: 2px 5px;
-  font-size: 12px;
-  width: 100%;
-  min-width: 0;
-}
-.ud-new-key:focus,
-.ud-new-val:focus {
-  outline: none;
-  border-color: rgba(143, 184, 255, 0.35);
-}
-.ud-add {
-  appearance: none;
-  -webkit-appearance: none;
-  background: transparent;
-  border: none;
-  color: #55606f;
-  cursor: pointer;
-  font-size: 14px;
-  font-family: inherit;
-  padding: 0 4px 1px;
-  margin: 0;
-  border-radius: 3px;
-  line-height: 1;
-  width: 22px;
-  height: 22px;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-self: center;
-  box-sizing: border-box;
-}
-.ud-add:hover {
-  color: #e6e9ef;
-  background: rgba(31, 42, 60, 0.6);
-}
-.ud-add:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-/* Compass rose exits */
-.compass-rose {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 3px;
-}
-.compass-extra {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 3px;
-  margin-top: 3px;
-}
-.compass-vert-spacer {
-  /* invisible column-spacer keeping Up/Down and In/Out symmetrical */
-}
-.compass-cell {
-  background: rgba(8, 12, 20, 0.55);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  border-radius: 5px;
-  padding: 4px 5px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  height: 86px;
-  box-sizing: border-box;
-  overflow: hidden;
-  transition: border-color 0.15s, background 0.15s;
-}
-.compass-extra .compass-cell {
-  height: 86px;
-}
-.compass-cell.compass-center {
-  align-items: center;
-  justify-content: center;
-  border-style: dashed;
-  border-color: rgba(143, 184, 255, 0.06);
-  gap: 4px;
-}
-.compass-cell .cc-room-lock-btn {
-  background: rgba(5, 8, 15, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.08);
-  border-radius: 3px;
-  padding: 0;
-  width: 28px;
-  height: 22px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: #4a6070;
-  box-sizing: border-box;
-  transition: border-color 0.15s, color 0.15s;
-}
-.compass-cell .cc-room-lock-btn:hover { border-color: rgba(52, 100, 168, 0.6); color: #8fb8ff; }
-.compass-cell .cc-room-lock-btn.lock-active { color: #f07070; border-color: rgba(92, 28, 28, 0.8); }
-.cc-room-weight {
-  background: rgba(5, 8, 15, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  color: #55606f;
-  font-size: 10px;
-  font-family: ui-monospace, Consolas, monospace;
-  width: 36px;
-  height: 20px;
-  padding: 0 3px;
-  border-radius: 2px;
-  text-align: center;
-  -moz-appearance: textfield;
-}
-.cc-room-weight::-webkit-outer-spin-button,
-.cc-room-weight::-webkit-inner-spin-button { -webkit-appearance: none; }
-.cc-room-weight:focus { border-color: rgba(52, 100, 168, 0.7); outline: none; color: #e6e9ef; }
-.cc-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 0;
-}
-.cc-header-btn-slot {
-  height: 20px;
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  flex-shrink: 0;
-}
-.cc-middle {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.cc-dim {
-  opacity: 0.22;
-  pointer-events: none;
-}
-.cc-weight-wrap {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  flex: 1;
-  min-width: 0;
-  color: #3a4a5a;
-}
-.cc-label {
-  font-size: 10px;
-  font-weight: 700;
-  color: rgba(43, 51, 64, 0.8);
-  font-family: ui-monospace, Consolas, monospace;
-  letter-spacing: 0.04em;
-}
-.compass-cell.has-exit .cc-label {
-  color: #8fb8ff;
-}
-.cc-target {
-  background: transparent;
-  border: none;
-  color: #8f97a6;
-  cursor: pointer;
-  font-size: 10px;
-  font-family: ui-monospace, Consolas, monospace;
-  padding: 1px 0;
-  text-align: center;
-  display: block;
-  width: 100%;
-  transition: color 0.15s;
-}
-.cc-target:hover {
-  color: #8fb8ff;
-}
-.cc-stub-label {
-  display: block;
-  text-align: center;
-  font-size: 9px;
-  color: #55606f;
-  font-style: italic;
-  padding: 1px 0;
-}
-.cc-footer {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  margin-top: 3px;
-}
-/* Compass icon buttons — scoped under .compass-cell to beat .side-panel button specificity */
-.compass-cell .cc-door-btn,
-.compass-cell .cc-icon-btn {
-  background: rgba(5, 8, 15, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  padding: 0;
-  border-radius: 3px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 26px;
-  height: 24px;
-  font-size: 11px;
-  font-weight: 700;
-  font-family: ui-monospace, Consolas, monospace;
-  box-sizing: border-box;
-  transition: color 0.15s, border-color 0.15s;
-}
-/* Door icon — color-coded by state */
-.compass-cell .cc-door-btn               { color: #5a7090; }
-.compass-cell .cc-door-btn:hover         { color: #8fb8ff; border-color: rgba(52, 100, 168, 0.6); }
-.compass-cell .cc-door-btn.door-open     { color: #4caf50; border-color: rgba(42, 92, 42, 0.7); }
-.compass-cell .cc-door-btn.door-closed   { color: #e6c84a; border-color: rgba(90, 78, 30, 0.7); }
-.compass-cell .cc-door-btn.door-locked   { color: #f07070; border-color: rgba(92, 28, 28, 0.7); }
-/* Lock / stub icon */
-.compass-cell .cc-icon-btn               { color: #5a7090; }
-.compass-cell .cc-icon-btn:hover         { color: #8fb8ff; border-color: rgba(52, 100, 168, 0.6); }
-.compass-cell .cc-icon-btn.lock-active   { color: #f07070; border-color: rgba(92, 28, 28, 0.7); }
-.compass-cell .cc-icon-btn.stub-active   { color: #e6c84a; border-color: rgba(90, 78, 30, 0.7); }
-.compass-cell .cc-icon-btn.cc-delete-btn { color: #7a4040; }
-.compass-cell .cc-icon-btn.cc-delete-btn:hover { color: #f07070; border-color: rgba(92, 28, 28, 0.7); }
-/* Stub + delete live in the header — match exit-line-btn 22×20 size */
-.cc-header-btn-slot .cc-icon-btn {
-  width: 22px;
-  height: 20px;
-  font-size: 10px;
-}
-/* Dim state (no exit) — override hover too so disabled buttons stay dim */
-.compass-cell .cc-dim,
-.compass-cell .cc-dim:hover { opacity: 0.2; pointer-events: none; border-color: rgba(143,184,255,0.06); color: #5a7090; }
-.cc-weight {
-  background: rgba(5, 8, 15, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  color: #55606f;
-  font-size: 11px;
-  font-family: ui-monospace, Consolas, monospace;
-  width: 0;
-  flex: 1;
-  min-width: 0;
-  height: 24px;
-  padding: 0 3px;
-  border-radius: 2px;
-  -moz-appearance: textfield;
-}
-.cc-weight::-webkit-outer-spin-button,
-.cc-weight::-webkit-inner-spin-button { -webkit-appearance: none; }
-.cc-weight:focus { border-color: rgba(52, 100, 168, 0.7); outline: none; color: #e6e9ef; }
-.compass-cell.active {
-  border-color: rgba(52, 100, 168, 0.6);
-  background: rgba(14, 24, 37, 0.7);
-  box-shadow: inset 0 0 0 1px rgba(52, 100, 168, 0.15);
-}
-.compass-cell.picking-exit {
-  border-color: rgba(230, 200, 74, 0.7);
-  background: rgba(14, 18, 8, 0.7);
-  animation: pick-pulse 1s ease-in-out infinite alternate;
-}
-@keyframes url-progress-indeterminate {
-  0%   { transform: translateX(-100%); width: 40%; }
-  50%  { transform: translateX(150%);  width: 60%; }
-  100% { transform: translateX(250%);  width: 40%; }
-}
-@keyframes pick-pulse {
-  from { border-color: rgba(230, 200, 74, 0.7); box-shadow: 0 0 8px rgba(230, 200, 74, 0.1); }
-  to   { border-color: rgba(122, 100, 32, 0.4); box-shadow: none; }
-}
-.cc-exit-add {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  width: 100%;
-}
-.cc-exit-input {
-  background: rgba(5, 8, 15, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  color: #55606f;
-  font-size: 9px;
-  font-family: ui-monospace, Consolas, monospace;
-  height: 24px;
-  width: 0;
-  flex: 1;
-  min-width: 0;
-  padding: 0 3px;
-  border-radius: 2px;
-  -moz-appearance: textfield;
-}
-.cc-exit-input::-webkit-outer-spin-button,
-.cc-exit-input::-webkit-inner-spin-button { -webkit-appearance: none; }
-.cc-exit-input:focus { border-color: rgba(52, 100, 168, 0.7); outline: none; color: #e6e9ef; }
-.cc-exit-input::placeholder { color: rgba(42, 53, 64, 0.8); }
-.compass-cell .cc-pick-btn,
-.special-exit-add .cc-pick-btn {
-  background: rgba(5, 8, 15, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  border-radius: 3px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  color: #4a6070;
-  box-sizing: border-box;
-  transition: color 0.15s, border-color 0.15s;
-}
-.compass-cell .cc-pick-btn:hover,
-.special-exit-add .cc-pick-btn:hover { color: #8fb8ff; border-color: rgba(52, 100, 168, 0.6); }
-.compass-cell .cc-pick-btn.picking,
-.special-exit-add .cc-pick-btn.picking { color: #e6c84a; border-color: rgba(122, 100, 32, 0.7); }
-/* Environment field */
-.env-field-row {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.env-pick-btn {
-  width: 32px;
-  height: 24px;
-  border: 2px solid rgba(143, 184, 255, 0.15);
-  border-radius: 4px;
-  cursor: pointer;
-  padding: 0;
-  flex-shrink: 0;
-  transition: border-color 0.15s;
-}
-.env-pick-btn:hover {
-  border-color: rgba(52, 100, 168, 0.6);
-}
-.env-id-label {
-  font-size: 12px;
-  color: #8f97a6;
-  font-family: ui-monospace, Consolas, monospace;
-}
-/* Env picker popup */
-.env-picker-popup {
-  position: absolute;
-  top: 110%;
-  left: 0;
-  z-index: 200;
-  background: rgba(12, 17, 28, 0.9);
-  backdrop-filter: blur(20px);
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  border-radius: 8px;
-  padding: 8px;
-  box-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.03);
-  min-width: 200px;
-  max-width: 280px;
-}
-.env-picker-filter {
-  width: 100%;
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 4px 7px;
-  border-radius: 4px;
-  font-size: 12px;
-  font-family: inherit;
-  margin-bottom: 7px;
-  box-sizing: border-box;
-  transition: border-color 0.15s;
-}
-.env-picker-filter:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-  box-shadow: 0 0 0 2px rgba(52, 100, 168, 0.12);
-}
-.env-picker-scroll {
-  max-height: 220px;
-  overflow-y: auto;
-}
-.env-picker-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-}
-.env-picker-swatch {
-  width: 36px;
-  height: 36px;
-  border: 2px solid transparent;
-  border-radius: 4px;
-  cursor: pointer;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  padding: 0 0 2px 0;
-  position: relative;
-  transition: transform 0.12s, border-color 0.12s;
-}
-.env-picker-swatch:hover {
-  border-color: #8fb8ff;
-  transform: scale(1.1);
-}
-.env-picker-swatch.selected {
-  border-color: #00e5ff;
-  box-shadow: 0 0 0 1px #00e5ff, 0 0 8px rgba(0, 229, 255, 0.3);
-}
-.env-picker-id {
-  font-size: 9px;
-  color: rgba(255,255,255,0.8);
-  text-shadow: 0 0 2px #000, 0 0 2px #000;
-  font-family: ui-monospace, Consolas, monospace;
-  line-height: 1;
-}
-/* Modal overlay */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.65);
-  backdrop-filter: blur(4px);
-  z-index: 500;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.modal {
-  background: rgba(12, 17, 28, 0.88);
-  backdrop-filter: blur(24px);
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  border-radius: 10px;
-  width: 480px;
-  max-width: 95vw;
-  max-height: 80vh;
-  display: flex;
-  flex-direction: column;
-  box-shadow:
-    0 24px 64px rgba(0,0,0,0.7),
-    0 0 0 1px rgba(255,255,255,0.03),
-    inset 0 1px 0 rgba(255,255,255,0.05);
-}
-.modal.modal-wide {
-  width: 560px;
-}
-.modal-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 16px 12px;
-  border-bottom: 1px solid rgba(143, 184, 255, 0.08);
-}
-.modal-header h2 {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  color: #8fb8ff;
-  letter-spacing: 0.03em;
-  text-shadow: 0 0 16px rgba(143, 184, 255, 0.35);
-}
-.modal-close {
-  background: transparent;
-  border: none;
-  color: #6a7588;
-  font-size: 14px;
-  cursor: pointer;
-  padding: 2px 6px;
-  border-radius: 4px;
-  transition: color 0.15s, background 0.15s;
-}
-.modal-close:hover {
-  color: #e6e9ef;
-  background: rgba(31, 42, 60, 0.6);
-}
-.modal-body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 14px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.modal-add-row {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.modal-add-row input {
-  flex: 1;
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 6px 8px;
-  border-radius: 4px;
-  font-size: 13px;
-  font-family: inherit;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.modal-add-row input:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-  box-shadow: 0 0 0 2px rgba(52, 100, 168, 0.15);
-}
-.modal-add-row button {
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  padding: 6px 12px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  white-space: nowrap;
-  transition: background 0.15s, border-color 0.15s;
-}
-.modal-add-row button:hover:not(:disabled) {
-  background: rgba(52, 100, 168, 0.3);
-  border-color: rgba(143, 184, 255, 0.25);
-}
-.modal-add-row button:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-.modal-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.modal-list-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 8px;
-  background: rgba(6, 9, 16, 0.5);
-  border-radius: 5px;
-  border: 1px solid rgba(143, 184, 255, 0.06);
-  transition: background 0.15s, border-color 0.15s;
-}
-.modal-list-name {
-  flex: 1;
-  font-size: 13px;
-  color: #e6e9ef;
-  cursor: default;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.modal-inline-edit {
-  flex: 1;
-  background: rgba(12, 17, 28, 0.8);
-  color: #e6e9ef;
-  border: none;
-  outline: 1px solid rgba(52, 100, 168, 0.6);
-  outline-offset: 0;
-  padding: 0 6px;
-  border-radius: 3px;
-  font-size: 13px;
-  font-family: inherit;
-  line-height: inherit;
-}
-.modal-list-meta {
-  font-size: 11px;
-  color: #6a7588;
-  font-family: ui-monospace, Consolas, monospace;
-  white-space: nowrap;
-}
-.modal-list-actions {
-  display: flex;
-  gap: 4px;
-}
-.modal-list-actions button {
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 3px 8px;
-  border-radius: 3px;
-  cursor: pointer;
-  font-size: 12px;
-  transition: background 0.15s;
-}
-.modal-list-actions button:hover {
-  background: rgba(52, 80, 120, 0.4);
-}
-.modal-list-actions button.danger {
-  color: #ff8080;
-  border-color: rgba(58, 28, 28, 0.8);
-}
-.modal-list-actions button.danger:hover {
-  background: rgba(32, 14, 14, 0.8);
-}
-.modal-list-actions button.icon-btn {
-  padding: 3px 6px;
-  min-width: 24px;
-}
-.modal-empty {
-  color: #55606f;
-  font-size: 13px;
-  padding: 8px 0;
-  text-align: center;
-}
-/* Environment grid in modal */
-.env-grid-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.env-list-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 5px 8px;
-  background: rgba(6, 9, 16, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.05);
-  border-radius: 4px;
-}
-.env-swatch {
-  width: 24px;
-  height: 24px;
-  border-radius: 3px;
-  border: 1px solid rgba(143, 184, 255, 0.15);
-  flex-shrink: 0;
-}
-.env-list-id {
-  font-size: 12px;
-  font-family: ui-monospace, Consolas, monospace;
-  color: #8fb8ff;
-  width: 36px;
-}
-.env-list-builtin {
-  font-size: 11px;
-  color: #55606f;
-}
-.env-list-used {
-  font-size: 10px;
-  color: #7fff9f;
-  background: rgba(10, 26, 10, 0.7);
-  border: 1px solid rgba(26, 58, 26, 0.8);
-  padding: 1px 5px;
-  border-radius: 10px;
-}
-.env-remove {
-  background: transparent;
-  border: none;
-  color: #55606f;
-  cursor: pointer;
-  font-size: 12px;
-  margin-left: auto;
-  padding: 2px 4px;
-  border-radius: 3px;
-  transition: color 0.15s, background 0.15s;
-}
-.env-remove:hover {
-  color: #ff7f7f;
-  background: rgba(32, 10, 10, 0.7);
-}
-/* Custom line form in side panel */
-.cl-swatch {
-  width: 12px;
-  height: 12px;
-  border-radius: 2px;
-  flex-shrink: 0;
-  border: 1px solid rgba(255,255,255,0.15);
-}
-.customline-row {
-  display: grid;
-  grid-template-columns: 14px 1fr auto 18px;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 6px;
-  background: rgba(6, 9, 16, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.05);
-  border-radius: 4px;
-  font-family: ui-monospace, Consolas, monospace;
-  font-size: 12px;
-  min-width: 0;
-}
-.side-panel .customline-name {
-  background: transparent;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  color: #e6e9ef;
-  padding: 2px 6px;
-  border-radius: 3px;
-  cursor: pointer;
-  font-size: 12px;
-  font-family: inherit;
-  text-align: left;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  transition: background 0.15s;
-}
-.side-panel .customline-name:hover {
-  background: rgba(31, 42, 60, 0.5);
-}
-.customline-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  height: 16px;
-  padding: 0 5px;
-  border-radius: 8px;
-  background: rgba(31, 42, 60, 0.6);
-  color: #8f97a6;
-  font-size: 10px;
-  font-family: ui-monospace, Consolas, monospace;
-  line-height: 1;
-}
-.side-panel .customline-remove {
-  background: transparent;
-  border: none;
-  color: #55606f;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 0;
-  line-height: 1;
-  border-radius: 2px;
-  width: 18px;
-  height: 18px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition: color 0.15s, background 0.15s;
-}
-.side-panel .customline-remove:hover {
-  color: #ff7f7f;
-  background: rgba(32, 10, 10, 0.7);
-}
-.cl-add-btn {
-  width: 100%;
-  background: transparent;
-  border: 1px dashed rgba(143, 184, 255, 0.12);
-  color: #6a7588;
-  padding: 5px 8px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 12px;
-  text-align: left;
-  margin-top: 4px;
-  transition: border-color 0.15s, color 0.15s;
-}
-.cl-add-btn:hover {
-  border-color: rgba(52, 100, 168, 0.5);
-  color: #cfe1ff;
-}
-.cl-form {
-  background: rgba(6, 9, 16, 0.55);
-  border: 1px solid rgba(143, 184, 255, 0.07);
-  border-radius: 5px;
-  padding: 8px;
-  margin-top: 6px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.cl-form-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: #8f97a6;
-}
-.cl-form-label {
-  width: 44px;
-  flex-shrink: 0;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.cl-form select {
-  flex: 1;
-  background: rgba(12, 17, 28, 0.7);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 3px 6px;
-  border-radius: 3px;
-  font-size: 12px;
-  font-family: inherit;
-}
-/* Area delete confirm panel */
-.area-delete-confirm {
-  background: rgba(14, 10, 10, 0.7);
-  border: 1px solid rgba(58, 28, 28, 0.8);
-  border-radius: 5px;
-  padding: 10px 12px;
-  margin-top: 2px;
-  margin-bottom: 4px;
-  font-size: 13px;
-}
-.area-delete-confirm p {
-  margin: 0 0 8px;
-  color: #cfd6e0;
-}
-.area-delete-confirm strong {
-  color: #e6e9ef;
-}
-.area-delete-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.area-delete-actions button {
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  transition: background 0.15s;
-}
-.area-delete-actions button:hover:not(:disabled) {
-  background: rgba(52, 80, 120, 0.4);
-}
-.area-delete-actions button.danger {
-  color: #ff8080;
-  border-color: rgba(58, 28, 28, 0.8);
-  background: rgba(21, 8, 8, 0.7);
-}
-.area-delete-actions button.danger:hover {
-  background: rgba(32, 14, 14, 0.8);
-}
-.area-move-row {
-  display: flex;
-  gap: 6px;
-}
-.area-move-row select {
-  flex: 1;
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 8px;
-  border-radius: 4px;
-  font-size: 13px;
-  font-family: inherit;
-}
-.area-move-row button:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-.area-ud-section {
-  padding: 4px 8px 8px;
-  border-left: 2px solid rgba(143, 184, 255, 0.15);
-  margin: 0 0 4px 4px;
-}
-.map-stats {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  margin-bottom: 12px;
-}
-.map-stat-row {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  padding: 3px 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-}
-.map-stat-label {
-  color: #6a7588;
-}
-.map-stat-value {
-  color: #e6e9ef;
-  font-variant-numeric: tabular-nums;
-}
-.warnings-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-bottom: 12px;
-}
-.warning-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 6px;
-  background: rgba(220, 160, 30, 0.08);
-  border: 1px solid rgba(220, 160, 30, 0.25);
-  border-radius: 4px;
-  padding: 5px 6px;
-  font-size: 12px;
-}
-.warning-icon {
-  color: #d4922a;
-  flex-shrink: 0;
-  line-height: 1.4;
-}
-.warning-text {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  flex: 1;
-  min-width: 0;
-}
-.warning-text strong {
-  color: #e6c870;
-  font-weight: 600;
-}
-.warning-detail {
-  color: #8a96aa;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.warning-go-btn {
-  flex-shrink: 0;
-  background: rgba(220, 160, 30, 0.15);
-  border: 1px solid rgba(220, 160, 30, 0.35);
-  border-radius: 3px;
-  color: #e6c870;
-  cursor: pointer;
-  font-size: 11px;
-  padding: 2px 7px;
-}
-.warning-go-btn:hover {
-  background: rgba(220, 160, 30, 0.28);
-}
-/* Env manager modal — grid layout */
-.modal.modal-env {
-  width: 680px;
-  max-width: 95vw;
-  max-height: 85vh;
-}
-.env-modal-body {
-  flex-direction: row !important;
-  gap: 16px !important;
-  align-items: flex-start;
-  min-height: 0;
-}
-.env-modal-left {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-}
-.env-modal-right {
-  width: 180px;
-  flex-shrink: 0;
-}
-.env-filter-input {
-  flex: 1;
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 8px;
-  border-radius: 4px;
-  font-size: 13px;
-  font-family: inherit;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.env-filter-input:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-  box-shadow: 0 0 0 2px rgba(52, 100, 168, 0.12);
-}
-.env-tile-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  padding: 4px 6px;
-}
-.env-tile {
-  position: relative;
-  width: 54px;
-  height: 54px;
-  border-radius: 5px;
-  border: 2px solid transparent;
-  cursor: pointer;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  padding: 0 0 3px;
-  transition: transform 0.12s, border-color 0.12s, box-shadow 0.12s;
-}
-.env-tile:hover {
-  transform: scale(1.08);
-  border-color: #8fb8ff;
-  box-shadow: 0 0 12px rgba(143, 184, 255, 0.2);
-}
-.env-tile.selected {
-  border-color: #00e5ff;
-  box-shadow: 0 0 0 1px #00e5ff, 0 0 12px rgba(0, 229, 255, 0.25);
-}
-.env-tile.custom {
-  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.15);
-}
-.env-tile-id {
-  font-size: 10px;
-  color: rgba(255,255,255,0.9);
-  text-shadow: 0 0 3px #000, 0 0 3px #000;
-  font-family: ui-monospace, Consolas, monospace;
-  line-height: 1;
-}
-.env-tile-badge {
-  position: absolute;
-  top: 3px;
-  right: 3px;
-  font-size: 8px;
-  background: rgba(0,0,0,0.6);
-  color: #ffdf80;
-  padding: 1px 3px;
-  border-radius: 2px;
-  line-height: 1;
-  font-weight: 700;
-}
-.env-tile-dot {
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 6px;
-  height: 6px;
-  background: #7fff9f;
-  border-radius: 50%;
-  border: 1px solid rgba(0,0,0,0.4);
-  box-shadow: 0 0 4px rgba(127, 255, 159, 0.4);
-}
-/* Env detail panel */
-.env-detail {
-  background: rgba(6, 9, 16, 0.6);
-  border: 1px solid rgba(143, 184, 255, 0.08);
-  border-radius: 6px;
-  padding: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.env-detail-swatch {
-  width: 100%;
-  height: 64px;
-  border-radius: 5px;
-  border: 1px solid rgba(143, 184, 255, 0.15);
-}
-.env-detail-id {
-  margin: 0;
-  font-size: 13px;
-  font-weight: 600;
-  color: #8fb8ff;
-}
-.env-detail-tags {
-  margin: 0;
-  display: flex;
-  gap: 4px;
-  flex-wrap: wrap;
-}
-.env-detail-label {
-  font-size: 11px;
-  color: #8f97a6;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.env-detail-empty {
-  background: rgba(6, 9, 16, 0.5);
-  border: 1px dashed rgba(143, 184, 255, 0.1);
-  border-radius: 6px;
-  padding: 16px 12px;
-  color: #55606f;
-  font-size: 13px;
-}
-.env-detail-input {
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 8px;
-  border-radius: 4px;
-  font-size: 13px;
-  font-family: inherit;
-  width: 100%;
-  box-sizing: border-box;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.env-detail-input:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-  box-shadow: 0 0 0 2px rgba(52, 100, 168, 0.12);
-}
-.env-detail-btn {
-  width: 100%;
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  padding: 6px 12px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  font-family: inherit;
-  transition: background 0.15s, border-color 0.15s;
-}
-.env-detail-btn:hover:not(:disabled) {
-  background: rgba(52, 100, 168, 0.3);
-  border-color: rgba(143, 184, 255, 0.25);
-}
-.env-detail-btn:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-.env-detail-btn--danger {
-  color: #ff8080;
-  border-color: rgba(58, 28, 28, 0.8);
-}
-.env-detail-btn--danger:hover {
-  background: rgba(32, 14, 14, 0.8);
-}
-.env-tile-add {
-  background: transparent;
-  border: 2px dashed rgba(143, 184, 255, 0.12);
-  transition: border-color 0.15s, background 0.15s;
-}
-.env-tile-add:hover {
-  border-color: #8fb8ff;
-  background: rgba(6, 9, 16, 0.6);
-}
-.env-tile-add.selected {
-  border-style: solid;
-}
-.env-tile-add-icon {
-  font-size: 22px;
-  color: #55606f;
-  line-height: 1;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transition: color 0.15s;
-}
-.env-tile-add:hover .env-tile-add-icon {
-  color: #8fb8ff;
-}
-.modal-list-actions button.danger {
-  color: #ff8080;
-  border-color: rgba(58, 28, 28, 0.8);
-}
-.modal-list-actions button.danger:hover {
-  background: rgba(32, 14, 14, 0.8);
-}
-/* Side panel selects */
-.side-panel select {
-  background: rgba(6, 9, 16, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 8px;
-  border-radius: 4px;
-  font-size: 13px;
-  font-family: inherit;
-  cursor: pointer;
-  transition: border-color 0.15s;
-}
-.side-panel select:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-}
-.side-panel button {
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  font-family: inherit;
-  transition: background 0.15s, border-color 0.15s;
-}
-.side-panel button:hover:not(:disabled) {
-  background: rgba(52, 100, 168, 0.3);
-  border-color: rgba(143, 184, 255, 0.2);
-}
-.side-panel button:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-/* ── Link selection panels (ExitPanel / CustomLineSelectPanel) ── */
-.link-info {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 10px 0;
-}
-.link-info-row {
-  display: flex;
-  align-items: baseline;
-  gap: 8px;
-  font-size: 13px;
-  color: #b0b8c6;
-}
-.link-info-row .label {
-  min-width: 48px;
-  flex-shrink: 0;
-  font-size: 11px;
-  color: #8f97a6;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.link-info-row .readonly {
-  padding: 0;
-}
-.link-info-row strong {
-  color: #e6e9ef;
-  min-width: 64px;
-}
-.link-info-row .exit-target {
-  margin-left: auto;
-}
-.link-info-row button {
-  background: rgba(31, 42, 60, 0.6);
-  color: #7cb8e0;
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  padding: 2px 8px;
-  border-radius: 3px;
-  cursor: pointer;
-  font-size: 12px;
-  transition: background 0.15s;
-}
-.link-info-row button:hover {
-  background: rgba(52, 80, 120, 0.4);
-}
-.link-delete-btn {
-  width: 100%;
-  background: rgba(58, 26, 26, 0.6) !important;
-  color: #ff6b6b !important;
-  border: 1px solid rgba(90, 42, 42, 0.8) !important;
-  padding: 6px !important;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  transition: background 0.15s !important;
-}
-.link-delete-btn:hover:not(:disabled) {
-  background: rgba(74, 32, 32, 0.8) !important;
-}
-.exit-flow {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin-bottom: 8px;
-}
-.exit-flow .exit-target {
-  margin-left: 0;
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.exit-flow-center {
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  flex-shrink: 0;
-}
-.exit-dir-arrow {
-  color: #7cb8e0;
-  font-size: 14px;
-  padding: 0 2px;
-}
-.exit-dir-label {
-  color: #8a95a3;
-  font-size: 12px;
-}
-.link-delete-inline {
-  background: transparent !important;
-  border: none !important;
-  color: #ff6b6b !important;
-  cursor: pointer;
-  padding: 0 4px !important;
-  font-size: 12px;
-  opacity: 0.5;
-  flex-shrink: 0;
-  transition: opacity 0.15s !important;
-}
-.link-delete-inline:hover {
-  opacity: 1;
-}
-/* History panel */
-.history-list {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.history-item {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 2px 8px;
-  padding: 5px 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  border: 1px solid transparent;
-  text-align: left;
-  width: 100%;
-}
-.history-current {
-  background: rgba(30, 53, 83, 0.6);
-  border-color: rgba(52, 100, 168, 0.5) !important;
-  color: #cfe1ff !important;
-  cursor: default;
-  pointer-events: none;
-  box-shadow: inset 0 0 0 1px rgba(52, 100, 168, 0.1);
-}
-.history-marker {
-  color: #8fb8ff;
-  font-size: 8px;
-  flex-shrink: 0;
-}
-.side-panel .history-done {
-  background: rgba(6, 9, 16, 0.5);
-  color: #b0b8c6;
-  border-color: transparent;
-}
-.side-panel .history-done:hover {
-  background: rgba(31, 42, 60, 0.5);
-  color: #e6e9ef;
-  border-color: rgba(143, 184, 255, 0.1);
-}
-.side-panel .history-undone {
-  background: transparent;
-  color: #3a4a5a;
-  border-color: transparent;
-}
-.side-panel .history-undone:hover {
-  background: rgba(6, 9, 16, 0.4);
-  color: #6a7588;
-  border-color: rgba(143, 184, 255, 0.05);
-}
-.history-label {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-family: ui-monospace, Consolas, monospace;
-}
-.history-sub {
-  flex-basis: 100%;
-  padding-left: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-family: ui-monospace, Consolas, monospace;
-  opacity: 0.45;
-  font-size: 11px;
-}
-.history-sep {
-  text-align: center;
-  font-size: 10px;
-  color: rgba(43, 51, 64, 0.8);
-  padding: 6px 0 4px;
-  letter-spacing: 0.04em;
-}
-.context-menu {
-  position: fixed;
-  z-index: 500;
-  background: rgba(10, 14, 24, 0.92);
-  backdrop-filter: blur(20px);
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  border-radius: 7px;
-  box-shadow:
-    0 8px 32px rgba(0,0,0,0.7),
-    0 0 0 1px rgba(255,255,255,0.03),
-    inset 0 1px 0 rgba(255,255,255,0.04);
-  padding: 3px;
-  min-width: 140px;
-}
-.context-menu-item {
-  display: block;
-  width: 100%;
-  text-align: left;
-  background: transparent;
-  border: none;
-  color: #e6e9ef;
-  padding: 6px 10px;
-  font: inherit;
-  font-size: 12px;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background 0.1s;
-}
-.context-menu-item:hover {
-  background: rgba(52, 80, 120, 0.4);
-}
-.context-menu-item.danger {
-  color: #ff8080;
-}
-.context-menu-item.danger:hover {
-  background: rgba(58, 26, 26, 0.6);
-}
-.context-menu-form {
-  min-width: 200px;
-  padding: 3px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.context-menu-title {
-  font-size: 11px;
-  font-weight: 600;
-  color: #8fb8ff;
-  letter-spacing: 0.04em;
-  padding: 4px 6px 2px;
-  text-transform: uppercase;
-}
-.context-menu-field {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 0 4px;
-}
-.context-menu-field label {
-  font-size: 11px;
-  color: #6a7588;
-  letter-spacing: 0.03em;
-}
-.context-menu-field select,
-.context-menu-field input[type="number"] {
-  background: rgba(6, 9, 16, 0.7);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  border-radius: 4px;
-  padding: 4px 6px;
-  font-size: 12px;
-  font-family: inherit;
-  width: 100%;
-  box-sizing: border-box;
-  transition: border-color 0.15s;
-}
-.context-menu-field select:focus,
-.context-menu-field input[type="number"]:focus {
-  outline: none;
-  border-color: rgba(52, 100, 168, 0.7);
-}
-.context-menu-coords {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  gap: 4px;
-  padding: 0 4px;
-}
-.context-menu-coords .context-menu-field {
-  padding: 0;
-}
-.context-menu-actions {
-  display: flex;
-  gap: 4px;
-  padding: 4px;
-}
-.context-menu-btn {
-  flex: 1;
-  background: rgba(31, 42, 60, 0.6);
-  color: #e6e9ef;
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  border-radius: 4px;
-  padding: 5px 8px;
-  font-size: 12px;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-.context-menu-btn:hover {
-  background: rgba(52, 80, 120, 0.4);
-}
-.context-menu-btn.primary {
-  background: rgba(52, 100, 168, 0.35);
-  border-color: rgba(143, 184, 255, 0.25);
-  color: #8fb8ff;
-}
-.context-menu-btn.primary:hover {
-  background: rgba(52, 100, 168, 0.55);
-}
-/* Help button */
-.help-btn {
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  border: 1px solid rgba(143, 184, 255, 0.2);
-  background: rgba(143, 184, 255, 0.06);
-  color: #8fb8ff;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 1;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s, border-color 0.15s;
-}
-.help-btn:hover {
-  background: rgba(143, 184, 255, 0.15);
-  border-color: rgba(143, 184, 255, 0.4);
-}
-/* Help modal */
-.help-modal-body {
-  padding: 16px 18px 20px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.help-desc {
-  margin: 0;
-  font-size: 12px;
-  color: #8a94a6;
-  line-height: 1.6;
-}
-.help-desc code {
-  background: rgba(143, 184, 255, 0.1);
-  border-radius: 3px;
-  padding: 1px 4px;
-  font-size: 11px;
-  color: #8fb8ff;
-}
-.help-section-title {
-  margin: 4px 0 4px;
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: #4a6080;
-}
-.help-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 12px;
-}
-.help-table td {
-  padding: 4px 6px;
-  vertical-align: top;
-  color: #cfd6e0;
-  border-bottom: 1px solid rgba(143, 184, 255, 0.05);
-}
-.help-table tr:last-child td { border-bottom: none; }
-.help-table td:first-child {
-  white-space: nowrap;
-  padding-right: 10px;
-}
-.help-tool-name {
-  white-space: nowrap;
-  font-weight: 500;
-  color: #8fb8ff;
-  padding-right: 10px;
-}
-.help-tool-hint { color: #7a8494; }
-kbd {
-  display: inline-block;
-  padding: 1px 5px;
-  background: rgba(20, 28, 46, 0.9);
-  border: 1px solid rgba(143, 184, 255, 0.2);
-  border-radius: 4px;
-  font-size: 11px;
-  font-family: inherit;
-  color: #a8bcd8;
-  white-space: nowrap;
-}
-/* ── Swatch Palette ── */
-.swatch-palette {
-  position: fixed;
-  z-index: 20;
-  background: rgba(14, 20, 34, 0.97);
-  backdrop-filter: blur(18px);
-  border: 1px solid rgba(143, 184, 255, 0.18);
-  border-radius: 10px;
-  box-shadow: 0 8px 32px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.05);
-  min-width: 260px;
-  max-width: 380px;
-  user-select: none;
-}
-.swatch-palette-header {
-  display: flex;
-  align-items: center;
-  padding: 7px 10px;
-  cursor: grab;
-  border-bottom: 1px solid rgba(143, 184, 255, 0.08);
-  gap: 6px;
-}
-.swatch-palette-header:active { cursor: grabbing; }
-.swatch-palette-title {
-  flex: 1;
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: #8fb8ff;
-}
-.swatch-palette-close {
-  background: none;
-  border: none;
-  color: #55606f;
-  cursor: pointer;
-  padding: 2px 5px;
-  font-size: 12px;
-  border-radius: 3px;
-  line-height: 1;
-}
-.swatch-palette-close:hover { color: #e6e9ef; background: rgba(143, 184, 255, 0.1); }
-.swatch-set-row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding: 6px 8px;
-  border-bottom: 1px solid rgba(143, 184, 255, 0.08);
-}
-.swatch-set-select {
-  flex: 1;
-  min-width: 80px;
-  background: rgba(10, 14, 22, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.14);
-  border-radius: 4px;
-  color: #e6e9ef;
-  font-size: 12px;
-  font-family: inherit;
-  padding: 3px 6px;
-  height: 26px;
-  cursor: pointer;
-}
-.swatch-set-select:focus { outline: none; border-color: rgba(143, 184, 255, 0.35); }
-.swatch-set-name-input {
-  flex: 1;
-  min-width: 80px;
-  background: rgba(10, 14, 22, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.25);
-  border-radius: 4px;
-  color: #e6e9ef;
-  font-size: 12px;
-  font-family: inherit;
-  padding: 3px 6px;
-  height: 26px;
-}
-.swatch-set-name-input:focus { outline: none; border-color: rgba(52, 100, 168, 0.7); }
-.swatch-icon-btn {
-  background: rgba(31, 42, 60, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  border-radius: 4px;
-  color: #8fb8ff;
-  cursor: pointer;
-  padding: 3px 7px;
-  font-size: 12px;
-  line-height: 1;
-  height: 26px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-}
-.swatch-icon-btn:hover:not(:disabled) { background: rgba(52, 100, 168, 0.3); border-color: rgba(143, 184, 255, 0.25); }
-.swatch-icon-btn:disabled { opacity: 0.35; cursor: not-allowed; }
-.swatch-icon-btn-danger { color: #ff8080; }
-.swatch-icon-btn-danger:hover:not(:disabled) { background: rgba(168, 52, 52, 0.3) !important; }
-.swatch-empty-hint {
-  font-size: 11px;
-  color: #55606f;
-  flex: 1;
-}
-.swatch-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding: 8px 8px;
-}
-.swatch-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  background: rgba(31, 42, 60, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.1);
-  border-radius: 5px;
-  padding: 4px 6px;
-  cursor: pointer;
-  font-size: 12px;
-  max-width: 160px;
-  transition: background 0.12s, border-color 0.12s;
-}
-.swatch-chip:hover { background: rgba(52, 100, 168, 0.2); border-color: rgba(143, 184, 255, 0.2); }
-.swatch-chip.active {
-  background: rgba(30, 53, 83, 0.7);
-  border-color: rgba(52, 100, 168, 0.65);
-  box-shadow: 0 0 8px rgba(52, 100, 168, 0.25);
-}
-.swatch-chip.editing { border-color: rgba(52, 100, 168, 0.4); }
-.swatch-chip-env {
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  border: 1px solid rgba(255,255,255,0.15);
-}
-.swatch-chip-symbol {
-  font-family: ui-monospace, Consolas, monospace;
-  font-size: 11px;
-  color: #00e5ff;
-  min-width: 10px;
-  text-align: center;
-  flex-shrink: 0;
-}
-.swatch-chip-name {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #c8d4e8;
-  font-size: 12px;
-  min-width: 0;
-}
-.swatch-chip-edit,
-.swatch-chip-del {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0 2px;
-  font-size: 11px;
-  opacity: 0;
-  transition: opacity 0.12s, color 0.12s;
-  flex-shrink: 0;
-  color: #55606f;
-  line-height: 1;
-}
-.swatch-chip:hover .swatch-chip-edit,
-.swatch-chip:hover .swatch-chip-del,
-.swatch-chip.active .swatch-chip-edit,
-.swatch-chip.active .swatch-chip-del { opacity: 1; }
-.swatch-chip-edit:hover { color: #8fb8ff !important; opacity: 1 !important; }
-.swatch-chip-del:hover { color: #ff8080 !important; opacity: 1 !important; }
-.swatch-add-btn {
-  background: rgba(31, 42, 60, 0.35);
-  border: 1px dashed rgba(143, 184, 255, 0.18);
-  border-radius: 5px;
-  color: #4a5568;
-  cursor: pointer;
-  padding: 4px 12px;
-  font-size: 15px;
-  line-height: 1;
-  transition: color 0.12s, border-color 0.12s;
-}
-.swatch-add-btn:hover { color: #8fb8ff; border-color: rgba(143, 184, 255, 0.4); }
-.swatch-edit-form {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 6px 8px;
-  background: rgba(8, 12, 22, 0.6);
-  border-top: 1px solid rgba(143, 184, 255, 0.08);
-}
-.swatch-edit-name {
-  flex: 1;
-  min-width: 0;
-  background: rgba(10, 14, 22, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.2);
-  border-radius: 4px;
-  color: #e6e9ef;
-  font-size: 12px;
-  font-family: inherit;
-  padding: 3px 6px;
-  height: 26px;
-}
-.swatch-edit-name:focus { outline: none; border-color: rgba(52, 100, 168, 0.7); }
-.swatch-edit-symbol {
-  width: 44px;
-  flex-shrink: 0;
-  background: rgba(10, 14, 22, 0.7);
-  border: 1px solid rgba(143, 184, 255, 0.2);
-  border-radius: 4px;
-  color: #00e5ff;
-  font-size: 12px;
-  font-family: ui-monospace, Consolas, monospace;
-  padding: 3px 4px;
-  height: 26px;
-  text-align: center;
-}
-.swatch-edit-symbol:focus { outline: none; border-color: rgba(52, 100, 168, 0.7); }
-.swatch-env-picker-wrap {
-  position: relative;
-  flex-shrink: 0;
-}
-.swatch-env-btn {
-  width: 26px;
-  height: 26px;
-  border-radius: 4px;
-  border: 1px solid rgba(255,255,255,0.2);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.swatch-env-btn:hover { border-color: rgba(255,255,255,0.4); }
-.swatch-env-id {
-  font-size: 9px;
-  font-weight: 700;
-  color: rgba(255,255,255,0.9);
-  text-shadow: 0 1px 2px rgba(0,0,0,0.9);
-  pointer-events: none;
-}
-.swatch-env-picker-wrap .env-picker-popup {
-  position: absolute;
-  bottom: calc(100% + 4px);
-  left: 0;
-  z-index: 100;
-}
-.swatch-edit-ok,
-.swatch-edit-cancel {
-  flex-shrink: 0;
-  background: rgba(31, 42, 60, 0.5);
-  border: 1px solid rgba(143, 184, 255, 0.12);
-  border-radius: 4px;
-  color: #8fb8ff;
-  cursor: pointer;
-  padding: 3px 7px;
-  font-size: 12px;
-  height: 26px;
-  display: inline-flex;
-  align-items: center;
-}
-.swatch-edit-ok:hover { background: rgba(52, 100, 168, 0.4); }
-.swatch-edit-cancel:hover { background: rgba(80, 40, 40, 0.4); color: #ff9090; }
-.swatch-empty {
-  padding: 10px 12px;
-  color: #55606f;
-  font-size: 11px;
-  text-align: center;
-}
-.swatch-pick-banner {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  background: rgba(255, 208, 128, 0.07);
-  border-top: 1px solid rgba(255, 208, 128, 0.15);
-  font-size: 11px;
-  color: #ffd080;
-}
-.swatch-pick-banner span { flex: 1; }
+*{box-sizing:border-box}a{color:#8fb8ffd9;text-decoration:none}a:hover{color:#8fb8ff;text-decoration:underline}*{scrollbar-width:thin;scrollbar-color:#8fb8ff26 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8fb8ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8fb8ff47}::-webkit-scrollbar-corner{background:0 0}input[type=checkbox]{appearance:none;cursor:pointer;vertical-align:middle;background:#0a0e16b3;border:1px solid #8fb8ff33;border-radius:3px;flex-shrink:0;width:14px;height:14px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}input[type=checkbox]:hover{background:#141e32cc;border-color:#8fb8ff66}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px #3464a873}input[type=checkbox]:checked{background:#3464a8d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpolyline points='2,6.5 4.5,9 10,3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/10px 10px no-repeat;border-color:#3464a8e6}input[type=checkbox]:checked:hover{background-color:#4a80c0e6;border-color:#4a80c0}input[type=checkbox]:disabled{opacity:.35;cursor:not-allowed}input[type=color]{appearance:none;cursor:pointer;background:0 0;border:1px solid #8fb8ff33;border-radius:4px;width:40px;height:24px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}input[type=color]::-moz-color-swatch{border:none;border-radius:3px}input[type=range]{appearance:none;cursor:pointer;background:#8fb8ff33;border-radius:2px;outline:none;height:4px;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#00e5ff;border-radius:50%;width:14px;height:14px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#00e5ff;border:none;border-radius:50%;width:14px;height:14px}html,body,#root{color:#e6e9ef;background-color:#080c14;background-image:radial-gradient(80% 60% at 20% 0,#1e355359 0%,#0000 60%),radial-gradient(60% 80% at 80% 100%,#121e3c4d 0%,#0000 55%),linear-gradient(160deg,#0a0d16 0%,#080c14 50%,#06090f 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:100%;margin:0;padding:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{height:100%;position:relative}#logo{vertical-align:middle;opacity:.8;height:46px;margin:-10px}.toolbar{-webkit-backdrop-filter:blur(16px)saturate(1.8)brightness(.4);backdrop-filter:blur(16px)saturate(1.8)brightness(.4);z-index:9;background:#1e2a3e85;border:1px solid #8fb8ff2e;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:12px;left:12px;right:12px;overflow:visible;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff14}.toolbar-row{align-items:center;gap:8px;padding:8px 14px;display:flex}.toolbar-row-header{min-height:44px}.toolbar-row-tools{border-top:1px solid #8fb8ff14;gap:6px;padding:4px 14px}.toolbar h1{letter-spacing:.08em;text-transform:uppercase;color:#8fb8ff;white-space:nowrap;text-shadow:0 0 20px #8fb8ff66;margin:0 8px 0 0;padding:6px 12px;font-size:11px;font-weight:600;transition:text-shadow .2s}.toolbar h1:hover{text-shadow:0 0 12px #8fb8ffe6,0 0 28px #8fb8ff80}.toolbar-sep{background:#8fb8ff1a;width:1px;height:22px;margin:0 4px}.toolbar button,.toolbar select,.toolbar label.file-button{color:#e6e9ef;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2a3c99;border:1px solid #8fb8ff1f;border-radius:5px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:13px;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.toolbar select option,.side-panel select option,.cl-form select option,.area-move-row select option{color:#e6e9ef;background:#0e1520}.toolbar button:hover:not(:disabled),.toolbar label.file-button:hover{background:#3464a84d;border-color:#8fb8ff40;box-shadow:0 0 12px #8fb8ff14}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar .tool-group{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06091080;border:1px solid #8fb8ff14;border-radius:6px;gap:2px;padding:2px;display:flex}.toolbar .tool-btn{background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;transition:background .15s,border-color .15s;display:inline-flex}.toolbar .tool-btn.active{color:#cfe1ff;background:#1e3553b3;border-color:#3464a899;box-shadow:0 0 12px #3464a833,inset 0 1px #ffffff0d}.toolbar .tool-key{color:#6a7588;background:#0a0e16b3;border:1px solid #8fb8ff1a;border-radius:3px;justify-content:center;align-self:center;align-items:center;padding:2px 5px;font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1;display:inline-flex}.toolbar .tool-btn.active .tool-key{color:#8fb8ff;background:#060910cc;border-color:#3464a880}.dropdown-select{display:inline-flex;position:relative}.dropdown-trigger{cursor:pointer;color:#e6e9ef;white-space:nowrap;background:#0a0e168c;border:1px solid #8fb8ff24;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 10px 0 0;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s;display:inline-flex;overflow:hidden}.dropdown-trigger:hover,.dropdown-trigger.open{background:#141c2eb3;border-color:#8fb8ff47}.dropdown-trigger-label{text-transform:uppercase;letter-spacing:.06em;color:#6a7588;border-right:1px solid #8fb8ff14;flex-shrink:0;align-items:center;height:100%;padding:0 8px;font-size:10px;line-height:1;display:flex}.dropdown-trigger-value{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;text-align:left;flex:1;min-width:0;padding-left:8px;font-size:10px;overflow:hidden}.dropdown-arrow{color:#6a7588;flex-shrink:0;font-size:9px}.dropdown-backdrop{z-index:999;position:fixed;inset:0}.dropdown-list{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c121ef5;border:1px solid #8fb8ff24;border-radius:10px;flex-direction:column;max-height:320px;display:flex;overflow:hidden;box-shadow:0 12px 40px #000000b3,inset 0 1px #ffffff0d}.dropdown-search-wrap{border-bottom:1px solid #8fb8ff12;flex-shrink:0;padding:8px 8px 6px}.dropdown-search{color:#e6e9ef;box-sizing:border-box;background:#080c14b3;border:1px solid #8fb8ff1f;border-radius:6px;outline:none;width:100%;padding:5px 9px;font-family:inherit;font-size:12px;transition:border-color .15s}.dropdown-search:focus{border-color:#3464a899}.dropdown-search::placeholder{color:#4a5568}.dropdown-options{flex-direction:column;gap:2px;padding:5px;display:flex;overflow-y:auto}.dropdown-option{text-align:left;color:#c8d0dc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:13px;transition:background .1s,color .1s,border-color .1s;display:block}.dropdown-option:hover{color:#e6e9ef;background:#3464a833;border-color:#8fb8ff1a}.dropdown-option.selected{color:#cfe1ff;background:#1e3553b3;border-color:#3464a880}.dropdown-option.highlighted{color:#e6e9ef;background:#3464a840;border-color:#8fb8ff26}.dropdown-option.highlighted.selected{color:#cfe1ff;background:#3464a873;border-color:#3464a8b3}.dropdown-empty{color:#4a5568;text-align:center;padding:8px 10px;font-size:12px}.toolbar-select-label{text-transform:uppercase;letter-spacing:.06em;color:#6a7588;white-space:nowrap;border-right:1px solid #8fb8ff14;flex-shrink:0;padding:0 8px;font-size:10px;line-height:30px}.toolbar-row-tools button,.toolbar-row-tools label.file-button{padding:3px 9px;font-size:12px}.toolbar-row-tools .tool-btn{padding:3px 8px;font-size:12px}.toolbar-row-tools .tool-key{padding:2px 4px;font-size:9px}.toolbar-snap-btn{color:#6a7588;cursor:pointer;background:#0a0e1680;font-size:12px;border:1px solid #8fb8ff1f!important;border-radius:6px!important;padding:3px 10px!important;transition:color .15s,background .15s,border-color .15s!important}.toolbar-snap-btn:hover{color:#cfd6e0}.toolbar-pending-hint{color:#8fb8ff;opacity:.85;white-space:nowrap;pointer-events:none;margin-left:8px;font-size:11px}.toolbar-snap-btn.active{color:#cfe1ff!important;background:#1e3553b3!important;border-color:#3464a899!important;box-shadow:0 0 12px #3464a833,inset 0 1px #ffffff0d!important}.toolbar-goto{background:#0a0e168c;border:1px solid #8fb8ff24;border-radius:7px;align-items:center;height:30px;transition:border-color .15s,background .15s;display:inline-flex;overflow:hidden}.toolbar-goto:focus-within{background:#141c2eb3;border-color:#8fb8ff47}.toolbar-goto-label{text-transform:uppercase;letter-spacing:.06em;color:#6a7588;white-space:nowrap;border-right:1px solid #8fb8ff14;flex-shrink:0;align-items:center;height:100%;padding:0 8px;font-size:10px;display:flex}.toolbar-goto-input{text-transform:uppercase;letter-spacing:.06em;color:#e6e9ef;appearance:textfield;background:0 0;border:none;outline:none;width:56px;height:100%;padding:0 8px;font-family:inherit;font-size:10px}.toolbar-goto-input::-webkit-inner-spin-button{display:none}.toolbar-goto-input::-webkit-outer-spin-button{display:none}.toolbar-goto-input::placeholder{color:#4a5568}.toolbar-goto-btn{color:#6a7588;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:1px solid #8fb8ff14;border-radius:0;flex-shrink:0;height:100%;padding:0 10px;font-family:inherit;font-size:11px;transition:color .15s,background .15s}.toolbar-goto-btn:hover:not(:disabled){color:#cfe1ff;background:#3464a833}.toolbar-goto-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar .status{color:#8f97a6;flex-direction:column;align-items:flex-end;gap:1px;min-width:0;margin-left:auto;padding-left:12px;font-size:12px;display:flex;overflow:hidden}.toolbar .status-file{color:#6a7588;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:11px;overflow:hidden}.toolbar .status-action{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.map-viewport{background:#000;position:absolute;inset:0}.map-container{-webkit-user-select:none;user-select:none;touch-action:none;outline:none;position:absolute;inset:0}.empty-state{text-align:center;color:#55606f;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.empty-state-logo{opacity:.375;width:150px;margin-top:24px}.sessions-panel-overlay{box-sizing:border-box;pointer-events:none;justify-content:center;align-items:flex-start;padding:12px 16px 16px;display:flex;position:absolute;inset:76px 0 0;overflow:hidden}.sessions-panel{pointer-events:all;background:#0e1423f5;border:1px solid #3464a866;border-radius:10px;flex-direction:column;gap:14px;width:100%;min-width:360px;max-width:520px;max-height:100%;padding:20px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0009}.sessions-panel-header{color:#cfe1ff;letter-spacing:.03em;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.sessions-delete-all{color:#c97a7a;cursor:pointer;background:#a834341a;border:1px solid #a8343466;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:400;transition:background .15s}.sessions-delete-all:hover{background:#a8343440}.sessions-list{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex;overflow-y:auto}.session-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;display:flex}.session-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.session-filename{color:#cfe1ff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.session-meta{color:#6a8ab0;font-size:11px}.session-actions{flex-shrink:0;gap:6px;display:flex}.session-actions button{color:#8ab4d8;cursor:pointer;background:#3464a826;border:1px solid #3464a880;border-radius:4px;padding:3px 10px;font-size:11px;transition:background .15s}.session-actions button:hover{background:#3464a84d}.session-actions button.session-delete{color:#c97a7a;background:#a834341a;border-color:#a8343466}.session-actions button.session-delete:hover{background:#a8343440}.sessions-empty{color:#456;text-align:center;padding:8px 0;font-size:12px}.sessions-autodelete{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:8px;padding-top:10px;display:flex}.sessions-autodelete-label{color:#6a8ab0;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:flex}.sessions-autodelete-days{color:#8ab4d8;text-align:center;background:#ffffff0d;border:1px solid #3464a859;border-radius:4px;width:48px;padding:2px 6px;font-size:11px}.sessions-autodelete-days:disabled{opacity:.35}.sessions-autodelete-unit{color:#6a8ab0;font-size:11px}.sessions-panel-hint{color:#456;text-align:center;font-size:11px}.side-panel{-webkit-backdrop-filter:blur(16px)saturate(1.8)brightness(.4);backdrop-filter:blur(16px)saturate(1.8)brightness(.4);z-index:10;background:#1c283c85;border:1px solid #8fb8ff2e;border-radius:12px;flex-direction:column;width:440px;padding:0;font-size:13px;display:flex;position:absolute;top:104px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 4px 24px #0006,inset 0 1px #ffffff14}.side-panel--collapsed{width:48px;overflow:visible;box-shadow:0 4px 24px #0006}.side-panel-collapse-btn{color:#6a7588;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:10px 0 6px;font-size:11px;transition:color .15s;display:flex}.side-panel-collapse-btn:hover{color:#8fb8ff}.side-panel-tabs{background:#080c1480;border-bottom:1px solid #8fb8ff14;border-radius:0;flex-wrap:wrap;flex-shrink:0;display:flex}.side-panel-tabs .side-panel-tab{color:#6a7588;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;align-items:center;margin-bottom:-1px;padding:8px 12px;font-size:11px;transition:color .15s,border-color .15s;display:inline-flex}.side-panel-tab:hover{color:#cfd6e0}.side-panel-tab.active{color:#8fb8ff;text-shadow:0 0 16px #8fb8ff80;border-bottom-color:#8fb8ff}.tab-badge{color:#8fb8ff;background:#8fb8ff26;border-radius:8px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:600;line-height:16px}.side-panel-tab.active .tab-badge{background:#8fb8ff40}.side-panel-tabs .side-panel-tab--collapse{color:#4a5568;letter-spacing:0;border-left:1px solid #8fb8ff12;flex:0 0 26px;justify-content:center;margin-left:auto;padding:8px 0;font-size:10px}.side-panel-tabs--vert{background:0 0;border-bottom:none;flex-direction:column;width:100%;padding:4px 0;display:flex}.side-panel-tabs--vert .side-panel-tab{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.06em;text-align:center;border-bottom:none;border-left:2px solid #0000;border-right:none;flex:none;width:100%;margin-bottom:0;padding:14px 0;font-size:10px;transform:rotate(180deg)}.side-panel-tabs--vert .side-panel-tab.active{color:#8fb8ff;text-shadow:0 0 16px #8fb8ff80;border-bottom-color:#0000;border-left-color:#8fb8ff}.panel-content{flex:1;min-height:0;padding:14px;overflow-y:auto}.side-panel.empty{color:#6a7588}.side-panel h3{color:#8fb8ff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 12px #8fb8ff4d;margin:0 0 10px;font-size:12px;font-weight:600}.room-heading{justify-content:space-between;align-items:center;display:flex}.room-heading-right{align-items:center;gap:4px;display:flex}.room-coords{color:#6a7588;text-transform:none;letter-spacing:0;text-shadow:none;font-size:11px;font-weight:400}.room-center-btn{color:#6a7588;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:2px 3px;line-height:1;transition:color .1s,border-color .1s,background .1s;display:flex}.room-center-btn:hover{color:#b8c8e8;background:#1e2535;border-color:#3a4560}.env-symbol-row{gap:8px;display:flex}.env-symbol-row .field,.env-field{flex:1;min-width:0}.symbol-row{align-items:center;gap:4px;display:flex}.symbol-row input[type=text],.symbol-row input:not([type]){flex:1;min-width:0}.symbol-color-input{cursor:pointer;background:0 0;border:1px solid #2a3550;border-radius:3px;flex-shrink:0;width:28px;height:24px;padding:1px 2px}.symbol-color-clear{color:#7a8aaa;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}.symbol-color-clear:hover{color:#e06060}.side-panel h4{color:#8f97a6;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 6px;font-size:11px;font-weight:600}.side-panel p{color:#8f97a6;margin:6px 0}.side-panel p.hint{font-size:12px}.side-panel .hint-tool{color:#cfd6e0;background:#06091099;border:1px solid #8fb8ff12;border-radius:5px;margin-top:10px;padding:8px 10px;font-size:11px}.side-panel .field{flex-direction:column;gap:4px;margin:8px 0;display:flex}.side-panel .field .label{color:#8f97a6;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.side-panel .field input,.side-panel .field textarea{color:#e6e9ef;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.side-panel .field input:focus,.side-panel .field textarea:focus{border-color:#3464a8b3;outline:none;box-shadow:0 0 0 2px #3464a826}.side-panel .field-row{align-items:flex-end;gap:8px;margin:8px 0 12px;display:flex}.side-panel .field-row>.field{margin:0}.side-panel .field-row>button{cursor:pointer;white-space:nowrap;border:1px solid #444;border-radius:3px;flex-shrink:0;padding:5px 8px;font-family:inherit;font-size:12px}.side-panel .field.checkbox-field{cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin:7px 0}.side-panel .field.checkbox-field input[type=checkbox]{flex-shrink:0;margin:0}.side-panel .field.checkbox-field span{color:#e6e9ef;font-size:13px;line-height:1}.side-panel .readonly{color:#cfd6e0;padding:5px 0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.exit-list{flex-direction:column;gap:3px;display:flex}.exit-row{background:#06091080;border:1px solid #8fb8ff0d;border-radius:4px;grid-template-columns:90px 20px 1fr;align-items:center;gap:6px;padding:4px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px;display:grid}.exit-row .dir{color:#8fb8ff}.exit-row .arrow{color:#55606f}.exit-row .exit-target{color:#e6e9ef;cursor:pointer;text-align:left;background:0 0;border:1px solid #8fb8ff1a;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s}.exit-row .exit-target:hover{background:#1f2a3c99;border-color:#8fb8ff33}.exit-row.empty{color:#55606f;text-align:center;background:0 0;border-color:#0000;grid-template-columns:1fr}.exit-row.special{grid-template-columns:90px 20px 1fr 22px}.exit-row.with-line{grid-template-columns:90px 20px 1fr 26px}.exit-row.special.with-line{grid-template-columns:90px 20px 1fr 26px 22px}.exit-line-btn{color:#6a7588;cursor:pointer;background:0 0;border:1px solid #8fb8ff1a;border-radius:3px;justify-content:center;align-items:center;width:22px;height:20px;padding:0;font-size:13px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.exit-line-btn:hover{color:#cfe1ff;background:#1e355366;border-color:#3464a899}.exit-line-btn.has-line{background:#06091099;border-color:#3464a880}.exit-line-btn .cl-swatch{border-radius:2px;width:12px;height:10px}.exit-line-icon{font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:700}.cl-form-inline{margin:2px 0 6px}.exit-remove{color:#55606f;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:0 2px;font-size:11px;line-height:1;transition:color .15s,background .15s}.exit-remove:hover{color:#ff7f7f;background:#200a0ab3}.special-exits-list{flex-direction:column;gap:3px;display:flex}.special-exits-list .compass-cell{height:auto}.special-exits-list .cc-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:inline-block;overflow:hidden}.special-exit-add{align-items:center;gap:4px;margin-top:6px;display:flex}.special-exit-add input{color:#e6e9ef;box-sizing:border-box;background:#06091099;border:1px solid #8fb8ff1a;border-radius:3px;flex:1;height:24px;padding:0 6px;font-family:inherit;font-size:12px}.special-exit-add button:not(.cc-pick-btn){color:#e6e9ef;cursor:pointer;white-space:nowrap;background:#1f2a3c99;border:1px solid #8fb8ff1f;border-radius:3px;padding:4px 8px;font-size:12px;transition:background .15s,border-color .15s}.special-exit-add button:not(.cc-pick-btn):disabled{opacity:.35;cursor:not-allowed}.special-exit-add .cc-exit-add{flex-shrink:0;width:auto}.special-exit-add .cc-exit-input{flex:none;width:60px}.userdata-list{grid-template-columns:1fr 1fr 22px;align-items:center;gap:3px 4px;display:grid}.userdata-row{display:contents}.ud-key{color:#8fb8ff;text-overflow:ellipsis;white-space:nowrap;padding:2px 5px;font-size:12px;overflow:hidden}.ud-value{color:#e6e9ef;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;width:100%;min-width:0;padding:2px 5px;font-size:12px}.ud-value:focus{border-color:#8fb8ff59;outline:none}.ud-delete{appearance:none;color:#55606f;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:3px;justify-content:center;align-self:center;align-items:center;width:22px;min-width:0;height:22px;margin:0;padding:0 4px 1px;font-family:inherit;font-size:11px;line-height:1;display:flex}.ud-delete:hover{color:#e6e9ef;background:#1f2a3c99}.userdata-empty{color:#55606f;text-align:center;grid-column:1/-1;padding:4px 0;font-size:12px}.userdata-add{display:contents}.ud-new-key,.ud-new-val{color:#e6e9ef;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;width:100%;min-width:0;padding:2px 5px;font-size:12px}.ud-new-key:focus,.ud-new-val:focus{border-color:#8fb8ff59;outline:none}.ud-add{appearance:none;color:#55606f;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:3px;justify-content:center;align-self:center;align-items:center;width:22px;min-width:0;height:22px;margin:0;padding:0 4px 1px;font-family:inherit;font-size:14px;line-height:1;display:flex}.ud-add:hover{color:#e6e9ef;background:#1f2a3c99}.ud-add:disabled{opacity:.35;cursor:not-allowed}.compass-rose{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.compass-extra{grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px;display:grid}.compass-cell{box-sizing:border-box;background:#080c148c;border:1px solid #8fb8ff12;border-radius:5px;flex-direction:column;gap:2px;height:86px;padding:4px 5px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.compass-extra .compass-cell{height:86px}.compass-cell.compass-center{border-style:dashed;border-color:#8fb8ff0f;justify-content:center;align-items:center;gap:4px}.compass-cell .cc-room-lock-btn{cursor:pointer;color:#4a6070;box-sizing:border-box;background:#05080fb3;border:1px solid #8fb8ff14;border-radius:3px;justify-content:center;align-items:center;width:28px;height:22px;padding:0;transition:border-color .15s,color .15s;display:inline-flex}.compass-cell .cc-room-lock-btn:hover{color:#8fb8ff;border-color:#3464a899}.compass-cell .cc-room-lock-btn.lock-active{color:#f07070;border-color:#5c1c1ccc}.cc-room-weight{color:#55606f;text-align:center;-moz-appearance:textfield;background:#05080fb3;border:1px solid #8fb8ff12;border-radius:2px;width:36px;height:20px;padding:0 3px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.cc-room-weight::-webkit-outer-spin-button{-webkit-appearance:none}.cc-room-weight::-webkit-inner-spin-button{-webkit-appearance:none}.cc-room-weight:focus{color:#e6e9ef;border-color:#3464a8b3;outline:none}.cc-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cc-header-btn-slot{flex-shrink:0;align-items:center;gap:2px;height:20px;display:flex}.cc-middle{flex:1;justify-content:center;align-items:center;display:flex}.cc-dim{opacity:.22;pointer-events:none}.cc-weight-wrap{color:#3a4a5a;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.cc-label{color:#2b3340cc;letter-spacing:.04em;font-family:ui-monospace,Consolas,monospace;font-size:10px;font-weight:700}.compass-cell.has-exit .cc-label{color:#8fb8ff}.cc-target{color:#8f97a6;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:1px 0;font-family:ui-monospace,Consolas,monospace;font-size:10px;transition:color .15s;display:block}.cc-target:hover{color:#8fb8ff}.cc-stub-label{text-align:center;color:#55606f;padding:1px 0;font-size:9px;font-style:italic;display:block}.cc-footer{align-items:center;gap:2px;margin-top:3px;display:flex}.compass-cell .cc-door-btn,.compass-cell .cc-icon-btn{cursor:pointer;box-sizing:border-box;background:#05080fb3;border:1px solid #8fb8ff12;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:24px;padding:0;font-family:ui-monospace,Consolas,monospace;font-size:11px;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.compass-cell .cc-door-btn{color:#5a7090}.compass-cell .cc-door-btn:hover{color:#8fb8ff;border-color:#3464a899}.compass-cell .cc-door-btn.door-open{color:#4caf50;border-color:#2a5c2ab3}.compass-cell .cc-door-btn.door-closed{color:#e6c84a;border-color:#5a4e1eb3}.compass-cell .cc-door-btn.door-locked{color:#f07070;border-color:#5c1c1cb3}.compass-cell .cc-icon-btn{color:#5a7090}.compass-cell .cc-icon-btn:hover{color:#8fb8ff;border-color:#3464a899}.compass-cell .cc-icon-btn.lock-active{color:#f07070;border-color:#5c1c1cb3}.compass-cell .cc-icon-btn.stub-active{color:#e6c84a;border-color:#5a4e1eb3}.compass-cell .cc-icon-btn.cc-delete-btn{color:#7a4040}.compass-cell .cc-icon-btn.cc-delete-btn:hover{color:#f07070;border-color:#5c1c1cb3}.cc-header-btn-slot .cc-icon-btn{width:22px;height:20px;font-size:10px}.compass-cell .cc-dim,.compass-cell .cc-dim:hover{opacity:.2;pointer-events:none;color:#5a7090;border-color:#8fb8ff0f}.cc-weight{color:#55606f;-moz-appearance:textfield;background:#05080fb3;border:1px solid #8fb8ff12;border-radius:2px;flex:1;width:0;min-width:0;height:24px;padding:0 3px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.cc-weight::-webkit-outer-spin-button{-webkit-appearance:none}.cc-weight::-webkit-inner-spin-button{-webkit-appearance:none}.cc-weight:focus{color:#e6e9ef;border-color:#3464a8b3;outline:none}.compass-cell.active{background:#0e1825b3;border-color:#3464a899;box-shadow:inset 0 0 0 1px #3464a826}.compass-cell.picking-exit{background:#0e1208b3;border-color:#e6c84ab3;animation:1s ease-in-out infinite alternate pick-pulse}@keyframes url-progress-indeterminate{0%{width:40%;transform:translate(-100%)}50%{width:60%;transform:translate(150%)}to{width:40%;transform:translate(250%)}}@keyframes pick-pulse{0%{border-color:#e6c84ab3;box-shadow:0 0 8px #e6c84a1a}to{box-shadow:none;border-color:#7a642066}}.cc-exit-add{align-items:center;gap:2px;width:100%;display:flex}.cc-exit-input{color:#55606f;-moz-appearance:textfield;background:#05080fb3;border:1px solid #8fb8ff12;border-radius:2px;flex:1;width:0;min-width:0;height:24px;padding:0 3px;font-family:ui-monospace,Consolas,monospace;font-size:9px}.cc-exit-input::-webkit-outer-spin-button{-webkit-appearance:none}.cc-exit-input::-webkit-inner-spin-button{-webkit-appearance:none}.cc-exit-input:focus{color:#e6e9ef;border-color:#3464a8b3;outline:none}.cc-exit-input::placeholder{color:#2a3540cc}.compass-cell .cc-pick-btn,.special-exit-add .cc-pick-btn{cursor:pointer;color:#4a6070;box-sizing:border-box;background:#05080fb3;border:1px solid #8fb8ff12;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.compass-cell .cc-pick-btn:hover,.special-exit-add .cc-pick-btn:hover{color:#8fb8ff;border-color:#3464a899}.compass-cell .cc-pick-btn.picking,.special-exit-add .cc-pick-btn.picking{color:#e6c84a;border-color:#7a6420b3}.env-field-row{align-items:center;gap:8px;display:flex;position:relative}.env-pick-btn{cursor:pointer;border:2px solid #8fb8ff26;border-radius:4px;flex-shrink:0;width:32px;height:24px;padding:0;transition:border-color .15s}.env-pick-btn:hover{border-color:#3464a899}.env-id-label{color:#8f97a6;font-family:ui-monospace,Consolas,monospace;font-size:12px}.env-picker-popup{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c111ce6;border:1px solid #8fb8ff1a;border-radius:8px;min-width:200px;max-width:280px;padding:8px;position:absolute;top:110%;left:0;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff08}.env-picker-filter{color:#e6e9ef;box-sizing:border-box;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;width:100%;margin-bottom:7px;padding:4px 7px;font-family:inherit;font-size:12px;transition:border-color .15s}.env-picker-filter:focus{border-color:#3464a8b3;outline:none;box-shadow:0 0 0 2px #3464a81f}.env-picker-scroll{max-height:220px;overflow-y:auto}.env-picker-grid{flex-wrap:wrap;gap:4px;display:flex}.env-picker-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:flex-end;width:36px;height:36px;padding:0 0 2px;transition:transform .12s,border-color .12s;display:flex;position:relative}.env-picker-swatch:hover{border-color:#8fb8ff;transform:scale(1.1)}.env-picker-swatch.selected{border-color:#00e5ff;box-shadow:0 0 0 1px #00e5ff,0 0 8px #00e5ff4d}.env-picker-id{color:#fffc;text-shadow:0 0 2px #000,0 0 2px #000;font-family:ui-monospace,Consolas,monospace;font-size:9px;line-height:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c111ce0;border:1px solid #8fb8ff1a;border-radius:10px;flex-direction:column;width:480px;max-width:95vw;max-height:80vh;display:flex;box-shadow:0 24px 64px #000000b3,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d}.modal.modal-wide{width:560px}.modal-header{border-bottom:1px solid #8fb8ff14;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.modal-header h2{color:#8fb8ff;letter-spacing:.03em;text-shadow:0 0 16px #8fb8ff59;margin:0;font-size:14px;font-weight:600}.modal-close{color:#6a7588;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;transition:color .15s,background .15s}.modal-close:hover{color:#e6e9ef;background:#1f2a3c99}.modal-body{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.modal-add-row{align-items:center;gap:8px;display:flex}.modal-add-row input{color:#e6e9ef;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;flex:1;padding:6px 8px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.modal-add-row input:focus{border-color:#3464a8b3;outline:none;box-shadow:0 0 0 2px #3464a826}.modal-add-row button{color:#e6e9ef;cursor:pointer;white-space:nowrap;background:#1f2a3c99;border:1px solid #8fb8ff1f;border-radius:4px;padding:6px 12px;font-size:13px;transition:background .15s,border-color .15s}.modal-add-row button:hover:not(:disabled){background:#3464a84d;border-color:#8fb8ff40}.modal-add-row button:disabled{opacity:.35;cursor:not-allowed}.modal-list{flex-direction:column;gap:4px;display:flex}.modal-list-row{background:#06091080;border:1px solid #8fb8ff0f;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s,border-color .15s;display:flex}.modal-list-name{color:#e6e9ef;cursor:default;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.modal-inline-edit{color:#e6e9ef;outline-offset:0;font-family:inherit;font-size:13px;line-height:inherit;background:#0c111ccc;border:none;border-radius:3px;outline:1px solid #3464a899;flex:1;padding:0 6px}.modal-list-meta{color:#6a7588;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:11px}.modal-list-actions{gap:4px;display:flex}.modal-list-actions button{color:#e6e9ef;cursor:pointer;background:#1f2a3c99;border:1px solid #8fb8ff1a;border-radius:3px;padding:3px 8px;font-size:12px;transition:background .15s}.modal-list-actions button:hover{background:#34507866}.modal-list-actions button.icon-btn{min-width:24px;padding:3px 6px}.modal-empty{color:#55606f;text-align:center;padding:8px 0;font-size:13px}.env-grid-list{flex-direction:column;gap:4px;display:flex}.env-list-row{background:#06091080;border:1px solid #8fb8ff0d;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;display:flex}.env-swatch{border:1px solid #8fb8ff26;border-radius:3px;flex-shrink:0;width:24px;height:24px}.env-list-id{color:#8fb8ff;width:36px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.env-list-builtin{color:#55606f;font-size:11px}.env-list-used{color:#7fff9f;background:#0a1a0ab3;border:1px solid #1a3a1acc;border-radius:10px;padding:1px 5px;font-size:10px}.env-remove{color:#55606f;cursor:pointer;background:0 0;border:none;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:12px;transition:color .15s,background .15s}.env-remove:hover{color:#ff7f7f;background:#200a0ab3}.cl-swatch{border:1px solid #ffffff26;border-radius:2px;flex-shrink:0;width:12px;height:12px}.customline-row{background:#06091080;border:1px solid #8fb8ff0d;border-radius:4px;grid-template-columns:14px 1fr auto 18px;align-items:center;gap:8px;min-width:0;padding:4px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px;display:grid}.side-panel .customline-name{color:#e6e9ef;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #8fb8ff1a;border-radius:3px;min-width:0;padding:2px 6px;font-family:inherit;font-size:12px;transition:background .15s;overflow:hidden}.side-panel .customline-name:hover{background:#1f2a3c80}.customline-badge{color:#8f97a6;background:#1f2a3c99;border-radius:8px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 5px;font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1;display:inline-flex}.side-panel .customline-remove{color:#55606f;cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;transition:color .15s,background .15s;display:inline-flex}.side-panel .customline-remove:hover{color:#ff7f7f;background:#200a0ab3}.cl-add-btn{color:#6a7588;cursor:pointer;text-align:left;background:0 0;border:1px dashed #8fb8ff1f;border-radius:4px;width:100%;margin-top:4px;padding:5px 8px;font-size:12px;transition:border-color .15s,color .15s}.cl-add-btn:hover{color:#cfe1ff;border-color:#3464a880}.cl-form{background:#0609108c;border:1px solid #8fb8ff12;border-radius:5px;flex-direction:column;gap:4px;margin-top:6px;padding:8px;display:flex}.cl-form-row{color:#8f97a6;align-items:center;gap:8px;font-size:12px;display:flex}.cl-form-label{text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:44px;font-size:11px}.cl-form select{color:#e6e9ef;background:#0c111cb3;border:1px solid #8fb8ff1a;border-radius:3px;flex:1;padding:3px 6px;font-family:inherit;font-size:12px}.area-delete-confirm{background:#0e0a0ab3;border:1px solid #3a1c1ccc;border-radius:5px;margin-top:2px;margin-bottom:4px;padding:10px 12px;font-size:13px}.area-delete-confirm p{color:#cfd6e0;margin:0 0 8px}.area-delete-confirm strong{color:#e6e9ef}.area-delete-actions{flex-direction:column;gap:6px;display:flex}.area-delete-actions button{color:#e6e9ef;cursor:pointer;background:#1f2a3c99;border:1px solid #8fb8ff1a;border-radius:4px;padding:5px 10px;font-size:13px;transition:background .15s}.area-delete-actions button:hover:not(:disabled){background:#34507866}.area-delete-actions button.danger{color:#ff8080;background:#150808b3;border-color:#3a1c1ccc}.area-delete-actions button.danger:hover{background:#200e0ecc}.area-move-row{gap:6px;display:flex}.area-move-row select{color:#e6e9ef;background:#1f2a3c99;border:1px solid #8fb8ff1a;border-radius:4px;flex:1;padding:5px 8px;font-family:inherit;font-size:13px}.area-move-row button:disabled{opacity:.35;cursor:not-allowed}.area-ud-section{border-left:2px solid #8fb8ff26;margin:0 0 4px 4px;padding:4px 8px 8px}.map-stats{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.map-stat-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.map-stat-label{color:#6a7588}.map-stat-value{color:#e6e9ef;font-variant-numeric:tabular-nums}.warnings-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.warning-row{background:#dca01e14;border:1px solid #dca01e40;border-radius:4px;align-items:flex-start;gap:6px;padding:5px 6px;font-size:12px;display:flex}.warning-icon{color:#d4922a;flex-shrink:0;line-height:1.4}.warning-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.warning-text strong{color:#e6c870;font-weight:600}.warning-detail{color:#8a96aa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.warning-go-btn{color:#e6c870;cursor:pointer;background:#dca01e26;border:1px solid #dca01e59;border-radius:3px;flex-shrink:0;padding:2px 7px;font-size:11px}.warning-go-btn:hover{background:#dca01e47}.modal.modal-env{width:680px;max-width:95vw;max-height:85vh}.env-modal-body{align-items:flex-start;min-height:0;flex-direction:row!important;gap:16px!important}.env-modal-left{flex-direction:column;flex:1;min-width:0;display:flex}.env-modal-right{flex-shrink:0;width:180px}.env-filter-input{color:#e6e9ef;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;flex:1;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.env-filter-input:focus{border-color:#3464a8b3;outline:none;box-shadow:0 0 0 2px #3464a81f}.env-tile-grid{flex-wrap:wrap;gap:6px;padding:4px 6px;display:flex}.env-tile{cursor:pointer;border:2px solid #0000;border-radius:5px;justify-content:center;align-items:flex-end;width:54px;height:54px;padding:0 0 3px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.env-tile:hover{border-color:#8fb8ff;transform:scale(1.08);box-shadow:0 0 12px #8fb8ff33}.env-tile.selected{border-color:#00e5ff;box-shadow:0 0 0 1px #00e5ff,0 0 12px #00e5ff40}.env-tile.custom{box-shadow:inset 0 0 0 2px #ffffff26}.env-tile-id{color:#ffffffe6;text-shadow:0 0 3px #000,0 0 3px #000;font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1}.env-tile-badge{color:#ffdf80;background:#0009;border-radius:2px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1;position:absolute;top:3px;right:3px}.env-tile-dot{background:#7fff9f;border:1px solid #0006;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px;box-shadow:0 0 4px #7fff9f66}.env-detail{background:#06091099;border:1px solid #8fb8ff14;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.env-detail-swatch{border:1px solid #8fb8ff26;border-radius:5px;width:100%;height:64px}.env-detail-id{color:#8fb8ff;margin:0;font-size:13px;font-weight:600}.env-detail-tags{flex-wrap:wrap;gap:4px;margin:0;display:flex}.env-detail-label{color:#8f97a6;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.env-detail-empty{color:#55606f;background:#06091080;border:1px dashed #8fb8ff1a;border-radius:6px;padding:16px 12px;font-size:13px}.env-detail-input{color:#e6e9ef;box-sizing:border-box;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;width:100%;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.env-detail-input:focus{border-color:#3464a8b3;outline:none;box-shadow:0 0 0 2px #3464a81f}.env-detail-btn{color:#e6e9ef;cursor:pointer;background:#1f2a3c99;border:1px solid #8fb8ff1f;border-radius:4px;width:100%;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s}.env-detail-btn:hover:not(:disabled){background:#3464a84d;border-color:#8fb8ff40}.env-detail-btn:disabled{opacity:.35;cursor:not-allowed}.env-detail-btn--danger{color:#ff8080;border-color:#3a1c1ccc}.env-detail-btn--danger:hover{background:#200e0ecc}.env-tile-add{background:0 0;border:2px dashed #8fb8ff1f;transition:border-color .15s,background .15s}.env-tile-add:hover{background:#06091099;border-color:#8fb8ff}.env-tile-add.selected{border-style:solid}.env-tile-add-icon{color:#55606f;font-size:22px;line-height:1;transition:color .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.env-tile-add:hover .env-tile-add-icon{color:#8fb8ff}.modal-list-actions button.danger{color:#ff8080;border-color:#3a1c1ccc}.modal-list-actions button.danger:hover{background:#200e0ecc}.side-panel select{color:#e6e9ef;cursor:pointer;background:#06091099;border:1px solid #8fb8ff1a;border-radius:4px;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .15s}.side-panel select:focus{border-color:#3464a8b3;outline:none}.side-panel button{color:#e6e9ef;cursor:pointer;background:#1f2a3c99;border:1px solid #8fb8ff1a;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s}.side-panel button:hover:not(:disabled){background:#3464a84d;border-color:#8fb8ff33}.side-panel button:disabled{opacity:.35;cursor:not-allowed}.link-info{flex-direction:column;gap:8px;padding:10px 0;display:flex}.link-info-row{color:#b0b8c6;align-items:baseline;gap:8px;font-size:13px;display:flex}.link-info-row .label{color:#8f97a6;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:48px;font-size:11px}.link-info-row .readonly{padding:0}.link-info-row strong{color:#e6e9ef;min-width:64px}.link-info-row .exit-target{margin-left:auto}.link-info-row button{color:#7cb8e0;cursor:pointer;background:#1f2a3c99;border:1px solid #8fb8ff1a;border-radius:3px;padding:2px 8px;font-size:12px;transition:background .15s}.link-info-row button:hover{background:#34507866}.link-delete-btn{cursor:pointer;border-radius:4px;width:100%;font-size:13px;color:#ff6b6b!important;background:#3a1a1a99!important;border:1px solid #5a2a2acc!important;padding:6px!important;transition:background .15s!important}.link-delete-btn:hover:not(:disabled){background:#4a2020cc!important}.exit-flow{align-items:center;gap:4px;margin-bottom:8px;display:flex}.exit-flow .exit-target{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-left:0;overflow:hidden}.exit-flow-center{flex-shrink:0;align-items:center;gap:3px;display:flex}.exit-dir-arrow{color:#7cb8e0;padding:0 2px;font-size:14px}.exit-dir-label{color:#8a95a3;font-size:12px}.link-delete-inline{cursor:pointer;opacity:.5;flex-shrink:0;font-size:12px;color:#ff6b6b!important;background:0 0!important;border:none!important;padding:0 4px!important;transition:opacity .15s!important}.link-delete-inline:hover{opacity:1}.history-list{flex-direction:column;gap:2px;display:flex}.history-item{text-align:left;border:1px solid #0000;border-radius:4px;flex-wrap:wrap;align-items:center;gap:2px 8px;width:100%;padding:5px 8px;font-size:12px;display:flex}.history-current{cursor:default;pointer-events:none;background:#1e355399;box-shadow:inset 0 0 0 1px #3464a81a;color:#cfe1ff!important;border-color:#3464a880!important}.history-marker{color:#8fb8ff;flex-shrink:0;font-size:8px}.side-panel .history-done{color:#b0b8c6;background:#06091080;border-color:#0000}.side-panel .history-done:hover{color:#e6e9ef;background:#1f2a3c80;border-color:#8fb8ff1a}.side-panel .history-undone{color:#3a4a5a;background:0 0;border-color:#0000}.side-panel .history-undone:hover{color:#6a7588;background:#06091066;border-color:#8fb8ff0d}.history-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,Consolas,monospace;overflow:hidden}.history-sub{text-overflow:ellipsis;white-space:nowrap;opacity:.45;flex-basis:100%;padding-left:16px;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow:hidden}.history-sep{text-align:center;color:#2b3340cc;letter-spacing:.04em;padding:6px 0 4px;font-size:10px}.context-menu{z-index:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e18eb;border:1px solid #8fb8ff1a;border-radius:7px;min-width:140px;padding:3px;position:fixed;box-shadow:0 8px 32px #000000b3,0 0 0 1px #ffffff08,inset 0 1px #ffffff0a}.context-menu-item{text-align:left;color:#e6e9ef;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:12px;transition:background .1s;display:block}.context-menu-item:hover{background:#34507866}.context-menu-item.danger{color:#ff8080}.context-menu-item.danger:hover{background:#3a1a1a99}.context-menu-form{flex-direction:column;gap:6px;min-width:200px;padding:3px;display:flex}.context-menu-title{color:#8fb8ff;letter-spacing:.04em;text-transform:uppercase;padding:4px 6px 2px;font-size:11px;font-weight:600}.context-menu-field{flex-direction:column;gap:2px;padding:0 4px;display:flex}.context-menu-field label{color:#6a7588;letter-spacing:.03em;font-size:11px}.context-menu-field select,.context-menu-field input[type=number]{color:#e6e9ef;box-sizing:border-box;background:#060910b3;border:1px solid #8fb8ff1f;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:12px;transition:border-color .15s}.context-menu-field select:focus,.context-menu-field input[type=number]:focus{border-color:#3464a8b3;outline:none}.context-menu-coords{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:0 4px;display:grid}.context-menu-coords .context-menu-field{padding:0}.context-menu-actions{gap:4px;padding:4px;display:flex}.context-menu-btn{color:#e6e9ef;cursor:pointer;background:#1f2a3c99;border:1px solid #8fb8ff1f;border-radius:4px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px;transition:background .15s}.context-menu-btn:hover{background:#34507866}.context-menu-btn.primary{color:#8fb8ff;background:#3464a859;border-color:#8fb8ff40}.context-menu-btn.primary:hover{background:#3464a88c}.help-btn{color:#8fb8ff;cursor:pointer;background:#8fb8ff0f;border:1px solid #8fb8ff33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,border-color .15s;display:flex}.help-btn:hover{background:#8fb8ff26;border-color:#8fb8ff66}.help-modal-body{flex-direction:column;gap:12px;padding:16px 18px 20px;display:flex;overflow-y:auto}.help-desc{color:#8a94a6;margin:0;font-size:12px;line-height:1.6}.help-desc code{color:#8fb8ff;background:#8fb8ff1a;border-radius:3px;padding:1px 4px;font-size:11px}.help-section-title{letter-spacing:.08em;text-transform:uppercase;color:#4a6080;margin:4px 0;font-size:11px;font-weight:600}.help-table{border-collapse:collapse;width:100%;font-size:12px}.help-table td{vertical-align:top;color:#cfd6e0;border-bottom:1px solid #8fb8ff0d;padding:4px 6px}.help-table tr:last-child td{border-bottom:none}.help-table td:first-child{white-space:nowrap;padding-right:10px}.help-tool-name{white-space:nowrap;color:#8fb8ff;padding-right:10px;font-weight:500}.help-tool-hint{color:#7a8494}kbd{color:#a8bcd8;white-space:nowrap;background:#141c2ee6;border:1px solid #8fb8ff33;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px;display:inline-block}.swatch-palette{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-user-select:none;user-select:none;background:#0e1422f7;border:1px solid #8fb8ff2e;border-radius:10px;min-width:260px;max-width:380px;position:fixed;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff0d}.swatch-palette-header{cursor:grab;border-bottom:1px solid #8fb8ff14;align-items:center;gap:6px;padding:7px 10px;display:flex}.swatch-palette-header:active{cursor:grabbing}.swatch-palette-title{letter-spacing:.1em;text-transform:uppercase;color:#8fb8ff;flex:1;font-size:10px;font-weight:600}.swatch-palette-close{color:#55606f;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:12px;line-height:1}.swatch-palette-close:hover{color:#e6e9ef;background:#8fb8ff1a}.swatch-set-row{border-bottom:1px solid #8fb8ff14;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.swatch-set-select{color:#e6e9ef;cursor:pointer;background:#0a0e16b3;border:1px solid #8fb8ff24;border-radius:4px;flex:1;min-width:80px;height:26px;padding:3px 6px;font-family:inherit;font-size:12px}.swatch-set-select:focus{border-color:#8fb8ff59;outline:none}.swatch-set-name-input{color:#e6e9ef;background:#0a0e16b3;border:1px solid #8fb8ff40;border-radius:4px;flex:1;min-width:80px;height:26px;padding:3px 6px;font-family:inherit;font-size:12px}.swatch-set-name-input:focus{border-color:#3464a8b3;outline:none}.swatch-icon-btn{color:#8fb8ff;cursor:pointer;white-space:nowrap;background:#1f2a3c80;border:1px solid #8fb8ff1f;border-radius:4px;justify-content:center;align-items:center;height:26px;padding:3px 7px;font-size:12px;line-height:1;display:inline-flex}.swatch-icon-btn:hover:not(:disabled){background:#3464a84d;border-color:#8fb8ff40}.swatch-icon-btn:disabled{opacity:.35;cursor:not-allowed}.swatch-icon-btn-danger{color:#ff8080}.swatch-icon-btn-danger:hover:not(:disabled){background:#a834344d!important}.swatch-empty-hint{color:#55606f;flex:1;font-size:11px}.swatch-grid{flex-wrap:wrap;gap:4px;padding:8px;display:flex}.swatch-chip{cursor:pointer;background:#1f2a3c80;border:1px solid #8fb8ff1a;border-radius:5px;align-items:center;gap:4px;max-width:160px;padding:4px 6px;font-size:12px;transition:background .12s,border-color .12s;display:inline-flex}.swatch-chip:hover{background:#3464a833;border-color:#8fb8ff33}.swatch-chip.active{background:#1e3553b3;border-color:#3464a8a6;box-shadow:0 0 8px #3464a840}.swatch-chip.editing{border-color:#3464a866}.swatch-chip-env{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:12px;height:12px}.swatch-chip-symbol{color:#00e5ff;text-align:center;flex-shrink:0;min-width:10px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.swatch-chip-name{text-overflow:ellipsis;white-space:nowrap;color:#c8d4e8;flex:1;min-width:0;font-size:12px;overflow:hidden}.swatch-chip-edit,.swatch-chip-del{cursor:pointer;opacity:0;color:#55606f;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:11px;line-height:1;transition:opacity .12s,color .12s}.swatch-chip:hover .swatch-chip-edit,.swatch-chip:hover .swatch-chip-del,.swatch-chip.active .swatch-chip-edit,.swatch-chip.active .swatch-chip-del{opacity:1}.swatch-chip-edit:hover{color:#8fb8ff!important;opacity:1!important}.swatch-chip-del:hover{color:#ff8080!important;opacity:1!important}.swatch-add-btn{color:#4a5568;cursor:pointer;background:#1f2a3c59;border:1px dashed #8fb8ff2e;border-radius:5px;padding:4px 12px;font-size:15px;line-height:1;transition:color .12s,border-color .12s}.swatch-add-btn:hover{color:#8fb8ff;border-color:#8fb8ff66}.swatch-edit-form{background:#080c1699;border-top:1px solid #8fb8ff14;align-items:center;gap:4px;padding:6px 8px;display:flex}.swatch-edit-name{color:#e6e9ef;background:#0a0e16b3;border:1px solid #8fb8ff33;border-radius:4px;flex:1;min-width:0;height:26px;padding:3px 6px;font-family:inherit;font-size:12px}.swatch-edit-name:focus{border-color:#3464a8b3;outline:none}.swatch-edit-symbol{color:#00e5ff;text-align:center;background:#0a0e16b3;border:1px solid #8fb8ff33;border-radius:4px;flex-shrink:0;width:44px;height:26px;padding:3px 4px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.swatch-edit-symbol:focus{border-color:#3464a8b3;outline:none}.swatch-env-picker-wrap{flex-shrink:0;position:relative}.swatch-env-btn{cursor:pointer;border:1px solid #fff3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.swatch-env-btn:hover{border-color:#fff6}.swatch-env-id{color:#ffffffe6;text-shadow:0 1px 2px #000000e6;pointer-events:none;font-size:9px;font-weight:700}.swatch-env-picker-wrap .env-picker-popup{z-index:100;position:absolute;bottom:calc(100% + 4px);left:0}.swatch-edit-ok,.swatch-edit-cancel{color:#8fb8ff;cursor:pointer;background:#1f2a3c80;border:1px solid #8fb8ff1f;border-radius:4px;flex-shrink:0;align-items:center;height:26px;padding:3px 7px;font-size:12px;display:inline-flex}.swatch-edit-ok:hover{background:#3464a866}.swatch-edit-cancel:hover{color:#ff9090;background:#50282866}.swatch-empty{color:#55606f;text-align:center;padding:10px 12px;font-size:11px}.swatch-pick-banner{color:#ffd080;background:#ffd08012;border-top:1px solid #ffd08026;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.swatch-pick-banner span{flex:1}
+/*$vite$:1*/