:root {
      color-scheme: dark;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }

    html, body, #space-map {
      width: 100%;
      height: 100%;
      margin: 0;
      overflow: hidden;
      background: #02040b;
    }

    canvas {
      display: block;
      width: 100%;
      height: 100%;
      touch-action: none;
      cursor: grab;
    }

    canvas:active { cursor: grabbing; }
    canvas.is-pointing { cursor: pointer; }

    .panel {
      position: absolute;
      z-index: 2;
      border: 1px solid rgba(164, 199, 255, 0.22);
      background: rgba(5, 10, 24, 0.76);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.32);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    #title-panel {
      top: 18px;
      left: 18px;
      max-width: min(360px, calc(100% - 36px));
      padding: 14px 16px;
      border-radius: 14px;
      pointer-events: none;
    }

    h1 {
      margin: 0 0 5px;
      color: #f4f8ff;
      font-size: 17px;
      font-weight: 650;
      letter-spacing: 0.01em;
    }

    #selection {
      color: #9fc8ff;
      font-size: 14px;
      font-weight: 600;
    }

    #instructions {
      margin-top: 7px;
      color: rgba(225, 236, 255, 0.72);
      font-size: 13px;
      line-height: 1.42;
    }

    #scale-notice {
      margin-top: 9px;
      padding-top: 9px;
      border-top: 1px solid rgba(164, 199, 255, 0.16);
      color: #f3cc83;
      font-size: 12px;
      line-height: 1.38;
    }

    #details-panel {
      top: 18px;
      right: 18px;
      width: min(330px, calc(100% - 36px));
      max-height: calc(100% - 94px);
      overflow: auto;
      padding: 15px 16px;
      border-radius: 14px;
    }

    #details-panel h2 {
      margin: 0 0 4px;
      color: #f5f8ff;
      font-size: 20px;
      line-height: 1.2;
    }

    .body-type {
      color: #8ebeff;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.09em;
      text-transform: uppercase;
    }

    .body-description {
      margin: 10px 0 13px;
      color: rgba(230, 238, 252, 0.78);
      font-size: 13px;
      line-height: 1.45;
    }

    .detail-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 7px 12px;
      margin: 0;
      font-size: 12px;
    }

    .detail-grid dt { color: rgba(205, 220, 244, 0.62); }
    .detail-grid dd { margin: 0; color: #f3f7ff; text-align: right; }

    .scale-explanation {
      margin-top: 13px;
      padding: 10px;
      border: 1px solid rgba(243, 204, 131, 0.2);
      border-radius: 9px;
      background: rgba(105, 72, 19, 0.15);
      color: rgba(255, 226, 169, 0.88);
      font-size: 12px;
      line-height: 1.42;
    }

    #distance-label {
      position: absolute;
      z-index: 3;
      display: none;
      transform: translate(-50%, -50%);
      padding: 6px 8px;
      border: 1px solid rgba(255, 211, 124, 0.45);
      border-radius: 7px;
      background: rgba(5, 9, 20, 0.88);
      color: #ffe0a3;
      font-size: 11px;
      line-height: 1.25;
      white-space: nowrap;
      pointer-events: none;
    }

    .info { display:inline-flex; }
    .info button { min-height:24px; width:24px; padding:0; border-radius:50%; font-size:14px; }
    #term-help { position:fixed; z-index:30; max-width:290px; padding:12px; background:#172944; border:1px solid #8abcf2; border-radius:8px; color:white; font-size:14px; line-height:1.45; }
    #term-help[hidden] { display:none; }
    #body-picker { position:absolute; top:155px; left:18px; z-index:3; max-width:240px; }
    .detail-grid { grid-template-columns:1fr 1fr; font-size:14px; }
    .detail-grid dd { overflow-wrap:anywhere; }
    #controls {
      right: 18px;
      bottom: 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      padding: 8px;
      border-radius: 14px;
    }

    button, select {
      min-height: 42px;
      border: 1px solid rgba(170, 204, 255, 0.22);
      border-radius: 9px;
      background: rgba(20, 34, 61, 0.92);
      color: #eef5ff;
      font: inherit;
      font-size: 14px;
    }

    button {
      padding: 0 14px;
      cursor: pointer;
    }

    button:hover, button:focus-visible, select:hover, select:focus-visible {
      border-color: rgba(126, 189, 255, 0.8);
      background: rgba(31, 54, 92, 0.96);
      outline: none;
    }

    select { padding: 0 34px 0 12px; cursor: pointer; }

    #loading {
      position: absolute;
      inset: 0;
      z-index: 5;
      display: grid;
      place-items: center;
      background: #02040b;
      color: #cfe4ff;
      font-size: 15px;
      transition: opacity 350ms ease;
      pointer-events: none;
    }

    #loading.hidden { opacity: 0; }

    #error-message {
      display: none;
      position: absolute;
      inset: 20px;
      z-index: 10;
      place-items: center;
      padding: 24px;
      color: #fff;
      text-align: center;
      background: #080d1b;
    }

    @media (max-width: 760px) {
      #title-panel { top: 12px; left: 12px; }
      #instructions { display: none; }
      #scale-notice { max-width: 245px; }
      #details-panel {
        top: auto;
        right: 12px;
        bottom: 70px;
        left: 12px;
        width: auto;
        max-height: 39%;
      }
      #controls {
        right: 12px;
        bottom: 12px;
        left: 12px;
        justify-content: stretch;
      }
      #controls > * { flex: 1; min-width: 0; }
      button, select { font-size: 13px; padding-inline: 9px; }
    }

    @media (prefers-reduced-motion: reduce) {
      #loading { transition: none; }
    }
    #body-picker { display:none !important; }
    .info button {min-height:16px;height:16px;width:16px;font-size:11px;line-height:14px;vertical-align:middle;}
    .info {vertical-align:middle;}
    #left-stack {position:absolute;z-index:3;left:18px;top:18px;bottom:110px;width:290px;display:flex;flex-direction:column;gap:12px;pointer-events:none;}
    #left-stack #title-panel {position:relative;inset:auto;max-width:none;width:100%;flex-shrink:0;}
    #left-stack #title-panel {order:-1;}
    #left-stack #catalogue-panel {position:relative;inset:auto;width:100%;min-height:42px;pointer-events:auto;flex:1;}
    #region-dialog {color:#eaf2ff;background:#081526;border:1px solid #819bbb;border-radius:14px;max-width:500px;max-height:80vh;overflow:auto;}
    #region-dialog::backdrop {background:#0008;}
    #catalogue-panel { top:205px;left:18px;width:290px;bottom:88px;overflow:auto;padding:14px;border-radius:14px; }
    #catalogue-panel summary { cursor:pointer;font-size:16px;font-weight:650; }
    #catalogue-panel input, #catalogue-panel select { width:100%;margin:8px 0; }
    input { min-height:42px;padding:8px;border:1px solid #456184;border-radius:8px;background:#0b172b;color:#eef5ff;font:inherit;min-width:0; }
    #catalogue-results button { width:100%;text-align:left; margin:3px 0;padding:9px; }
    #catalogue-results small { display:block;color:#9bb7d8; }
    #catalogue-status, #import-status { font-size:13px;line-height:1.5;color:#b4c9e5;overflow-wrap:anywhere; }
    .body-description { font-size:14px; } .scale-explanation { font-size:14px; }
    .measure-status { display:block;color:#92b7d5;font-size:12px; }
    .catalogue-actions {display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;}
    .catalogue-actions button {flex:1;padding:5px;}
    #details-panel pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:360px;overflow:auto;}
    #details-panel a {color:#91caff;} #details-panel details {margin-top:14px;}
    #details-panel summary {cursor:pointer;}
    @media(max-width:900px) { #catalogue-panel {width:240px;} #title-panel {max-width:290px;} }
    @media(max-width:760px) {
      #title-panel {top:8px;left:8px;right:8px;max-width:none;padding:8px 12px;} #title-panel h1 {font-size:16px;}
      #scale-notice {max-width:none;font-size:12px;margin-top:4px;padding-top:4px;} #selection {font-size:13px;}
      #catalogue-panel {top:115px;left:8px;right:8px;width:auto;bottom:auto;max-height:36%;padding:10px;}
      #catalogue-panel:not([open]) {max-height:46px;}
      #details-panel {bottom:120px;max-height:35%;padding:10px;}
      #controls {gap:4px;padding:5px;} #controls button,#controls select {font-size:12px;min-height:38px;}
    }
    @media(max-width:760px) {
      #left-stack {left:8px;right:8px;top:8px;width:auto;bottom:auto;max-height:42%;}
      #left-stack #catalogue-panel {flex:initial;max-height:25vh;overflow:auto;}
    }
  .object-summary{margin:8px 0 13px;padding:10px 0 2px;color:rgba(230,238,252,.86);font-size:14px;line-height:1.52;border-top:1px solid rgba(164,199,255,.12);}
[hidden] {display:none !important;}
    .panel-toggle {position:absolute;z-index:8;top:8px;min-height:32px;background:#091322e8;border:1px solid #43536b;color:#eaf2ff;border-radius:8px;}
    #toggle-catalogue {left:18px;} #toggle-details {right:18px;}
    #left-stack {top:50px;} #details-panel {top:50px;}
    #left-stack #catalogue-panel:not([open]) {flex:0;}
    #controls {z-index:9;}
    @media(max-width:600px){#left-stack{top:48px;}#details-panel{top:auto;} .panel-toggle{font-size:12px;}}
    
    #toggle-title{left:168px;}
    #body-actions{display:flex;gap:8px;margin:10px 0 4px;pointer-events:auto;}
    .body-action{width:34px;height:34px;min-height:34px;padding:6px;flex:none;}
    .body-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
    #body-action-status{font-size:13px;line-height:1.4;} .object-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.object-heading-title{min-width:0;flex:1}.object-favourite-button{width:34px;height:34px;min-height:34px;padding:5px;flex:none;display:inline-flex;align-items:center;justify-content:center}.object-favourite-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.object-favourite-button[aria-pressed="true"] svg{fill:currentColor}.trajectory-action{margin:7px 0;display:flex;flex-wrap:wrap;gap:7px}.trajectory-action button{min-height:34px}.trajectory-status{font-size:12px;line-height:1.45;color:#c7d7e7}
    #title-panel{pointer-events:auto;}
    #scale-details summary{cursor:pointer;color:#d5b46c;font-size:13px;margin-top:8px;}
    #source-credit{left:18px;bottom:18px;max-width:280px;padding:8px 12px;display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.35;z-index:4;}
    #source-credit a{color:#c4d9ef;}#motion-badge{color:#e3be78;}
    #mobile-navigation{display:none;}
    @media(min-width:761px){#controls{left:315px;right:18px;}#left-stack{bottom:145px;}}
    @media(max-width:760px){
      .panel-toggle{display:none!important;}
      #mobile-navigation{position:absolute;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:15;background:#050b14ed;padding:6px;border-radius:12px;}
      #mobile-navigation button{min-height:44px;font-size:13px;padding:6px 2px;}
      #mobile-navigation button[aria-expanded="true"]{background:#274c70;border-color:#a6c8e8;}
      #left-stack{display:contents;}
      #left-stack #title-panel,#left-stack #catalogue-panel,#details-panel,#controls{position:absolute;inset:10px 8px calc(78px + env(safe-area-inset-bottom)) 8px;width:auto;max-width:none;max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;z-index:12;background:#07101bf5;pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
      #left-stack #catalogue-panel:not([open]){max-height:none;}
      #controls{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;}
      #controls>*{flex:0 0 auto;width:100%;box-sizing:border-box;}
      #controls button,#controls select,#catalogue-panel select,#catalogue-panel input{font-size:16px;min-height:44px;width:100%;box-sizing:border-box;}
      .catalogue-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;}
      .catalogue-actions>*{width:100%;box-sizing:border-box;}#catalogue-panel input[type="checkbox"]{width:18px;min-height:18px;}
      #source-credit{left:8px;right:8px;bottom:calc(73px + env(safe-area-inset-bottom));max-width:none;pointer-events:auto;background:#050a12b0;font-size:10px;z-index:3;}
      #title-panel h1{font-size:20px;}#scale-notice{font-size:14px;}#scale-details summary{font-size:15px;}#body-actions .body-action{width:40px;height:40px;min-height:40px;}
      #term-help{z-index:30;}#distance-label{max-width:70%;white-space:normal;}
    }
  
    /* Bottom tool dock: short categories replace the catalogue's long controls. */
    #controls{display:block;left:18px;right:18px;padding:10px;}
    .toolbar-primary,.toolbar-tabs,.toolbar-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
    .toolbar-tabs{margin:8px 0;border-bottom:1px solid #57708b;padding-bottom:6px;}
    .toolbar-tabs button{min-height:34px;font-size:13px;}
    .toolbar-tabs button[aria-selected="true"]{background:#355e85;border-color:#aed4f4;}
    .toolbar-panel .catalogue-actions{margin:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:8px;}
    .toolbar-panel label{font-size:12px;display:inline-flex;align-items:center;gap:5px;}
    .toolbar-panel select,.toolbar-panel button,.toolbar-panel input{min-height:34px;font-size:13px;max-width:100%;box-sizing:border-box;}
    .toolbar-panel input[type="checkbox"]{min-height:16px;width:16px;}
    .toolbar-panel p{margin:4px 0;font-size:12px;}
    .toolbar-panel details{flex:1 1 260px;min-width:0;}
    .toolbar-panel details input:not([type="checkbox"]){width:100%;}
    #tool-panel-data{align-items:flex-start;}
    #tool-panel-info{max-height:180px;overflow:auto;}
    #tool-panel-info .scale-explanation{margin:0;}
    #source-credit{bottom:240px;}
    @media(min-width:761px){#left-stack{bottom:310px;}#details-panel{max-height:calc(100% - 350px);}}
    @media(max-width:760px){
      #controls{padding:12px;}
      #controls>.toolbar-primary,#controls>.toolbar-tabs,#controls>.toolbar-panel{width:100%;}
      .toolbar-primary{display:grid;grid-template-columns:1fr 1fr;}
      .toolbar-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
      #controls .toolbar-tabs button{font-size:12px;min-height:40px;padding:4px;}
      #controls .toolbar-panel{align-items:stretch;gap:8px;}
      #controls .toolbar-panel .catalogue-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;}
      #controls .toolbar-panel label{width:auto;min-height:38px;flex:1 1 140px;flex-wrap:wrap;}
      #controls input[type="checkbox"]{width:18px;min-height:18px;}
      #controls .toolbar-panel select,#controls .toolbar-panel input:not([type="checkbox"]){font-size:16px;}
      #source-credit{bottom:73px;}
      #tool-panel-info{max-height:none;overflow:visible;}
    }

    #controls{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;}
    #controls .toolbar-primary,#controls .toolbar-tabs{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin:0;padding:0;border:0;}
    #controls .toolbar-primary{flex:1 1 auto;}
    #controls .toolbar-tabs{flex:0 1 auto;}
    #controls button,#controls select{min-height:36px;font-size:12px;padding:5px 9px;}
    #controls #speed-select{width:155px;}
    #controls #motion-mode{max-width:195px;}
    #controls .toolbar-panel{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#081322f7;border:1px solid #52677d;border-radius:12px;padding:12px;box-sizing:border-box;max-height:45vh;overflow:auto;}
    #controls .toolbar-panel .catalogue-actions{display:flex;flex-flow:row wrap;gap:8px;}
    #controls .overlay-toggle[aria-pressed="true"]{background:#315e80;border-color:#a7d6f7;}
    #controls #source-credit{position:static;flex:1 0 100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 16px;max-width:none;width:100%;box-sizing:border-box;padding:6px 0 0;border:0;border-top:1px solid #35455b;background:transparent;box-shadow:none;font-size:10px;}
    @media(min-width:761px){#left-stack{bottom:160px;}#details-panel{max-height:calc(100% - 210px);}}
    @media(max-width:760px){
      #controls{display:flex;flex-direction:column;justify-content:flex-start;}
      #controls .toolbar-primary,#controls .toolbar-tabs{flex:0 0 auto;flex-wrap:wrap;width:100%;}
      #controls .toolbar-panel{position:static;max-height:none;width:100%;overflow:visible;}
      #controls #source-credit{flex:0 0 auto;width:100%;}
    }
  /* Compact map controls; workspace dialogs belong to host. */
#previous-move{position:fixed;z-index:45;padding:10px 13px;background:#112b40;color:#fff;border:1px solid #85a9c5;border-radius:5px;cursor:pointer}
#previous-move[hidden]{display:none}
.main-time-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.main-time-controls .science-clock{font-size:11px}
#home-button.context-return{background:#007a53;color:white;border-color:#80ffd0;box-shadow:0 0 14px #25e9a950}
#whole-system.context-return{background:#007a53!important;color:#fff!important;border:1px solid #80ffd0!important;box-shadow:0 0 14px #25e9a950;font-weight:700}
#whole-system.context-return:hover{background:#006845!important}
.open-photo-gallery{display:block;width:100%;padding:0!important;background:transparent!important;border:0!important;cursor:zoom-in}
#object-photo-gallery{box-sizing:border-box;width:96vw;max-width:1600px;height:94vh;max-height:94dvh;margin:auto;padding:18px;background:#06111f;color:#fff;border:1px solid #718ba3;border-radius:8px;overflow:hidden}
#object-photo-gallery[open]{display:flex;flex-direction:column;gap:12px}
#object-photo-gallery::backdrop{background:#000c}
#object-photo-gallery header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
#object-photo-gallery h2{margin:0;font-size:18px}
#object-photo-gallery button{color:#fff;background:#14283b;border:1px solid #60809b;border-radius:4px;cursor:pointer}
#photo-gallery-close{padding:10px 16px;flex-shrink:0}
#object-photo-gallery .gallery-main{flex:1;min-height:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}
#object-photo-gallery .gallery-main>img{display:block;flex:1;min-height:0;width:100%;object-fit:contain}
#object-photo-gallery .gallery-main>img[hidden]{display:none}
#object-photo-gallery .gallery-caption{max-height:90px;overflow:auto;font-size:12px;color:#c1d0df}
#object-photo-gallery a{color:#a9d8ff}
#object-photo-gallery .gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:5px}
#object-photo-gallery .gallery-thumbnails button{flex:0 0 94px;padding:3px;height:72px}
#object-photo-gallery .gallery-thumbnails img{width:100%;height:100%;object-fit:contain}
#object-photo-gallery button[aria-pressed=true]{border:2px solid #83ffd1;background:#145142}
#object-photo-gallery button:focus-visible,.open-photo-gallery:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:600px){#object-photo-gallery{padding:10px}#object-photo-gallery h2{font-size:14px}}
#body-actions{display:flex;flex-wrap:nowrap;gap:7px;margin:8px 0}
#satellite-range-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;box-sizing:border-box;font-size:12px;padding:10px 12px;background:#203a52;border:1px solid #587e9e;border-radius:6px}
#satellite-range-control[hidden]{display:none}
#satellite-range{appearance:none;-webkit-appearance:none;width:210px;max-width:40vw;height:10px;padding:0;background:#88aac5;border:1px solid #b5d1e7;border-radius:8px;cursor:pointer;accent-color:#e4f3ff}
#satellite-range::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:#f1f8ff;border:2px solid #5f8aad;box-shadow:0 1px 4px #06121e}
#satellite-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f1f8ff;border:2px solid #5f8aad}
#satellite-range:focus-visible{outline:2px solid white;outline-offset:5px}
#satellite-range-label{min-width:160px;color:#e2f1ff}
#mission-directory>div{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto}
#tool-panel-view{gap:10px;align-items:center}
.object-image{margin:12px 0;padding:10px;background:#08131e;border:1px solid #30455b;border-radius:5px}
.object-image img{display:block;width:100%;max-height:260px;object-fit:contain;background:#03070c}
.object-image figcaption{font-size:11px;line-height:1.5;margin-top:8px;color:#b9c9d9}
@media(max-width:760px){#satellite-range{width:150px}#satellite-range-control{grid-column:1 / -1}#body-actions{gap:5px}}

#controls{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;left:10px!important;right:10px!important;bottom:58px!important;width:auto!important;max-width:none!important;padding:5px!important;gap:0!important;border-radius:7px!important;overflow:visible!important}
#controls>.toolbar-primary{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%;gap:5px!important;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:2px 0;box-sizing:border-box}
#controls .toolbar-primary>*{flex-shrink:0}
#controls .toolbar-primary label,#controls .toolbar-tabs{display:inline-flex!important;align-items:center;flex-wrap:nowrap!important;gap:5px!important;margin:0!important;padding:0!important;border:0;white-space:nowrap}
#controls button,#controls select,#controls input:not([type=checkbox]):not([type=range]),#controls summary{box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px;font:12px/1.2 system-ui,sans-serif!important;border-radius:4px!important;margin:0!important}
#controls button{padding:0 9px!important;white-space:nowrap}
#controls select{padding:0 22px 0 7px!important;width:auto;max-width:250px}
#controls #motion-mode{width:190px}#controls #speed-select{width:157px}
#controls .main-time-controls,#controls .inline-date-controls{display:contents!important}
#controls #science-utc{width:192px!important;padding:0 6px}
#controls #science-clock{display:inline-flex;align-items:center;flex-shrink:0;height:32px;margin:0!important;padding:0 7px;font-size:11px!important;white-space:nowrap;font-variant-numeric:tabular-nums}
#controls #satellite-range-control{display:inline-flex;flex-wrap:nowrap!important;flex-shrink:0;width:auto!important;height:32px;padding:0 5px!important;gap:6px;border-radius:4px;white-space:nowrap}
#controls #satellite-range-control[hidden]{display:none!important}
#controls #satellite-range-control label{font-size:11px}#controls #satellite-range{width:105px;min-width:105px;max-width:105px;height:8px!important;margin:0}
#controls #satellite-range-label{min-width:0;font-size:11px}#controls #satellite-range-control button{height:32px!important;min-height:32px!important;font-size:11px!important}
#controls .toolbar-panel{position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-sizing:border-box;max-height:min(36vh,260px)!important;overflow:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;padding:8px!important;border:1px solid #48647f;border-radius:6px;background:#071421f5;box-shadow:0 -4px 20px #0007}
#controls .toolbar-panel[hidden]{display:none!important}
#controls[hidden]{display:none!important}
#controls .toolbar-panel .catalogue-actions{display:contents!important}
#controls .toolbar-panel label{display:inline-flex!important;align-items:center;gap:5px;font-size:11px;margin:0}
#controls label[hidden]{display:none!important}
#controls .toolbar-panel p{font-size:11px;line-height:1.35;margin:2px 0!important}
#controls .toolbar-panel .scale-explanation{padding:0!important;margin:0!important;border:0;background:none;flex:1 1 340px;font-size:11px}
#controls .toolbar-panel details{flex:1 1 280px;min-width:240px;margin:0}
#controls summary{display:list-item;padding:8px;cursor:pointer}
#controls #mission-directory>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px;max-height:140px;overflow:auto;padding-top:5px}
#controls #mission-directory button{height:32px!important;min-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:11px!important;padding:5px 8px!important}
#source-credit{position:absolute!important;bottom:6px!important;left:12px!important;right:12px!important;max-width:none!important;max-height:44px;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:2px 12px;padding:2px!important;font-size:9px!important;line-height:1.25;overflow:auto;background:transparent;border:0;box-shadow:none}
#motion-badge.predicted,#science-status.predicted{color:#ffd166!important}
@media(min-width:761px){#left-stack{bottom:116px!important}#details-panel{max-height:calc(100% - 140px)!important}}
@media(max-width:760px){#controls{bottom:96px!important}#source-credit{bottom:62px!important;max-height:28px}#controls .toolbar-panel{max-height:40vh!important}#controls .toolbar-tabs button{padding:0 9px!important}}
#controls{bottom:6px!important}
#controls #source-credit{position:static!important;flex:0 0 auto;box-sizing:border-box;width:100%;max-height:44px;margin:3px 0 0!important;padding:2px!important}
#controls #satellite-range{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;height:6px!important;min-height:6px!important;max-height:6px!important;padding:0!important;border:0!important;background:#88aac5!important;align-self:center}
#controls #satellite-range::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:#88aac5}
#controls #satellite-range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-4px;border-width:1px}
#controls #satellite-range::-moz-range-track{height:6px;border:0;border-radius:4px;background:#88aac5}
#controls #satellite-range::-moz-range-thumb{width:12px;height:12px;border-width:1px}
#region-content .belt-overview img{width:100%;max-height:45vh;object-fit:contain;background:#03070c}#region-content .belt-overview{margin:10px 0}#region-content .belt-overview figcaption{font-size:11px;line-height:1.4}
@media(max-width:760px){#controls{bottom:62px!important}#controls #source-credit{max-height:38px}}

.pro-only-control{display:none!important}.map-tier-label{padding:0 8px;color:#b4c9e5;font-size:12px}

#controls #map-data-status-row{display:flex;flex-wrap:wrap;gap:3px 12px;flex:0 0 auto;width:100%;box-sizing:border-box;padding:4px 3px;border-top:1px solid #35455b;font:11px/1.35 system-ui,sans-serif;color:#ffd166;overflow:visible;white-space:normal}
#map-data-status-row #motion-badge{display:block!important;flex:1 1 250px;position:static;color:#ffd166!important;font-weight:600}
#map-data-status-row .data-coverage{flex:1 1 250px;color:#c1cfdf}
#controls #source-credit{max-height:24px!important}
@media(max-width:760px){#controls #map-data-status-row{font-size:10px}#map-data-status-row .data-coverage{font-size:9px}#controls #source-credit{max-height:14px!important}}