.etc-workspace-page:is(.timezone-workspace-page,.unit-converter-workspace-page,.color-converter-workspace-page,.tap-to-bpm-workspace-page) .tool-container{width:100%;min-width:0;margin:0}.etc-workspace-page:is(.timezone-workspace-page,.unit-converter-workspace-page) .pane{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.etc-workspace-page:is(.timezone-workspace-page,.unit-converter-workspace-page) .pane-body{padding:0}.etc-workspace-page:is(.timezone-workspace-page,.unit-converter-workspace-page) .input-group{display:grid;min-width:0;gap:8px;align-content:start}.etc-workspace-page:is(.timezone-workspace-page,.unit-converter-workspace-page) .input-group label{color:var(--color-heading);font-size:13px;font-weight:600}.etc-workspace-page:is(.timezone-workspace-page,.unit-converter-workspace-page) :is(.form-input,.unit-select){width:100%;padding:8px 10px;font-family:var(--font-mono);font-size:14px}.timezone-workspace-page .timezone-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.timezone-workspace-page .pane-header{background:transparent;border-radius:0}.etc-workspace-page.timezone-workspace-page #btn-refresh-unix,.etc-workspace-page.unit-converter-workspace-page .swap-btn,.etc-workspace-page.color-converter-workspace-page .copy-icon-btn{padding:0}.timezone-workspace-page .converter-grid{display:grid;gap:20px}.timezone-workspace-page .base-time-label{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.timezone-workspace-page #base-city-match{color:var(--color-primary);overflow-wrap:anywhere}.timezone-workspace-page .base-time-select{min-width:0}.timezone-workspace-page .unix-summary{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px;overflow-wrap:anywhere}.timezone-workspace-page .world-time-grid{display:grid;gap:8px}.timezone-workspace-page .city-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card)}.timezone-workspace-page .city-info{display:grid;justify-items:start;gap:2px;min-width:0}.timezone-workspace-page .city-name{margin:0;color:var(--color-heading);font-size:14px;overflow-wrap:anywhere}.timezone-workspace-page .city-offset{color:var(--color-text-muted);font-size:12px}.timezone-workspace-page .city-time-group{margin-left:auto;text-align:right}.timezone-workspace-page .city-time{display:block;color:var(--color-heading);font:600 16px/1.4 var(--font-mono);font-variant-numeric:tabular-nums}.timezone-workspace-page .city-date{display:block;color:var(--color-text-muted);font-size:12px}.unit-converter-workspace-page .category-tabs{gap:6px}.unit-converter-workspace-page .tab-btn{white-space:normal;border-radius:var(--radius-sm)}.unit-converter-workspace-page .tab-btn.active{color:var(--color-primary-dark);background:var(--color-primary-bg);border-color:var(--color-primary)}.unit-converter-workspace-page .converter-grid{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:18px}.unit-converter-workspace-page .input-group .form-input{min-height:56px;font-size:22px;text-align:right}.unit-converter-workspace-page .formula-display{margin-top:20px;padding:16px 0 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font:13px/1.6 var(--font-mono);overflow-wrap:anywhere}.color-converter-workspace-page .color-workspace{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start}.color-converter-workspace-page :is(.color-control-pane,.palette-group){min-width:0;padding:0;border:0;background:transparent;box-shadow:none}.color-converter-workspace-page .color-preview{width:100%;min-height:180px;border-radius:var(--radius-md);border:1px solid var(--color-border);position:relative;overflow:hidden;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,#0062ff)}.color-converter-workspace-page .color-preview-pointer{position:absolute;left:60%;top:3.5%;width:1rem;height:1rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073,0 2px 8px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.color-converter-workspace-page .color-controls{display:grid;gap:16px;margin-top:16px}.color-converter-workspace-page :is(.color-controls label,.color-control-label){display:grid;min-width:0;gap:6px;color:var(--color-heading);font-size:13px;font-weight:600}.color-converter-workspace-page .color-current-preview{width:100%;min-height:54px;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-end;padding:.65rem;background:#3b82f6;color:#fff;font-family:var(--font-mono);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35)}.etc-workspace-page.color-converter-workspace-page .range-input{width:100%;accent-color:hsl(var(--selected-hue, 217) 100% 50%)}.color-converter-workspace-page .hue-range{height:.7rem;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-converter-workspace-page .hue-range::-webkit-slider-runnable-track{height:.7rem;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-converter-workspace-page .hue-range::-moz-range-track{height:.7rem;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-converter-workspace-page .rgb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.color-converter-workspace-page :is(.rgb-grid input,.color-text-input,.color-value,.palette-value){width:100%;min-width:0;padding:8px;font:13px/1.4 var(--font-mono)}.color-converter-workspace-page .color-text-input.input-error{border-color:var(--color-error);outline:2px solid var(--color-error-bg)}.color-converter-workspace-page .color-status{margin-top:12px;color:var(--color-text-muted);font-size:13px;overflow-wrap:anywhere}.color-converter-workspace-page .color-results-grid{display:grid;min-width:0;gap:12px}.color-converter-workspace-page .color-result-card{display:flex;align-items:flex-end;gap:8px;min-width:0}.color-converter-workspace-page .color-result-card>div{flex:1;min-width:0}.color-converter-workspace-page .color-result-card h2{margin:0 0 4px;color:var(--color-heading);font-size:13px}.color-converter-workspace-page :is(.color-value,.palette-value){color:var(--color-text-secondary);background:var(--color-bg);text-align:left}.color-converter-workspace-page .palette-section{margin-top:26px;padding-top:20px;border-top:1px solid var(--color-border)}.color-converter-workspace-page .palette-section>h2{margin-bottom:16px}.color-converter-workspace-page .palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.color-converter-workspace-page .palette-group h2{margin:0 0 10px;color:var(--color-heading);font-size:14px}.color-converter-workspace-page .palette-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(152px,100%),1fr));gap:8px}.color-converter-workspace-page .palette-swatch{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.color-converter-workspace-page .palette-chip{min-height:64px}.color-converter-workspace-page .palette-copy-row{display:flex;align-items:center;gap:6px;padding:6px}.color-converter-workspace-page .palette-value{padding-inline:4px;font-size:12px}.tap-to-bpm-workspace-page .tool-container{display:grid;justify-items:center;gap:12px;text-align:center}.tap-to-bpm-workspace-page .bpm-display{width:100%;min-height:76px;color:var(--color-heading);font:800 64px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tap-to-bpm-workspace-page .bpm-label{margin-bottom:8px;color:var(--color-text-muted);font-size:16px}.tap-to-bpm-workspace-page .tap-area{display:flex;align-items:center;justify-content:center;width:min(250px,100%);aspect-ratio:1;border:3px solid var(--color-border);border-radius:50%;background:var(--color-bg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .1s ease,border-color .1s ease,transform .1s ease}.tap-to-bpm-workspace-page .tap-area:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.tap-to-bpm-workspace-page .tap-area:active{transform:scale(.97)}.tap-to-bpm-workspace-page .tap-area:active,.tap-to-bpm-workspace-page .tap-area.pulse{background:var(--color-primary-bg);border-color:var(--color-primary)}.tap-to-bpm-workspace-page .tap-area.pulse{animation:utility-tap-pulse .3s ease-out}.tap-to-bpm-workspace-page .tap-text{color:var(--color-heading);font-size:28px;font-weight:700;pointer-events:none}.tap-to-bpm-workspace-page .controls{justify-content:center;width:100%;margin:12px 0 0}.tap-to-bpm-workspace-page .stat-card{display:flex;align-items:baseline;gap:8px;min-width:100px;padding:0;border:0;background:transparent}.tap-to-bpm-workspace-page .stat-value{color:var(--color-heading);font:600 20px/1.4 var(--font-mono);font-variant-numeric:tabular-nums}.tap-to-bpm-workspace-page .stat-label{color:var(--color-text-muted);font-size:13px}@keyframes utility-tap-pulse{0%{outline:4px solid var(--color-primary-border);outline-offset:0}to{outline:0 solid transparent;outline-offset:12px}}@media(max-width:1000px){.timezone-workspace-page .timezone-layout,.color-converter-workspace-page .color-workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.unit-converter-workspace-page .converter-grid{grid-template-columns:minmax(0,1fr);gap:12px}.unit-converter-workspace-page .converter-grid>div:has(.swap-btn){justify-self:center}.color-converter-workspace-page .palette-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.tap-to-bpm-workspace-page .tap-area{transition:none}.tap-to-bpm-workspace-page .tap-area.pulse{animation:none}}