@jjlmoya/utils-drones 1.12.0 → 1.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-drones",
-    "version": "1.12.0",
+    "version": "1.14.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/antenna-length-calculator/antenna-length-calculator.css

@@ -20,8 +20,8 @@
     padding: 2.5rem 1.5rem;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui,
-:global(.theme-dark) .antenna-calculator-ui {
+[data-theme="dark"] .antenna-calculator-ui,
+.theme-dark .antenna-calculator-ui {
     --antenna-bg: #1a1a1a;
     --antenna-bg-muted: #2d2d2d;
     --antenna-bg-surface: #3a3a3a;
@@ -80,8 +80,8 @@
     gap: 2.5rem;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .config-sidebar,
-:global(.theme-dark) .antenna-calculator-ui .config-sidebar {
+[data-theme="dark"] .antenna-calculator-ui .config-sidebar,
+.theme-dark .antenna-calculator-ui .config-sidebar {
     background: var(--antenna-bg-overlay);
     border-right-color: var(--antenna-border-light);
 }
@@ -97,8 +97,8 @@
     background: var(--antenna-bg);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .main-display,
-:global(.theme-dark) .antenna-calculator-ui .main-display {
+[data-theme="dark"] .antenna-calculator-ui .main-display,
+.theme-dark .antenna-calculator-ui .main-display {
     background: var(--antenna-bg);
 }
 
@@ -150,8 +150,8 @@
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .input-with-unit input,
-:global(.theme-dark) .antenna-calculator-ui .input-with-unit input {
+[data-theme="dark"] .antenna-calculator-ui .input-with-unit input,
+.theme-dark .antenna-calculator-ui .input-with-unit input {
     background: var(--antenna-input-bg);
     border-color: var(--antenna-border);
     color: var(--antenna-text);
@@ -210,15 +210,15 @@
     font-weight: 600;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui select,
-:global(.theme-dark) .antenna-calculator-ui select {
+[data-theme="dark"] .antenna-calculator-ui select,
+.theme-dark .antenna-calculator-ui select {
     background: var(--antenna-bg-surface);
     color: var(--antenna-text);
     border-color: var(--antenna-border);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui select option,
-:global(.theme-dark) .antenna-calculator-ui select option {
+[data-theme="dark"] .antenna-calculator-ui select option,
+.theme-dark .antenna-calculator-ui select option {
     background: var(--antenna-bg-surface);
     color: var(--antenna-text);
 }
@@ -242,8 +242,8 @@
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .preset-btn,
-:global(.theme-dark) .antenna-calculator-ui .preset-btn {
+[data-theme="dark"] .antenna-calculator-ui .preset-btn,
+.theme-dark .antenna-calculator-ui .preset-btn {
     background: var(--antenna-bg-surface);
     border-color: var(--antenna-border);
     color: var(--antenna-text);
@@ -257,8 +257,8 @@
     box-shadow: 0 10px 20px rgba(var(--antenna-primary-rgb), 0.1);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .preset-btn:hover,
-:global(.theme-dark) .antenna-calculator-ui .preset-btn:hover {
+[data-theme="dark"] .antenna-calculator-ui .preset-btn:hover,
+.theme-dark .antenna-calculator-ui .preset-btn:hover {
     background: var(--antenna-bg-muted);
     border-color: var(--antenna-primary);
     color: var(--antenna-primary);
@@ -293,8 +293,8 @@
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .radio-content,
-:global(.theme-dark) .antenna-calculator-ui .radio-content {
+[data-theme="dark"] .antenna-calculator-ui .radio-content,
+.theme-dark .antenna-calculator-ui .radio-content {
     background: var(--antenna-bg-surface);
     color: var(--antenna-text);
 }
@@ -308,8 +308,8 @@
     transform: scale(1.02);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .radio-card input:checked + .radio-content,
-:global(.theme-dark) .antenna-calculator-ui .radio-card input:checked + .radio-content {
+[data-theme="dark"] .antenna-calculator-ui .radio-card input:checked + .radio-content,
+.theme-dark .antenna-calculator-ui .radio-card input:checked + .radio-content {
     background: linear-gradient(135deg, rgba(58, 58, 58, 0.8), rgba(245, 158, 11, 0.1));
     color: var(--antenna-text);
 }
@@ -363,8 +363,8 @@
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .mega-result.glass,
-:global(.theme-dark) .antenna-calculator-ui .mega-result.glass {
+[data-theme="dark"] .antenna-calculator-ui .mega-result.glass,
+.theme-dark .antenna-calculator-ui .mega-result.glass {
     background: var(--antenna-bg-surface);
     border-color: var(--antenna-border);
     color: var(--antenna-text);
@@ -411,8 +411,8 @@
     overflow: hidden;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .visualizer-stage,
-:global(.theme-dark) .antenna-calculator-ui .visualizer-stage {
+[data-theme="dark"] .antenna-calculator-ui .visualizer-stage,
+.theme-dark .antenna-calculator-ui .visualizer-stage {
     background: radial-gradient(circle at center, rgba(255,255,255,0.03), transparent);
     border-color: var(--antenna-border);
 }
@@ -454,8 +454,8 @@
     stroke-dasharray: 4 4;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .measuring-line,
-:global(.theme-dark) .antenna-calculator-ui .measuring-line {
+[data-theme="dark"] .antenna-calculator-ui .measuring-line,
+.theme-dark .antenna-calculator-ui .measuring-line {
     stroke: rgba(255, 255, 255, 0.2);
 }
 
@@ -465,8 +465,8 @@
     border-radius: 24px;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .harmonics-container,
-:global(.theme-dark) .antenna-calculator-ui .harmonics-container {
+[data-theme="dark"] .antenna-calculator-ui .harmonics-container,
+.theme-dark .antenna-calculator-ui .harmonics-container {
     background: var(--antenna-bg-surface);
 }
 
@@ -488,8 +488,8 @@
     border: 1px solid var(--antenna-border-light);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .harmonic-card,
-:global(.theme-dark) .antenna-calculator-ui .harmonic-card {
+[data-theme="dark"] .antenna-calculator-ui .harmonic-card,
+.theme-dark .antenna-calculator-ui .harmonic-card {
     background: var(--antenna-bg-muted);
     border-color: var(--antenna-border);
 }
@@ -540,8 +540,8 @@
     transition: all 0.3s ease;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .ref-card,
-:global(.theme-dark) .antenna-calculator-ui .ref-card {
+[data-theme="dark"] .antenna-calculator-ui .ref-card,
+.theme-dark .antenna-calculator-ui .ref-card {
     background: var(--antenna-bg-surface);
     border-color: var(--antenna-border);
 }
@@ -582,8 +582,8 @@
     background: linear-gradient(90deg, transparent, var(--antenna-border-light), transparent);
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .divider,
-:global(.theme-dark) .antenna-calculator-ui .divider {
+[data-theme="dark"] .antenna-calculator-ui .divider,
+.theme-dark .antenna-calculator-ui .divider {
     background: linear-gradient(90deg, transparent, var(--antenna-border), transparent);
 }
 
@@ -685,8 +685,8 @@
     box-shadow: 0 2px 5px rgba(0,0,0,0.02);
 }
 
-:global([data-theme="dark"]) .custom-select-premium,
-:global(.theme-dark) .custom-select-premium {
+[data-theme="dark"] .custom-select-premium,
+.theme-dark .custom-select-premium {
     background-color: rgba(15, 23, 42, 0.4);
     border-color: rgba(255,255,255,0.1);
     color: white;
@@ -705,8 +705,8 @@
     letter-spacing: 0.1em;
 }
 
-:global([data-theme="dark"]) .svg-label-text,
-:global(.theme-dark) .svg-label-text {
+[data-theme="dark"] .svg-label-text,
+.theme-dark .svg-label-text {
     fill: #666;
 }
 .antenna-calculator-ui .security-warning {
@@ -722,8 +722,8 @@
     transition: all 0.3s ease;
 }
 
-:global([data-theme="dark"]) .antenna-calculator-ui .security-warning,
-:global(.theme-dark) .antenna-calculator-ui .security-warning {
+[data-theme="dark"] .antenna-calculator-ui .security-warning,
+.theme-dark .antenna-calculator-ui .security-warning {
     background: rgba(239, 68, 68, 0.1);
     border-color: rgba(239, 68, 68, 0.3);
 }

package/src/tool/drone-flight-time/drone-flight-time-calculator.css

@@ -24,8 +24,8 @@
     padding: 0 1.5rem;
 }
 
-:global([data-theme="dark"]) .flight-calculator-ui,
-:global(.theme-dark) .flight-calculator-ui {
+[data-theme="dark"] .flight-calculator-ui,
+.theme-dark .flight-calculator-ui {
     --dft-bg: #0f172a;
     --dft-bg-muted: #1e293b;
     --dft-bg-surface: #334155;
@@ -97,13 +97,13 @@
     background: linear-gradient(90deg, transparent, var(--dft-border-light), transparent);
 }
 
-.flight-calculator-ui :global(.tech-section) {
+.flight-calculator-ui .tech-section {
     display: flex;
     flex-direction: column;
     gap: 2rem;
 }
 
-.flight-calculator-ui :global(.section-title) {
+.flight-calculator-ui .section-title {
     font-size: 0.75rem;
     font-weight: 800;
     color: var(--dft-text-dim);
@@ -112,25 +112,25 @@
     margin-bottom: 0.5rem;
 }
 
-.flight-calculator-ui :global(.input-group) {
+.flight-calculator-ui .input-group {
     display: flex;
     flex-direction: column;
     gap: 1rem;
 }
 
-.flight-calculator-ui :global(.label-row) {
+.flight-calculator-ui .label-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
-.flight-calculator-ui :global(.input-group label) {
+.flight-calculator-ui .input-group label {
     font-size: 0.8rem;
     font-weight: 800;
     color: var(--dft-text-muted);
 }
 
-.flight-calculator-ui :global(.value-badge) {
+.flight-calculator-ui .value-badge {
     padding: 0.4rem 1rem;
     background: var(--dft-bg-surface);
     border-radius: 12px;
@@ -140,7 +140,7 @@
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
 }
 
-.flight-calculator-ui :global(.tech-slider) {
+.flight-calculator-ui .tech-slider {
     width: 100%;
     height: 6px;
     appearance: none;
@@ -151,11 +151,11 @@
     transition: all 0.3s ease;
 }
 
-.flight-calculator-ui :global(.tech-slider:hover) {
+.flight-calculator-ui .tech-slider:hover {
     background: var(--dft-border-light);
 }
 
-.flight-calculator-ui :global(.tech-slider::-webkit-slider-thumb) {
+.flight-calculator-ui .tech-slider::-webkit-slider-thumb {
     appearance: none;
     -webkit-appearance: none;
     width: 22px;
@@ -168,8 +168,8 @@
     transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
-.flight-calculator-ui :global(.tech-select),
-.flight-calculator-ui :global(.tech-input) {
+.flight-calculator-ui .tech-select,
+.flight-calculator-ui .tech-input {
     width: 100%;
     padding: 1rem 1.25rem;
     background: var(--dft-bg-surface);
@@ -182,22 +182,22 @@
     cursor: pointer;
 }
 
-.flight-calculator-ui :global(.tech-select:focus),
-.flight-calculator-ui :global(.tech-input:focus) {
+.flight-calculator-ui .tech-select:focus,
+.flight-calculator-ui .tech-input:focus {
     outline: none;
     border-color: var(--dft-accent);
     background: var(--dft-bg);
     box-shadow: 0 0 0 4px var(--dft-accent-glow);
 }
 
-.flight-calculator-ui :global(.presets) {
+.flight-calculator-ui .presets {
     display: flex;
     gap: 0.5rem;
     flex-wrap: wrap;
     margin-top: 0.5rem;
 }
 
-.flight-calculator-ui :global(.preset-btn) {
+.flight-calculator-ui .preset-btn {
     padding: 0.5rem 1rem;
     background: var(--dft-bg-surface);
     border: 1px solid transparent;
@@ -209,28 +209,28 @@
     transition: all 0.2s;
 }
 
-.flight-calculator-ui :global(.preset-btn:hover) {
+.flight-calculator-ui .preset-btn:hover {
     background: var(--dft-bg);
     border-color: var(--dft-accent);
     color: var(--dft-accent);
     transform: translateY(-2px);
 }
 
-.flight-calculator-ui :global(.hint) {
+.flight-calculator-ui .hint {
     font-size: 0.7rem;
     color: var(--dft-text-dim);
     font-style: italic;
     line-height: 1.4;
 }
 
-.flight-calculator-ui :global(.dashboard-section) {
+.flight-calculator-ui .dashboard-section {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 3.5rem;
 }
 
-.flight-calculator-ui :global(.radial-container) {
+.flight-calculator-ui .radial-container {
     position: relative;
     width: 320px;
     height: 320px;
@@ -239,20 +239,20 @@
     align-items: center;
 }
 
-.flight-calculator-ui :global(.radial-svg) {
+.flight-calculator-ui .radial-svg {
     transform: rotate(-90deg);
     width: 100%;
     height: 100%;
     filter: drop-shadow(0 10px 30px rgba(var(--dft-accent-rgb), 0.15));
 }
 
-.flight-calculator-ui :global(.bg-circle) {
+.flight-calculator-ui .bg-circle {
     fill: none;
     stroke: var(--dft-bg-surface);
     stroke-width: 10;
 }
 
-.flight-calculator-ui :global(.fg-circle) {
+.flight-calculator-ui .fg-circle {
     fill: none;
     stroke: url("#statGradient");
     stroke-width: 10;
@@ -262,14 +262,14 @@
     transition: stroke-dashoffset 1s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 
-.flight-calculator-ui :global(.result-text) {
+.flight-calculator-ui .result-text {
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
-.flight-calculator-ui :global(.time-primary) {
+.flight-calculator-ui .time-primary {
     font-size: 7rem;
     font-weight: 950;
     color: var(--dft-text);
@@ -277,7 +277,7 @@
     line-height: 1;
 }
 
-.flight-calculator-ui :global(.time-label) {
+.flight-calculator-ui .time-label {
     font-size: 1rem;
     font-weight: 850;
     color: var(--dft-text-muted);
@@ -286,14 +286,14 @@
     margin-top: 0.5rem;
 }
 
-.flight-calculator-ui :global(.secondary-stats) {
+.flight-calculator-ui .secondary-stats {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 2rem;
     width: 100%;
 }
 
-.flight-calculator-ui :global(.stat-box) {
+.flight-calculator-ui .stat-box {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -305,13 +305,13 @@
     transition: all 0.3s ease;
 }
 
-.flight-calculator-ui :global(.stat-box:hover) {
+.flight-calculator-ui .stat-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
     border-color: var(--dft-accent);
 }
 
-.flight-calculator-ui :global(.stat-label) {
+.flight-calculator-ui .stat-label {
     font-size: 0.75rem;
     font-weight: 800;
     color: var(--dft-text-dim);
@@ -319,26 +319,26 @@
     letter-spacing: 0.1em;
 }
 
-.flight-calculator-ui :global(.stat-value) {
+.flight-calculator-ui .stat-value {
     font-size: 1.75rem;
     font-weight: 950;
     color: var(--dft-text);
 }
 
-.flight-calculator-ui :global(.chart-header) {
+.flight-calculator-ui .chart-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 2rem;
 }
 
-.flight-calculator-ui :global(.chart-subtitle) {
+.flight-calculator-ui .chart-subtitle {
     font-size: 0.85rem;
     font-weight: 700;
     color: var(--dft-text-muted);
 }
 
-.flight-calculator-ui :global(.chart-body) {
+.flight-calculator-ui .chart-body {
     position: relative;
     height: 350px;
     width: 100%;
@@ -360,11 +360,11 @@
 
 @media (max-width: 600px) {
     .flight-calculator-ui { padding: 0.5rem; }
-    .flight-calculator-ui :global(.secondary-stats) { grid-template-columns: 1fr; }
-    .flight-calculator-ui :global(.radial-container) {
+    .flight-calculator-ui .secondary-stats { grid-template-columns: 1fr; }
+    .flight-calculator-ui .radial-container {
         width: 240px;
         height: 240px;
     }
-    .flight-calculator-ui :global(.time-primary) { font-size: 4.5rem; }
-    .flight-calculator-ui :global(.stat-box) { padding: 1.5rem; }
+    .flight-calculator-ui .time-primary { font-size: 4.5rem; }
+    .flight-calculator-ui .stat-box { padding: 1.5rem; }
 }

package/src/tool/gps-coordinates-converter/components/GpsHistory.astro

@@ -12,30 +12,3 @@ const { ui } = Astro.props;
     </div>
 </div>
 
-<style>
-    .history-list {
-        display: flex;
-        flex-direction: column;
-        gap: 1.25rem;
-    }
-    .header-row {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .text-btn {
-        background: transparent;
-        border: none;
-        color: #94a3b8;
-        font-size: 0.7rem;
-        font-weight: 700;
-        cursor: pointer;
-        text-transform: uppercase;
-    }
-    .text-btn:hover { color: #ef4444; }
-    .no-history {
-        font-size: 0.8rem;
-        color: #94a3b8;
-        font-style: italic;
-    }
-</style>

package/src/tool/gps-coordinates-converter/components/GpsInputs.astro

@@ -53,40 +53,3 @@ import { Icon } from "astro-icon/components";
     </div>
 </div>
 
-<style>
-    .row-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        gap: 1rem;
-    }
-    .loc-btn {
-        background: #0ea5e910;
-        border: 1px solid #0ea5e930;
-        color: #0ea5e9;
-        padding: 0.6rem;
-        border-radius: 12px;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: all 0.2s;
-    }
-    .loc-btn:hover {
-        background: #0ea5e920;
-        transform: scale(1.05);
-    }
-    .gms-group {
-        display: flex;
-        flex-direction: column;
-        gap: 0.5rem;
-    }
-    .compact-inputs {
-        display: grid;
-        grid-template-columns: repeat(4, 1fr);
-        gap: 0.5rem;
-    }
-    #dd-inputs.compact-inputs {
-        grid-template-columns: 1fr 1fr;
-    }
-</style>

package/src/tool/gps-coordinates-converter/components/GpsMap.astro

@@ -8,10 +8,3 @@ import 'leaflet/dist/leaflet.css';
     <small class="hint">Haz clic en el mapa para capturar coordenadas directamente.</small>
 </div>
 
-<style>
-    .hint {
-        font-size: 0.75rem;
-        color: #94a3b8;
-        margin-top: -0.5rem;
-    }
-</style>

package/src/tool/gps-coordinates-converter/gps-coordinates-converter.css

@@ -21,8 +21,8 @@
     padding: 0 1.5rem;
 }
 
-:global([data-theme="dark"]) .gps-converter-ui,
-:global(.theme-dark) .gps-converter-ui {
+[data-theme="dark"] .gps-converter-ui,
+.theme-dark .gps-converter-ui {
     --gps-bg: #0f172a;
     --gps-bg-muted: #1e293b;
     --gps-bg-surface: #334155;
@@ -93,13 +93,13 @@
     background: linear-gradient(90deg, transparent, var(--gps-border-light), transparent);
 }
 
-.gps-converter-ui :global(.tech-section) {
+.gps-converter-ui .tech-section {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }
 
-.gps-converter-ui :global(.section-title) {
+.gps-converter-ui .section-title {
     font-size: 0.75rem;
     font-weight: 800;
     color: var(--gps-text-muted);
@@ -107,7 +107,7 @@
     letter-spacing: 0.15em;
 }
 
-.gps-converter-ui :global(.field-label) {
+.gps-converter-ui .field-label {
     font-size: 0.7rem;
     font-weight: 800;
     color: var(--gps-text-dim);
@@ -117,7 +117,7 @@
     display: block;
 }
 
-.gps-converter-ui :global(.tech-input) {
+.gps-converter-ui .tech-input {
     width: 100%;
     padding: 1rem 1.25rem;
     background: var(--gps-bg-surface);
@@ -129,14 +129,14 @@
     transition: all 0.3s ease;
 }
 
-.gps-converter-ui :global(.tech-input:focus) {
+.gps-converter-ui .tech-input:focus {
     outline: none;
     border-color: var(--gps-accent);
     box-shadow: 0 0 0 4px var(--gps-accent-glow);
     background: var(--gps-bg);
 }
 
-.gps-converter-ui :global(.mode-switch) {
+.gps-converter-ui .mode-switch {
     display: flex;
     background: var(--gps-bg-surface);
     padding: 0.4rem;
@@ -144,7 +144,7 @@
     gap: 0.25rem;
 }
 
-.gps-converter-ui :global(.mode-btn) {
+.gps-converter-ui .mode-btn {
     flex: 1;
     padding: 0.75rem;
     border-radius: 14px;
@@ -157,13 +157,13 @@
     transition: all 0.3s ease;
 }
 
-.gps-converter-ui :global(.mode-btn.active) {
+.gps-converter-ui .mode-btn.active {
     background: var(--gps-bg);
     color: var(--gps-accent);
     box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
 }
 
-.gps-converter-ui :global(.map-container) {
+.gps-converter-ui .map-container {
     max-width: 100%;
     height: 400px;
     border-radius: 32px;
@@ -172,13 +172,13 @@
     border: 1px solid var(--gps-border-light);
 }
 
-.gps-converter-ui :global(.results-area) {
+.gps-converter-ui .results-area {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 2rem;
 }
 
-.gps-converter-ui :global(.result-box) {
+.gps-converter-ui .result-box {
     background: var(--gps-bg-overlay);
     border: 1px solid var(--gps-border-light);
     border-radius: 28px;
@@ -189,19 +189,19 @@
     transition: all 0.3s ease;
 }
 
-.gps-converter-ui :global(.result-box:hover) {
+.gps-converter-ui .result-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
     border-color: var(--gps-accent);
 }
 
-.gps-converter-ui :global(.res-header) {
+.gps-converter-ui .res-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
-.gps-converter-ui :global(.copy-btn) {
+.gps-converter-ui .copy-btn {
     background: var(--gps-bg-surface);
     border: 1px solid var(--gps-border);
     color: var(--gps-text-muted);
@@ -216,13 +216,13 @@
     transition: all 0.3s ease;
 }
 
-.gps-converter-ui :global(.copy-btn:hover) {
+.gps-converter-ui .copy-btn:hover {
     background: var(--gps-accent);
     color: white;
     border-color: var(--gps-accent);
 }
 
-.gps-converter-ui :global(.val-display) {
+.gps-converter-ui .val-display {
     font-size: 1.5rem;
     font-weight: 900;
     color: var(--gps-text);
@@ -230,7 +230,7 @@
     letter-spacing: -0.01em;
 }
 
-.gps-converter-ui :global(.history-item) {
+.gps-converter-ui .history-item {
     padding: 1.25rem 1.5rem;
     background: var(--gps-bg-surface);
     border-radius: 20px;
@@ -241,33 +241,33 @@
     border: 1px solid transparent;
 }
 
-.gps-converter-ui :global(.history-item:hover) {
+.gps-converter-ui .history-item:hover {
     background: var(--gps-bg);
     border-color: var(--gps-accent);
     transform: translateX(5px);
 }
 
-.gps-converter-ui :global(.hist-info) {
+.gps-converter-ui .hist-info {
     display: flex;
     flex-direction: column;
     cursor: pointer;
     flex: 1;
 }
 
-.gps-converter-ui :global(.hist-coords) {
+.gps-converter-ui .hist-coords {
     font-size: 0.9rem;
     font-weight: 800;
     color: var(--gps-text);
 }
 
-.gps-converter-ui :global(.hist-time) {
+.gps-converter-ui .hist-time {
     font-size: 0.7rem;
     color: var(--gps-text-dim);
     font-weight: 700;
     text-transform: uppercase;
 }
 
-.gps-converter-ui :global(.action-btn) {
+.gps-converter-ui .action-btn {
     background: var(--gps-bg-overlay);
     border: 1px solid var(--gps-border);
     padding: 0.6rem;
@@ -280,7 +280,7 @@
     transition: all 0.2s ease;
 }
 
-.gps-converter-ui :global(.no-history) {
+.gps-converter-ui .no-history {
     text-align: center;
     padding: 3rem;
     color: var(--gps-text-dim);
@@ -302,5 +302,75 @@
     .gps-converter-ui { padding: 0.5rem; }
     .gps-converter-ui .config-sidebar, 
     .gps-converter-ui .main-display { padding: 2rem 1.5rem; }
-    .gps-converter-ui :global(.results-area) { grid-template-columns: 1fr; }
-}
+    .gps-converter-ui .results-area { grid-template-columns: 1fr; }
+}
+/* GpsHistory.astro */
+.history-list {
+        display: flex;
+        flex-direction: column;
+        gap: 1.25rem;
+    }
+    .header-row {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .text-btn {
+        background: transparent;
+        border: none;
+        color: #94a3b8;
+        font-size: 0.7rem;
+        font-weight: 700;
+        cursor: pointer;
+        text-transform: uppercase;
+    }
+    .text-btn:hover { color: #ef4444; }
+    .no-history {
+        font-size: 0.8rem;
+        color: #94a3b8;
+        font-style: italic;
+    }
+
+/* GpsInputs.astro */
+.row-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 1rem;
+    }
+    .loc-btn {
+        background: #0ea5e910;
+        border: 1px solid #0ea5e930;
+        color: #0ea5e9;
+        padding: 0.6rem;
+        border-radius: 12px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.2s;
+    }
+    .loc-btn:hover {
+        background: #0ea5e920;
+        transform: scale(1.05);
+    }
+    .gms-group {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+    .compact-inputs {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 0.5rem;
+    }
+    #dd-inputs.compact-inputs {
+        grid-template-columns: 1fr 1fr;
+    }
+
+/* GpsMap.astro */
+.hint {
+        font-size: 0.75rem;
+        color: #94a3b8;
+        margin-top: -0.5rem;
+    }