#dragonfly-lab{--lab-ink: #20343d;--lab-teal: #167a72;--lab-muted: #667780;--lab-line: #dce5e7;color:var(--lab-ink);max-width:1100px;margin:0 auto;font-size:16px}#dragonfly-lab *{box-sizing:border-box}#dragonfly-lab .lab-hero{background:#172b35;color:#f3f8f8;padding:clamp(28px,6vw,56px);border-radius:16px;margin-bottom:36px}#dragonfly-lab .lab-kicker{color:#7cdbd0;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}#dragonfly-lab h2{margin-top:0}#dragonfly-lab .lab-hero h2{font-size:clamp(28px,5vw,44px);color:#fff;margin:12px 0}#dragonfly-lab .lab-hero p{color:#d1e0e5}#dragonfly-lab .lab-section-title{margin-bottom:8px}#dragonfly-lab .lab-subtitle{color:var(--lab-muted);margin:0 0 24px}#dragonfly-lab .lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#dragonfly-lab .lab-card{-webkit-appearance:none;appearance:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:24px;background:#fff;border:1px solid var(--lab-line);border-radius:12px;color:var(--lab-ink);cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}#dragonfly-lab .lab-card:hover{border-color:var(--lab-teal);transform:translateY(-2px)}#dragonfly-lab .lab-card:focus-visible,#dragonfly-lab button:focus-visible,#dragonfly-lab input:focus-visible,#dragonfly-lab select:focus-visible{outline:3px solid #54bdb2;outline-offset:3px}#dragonfly-lab .lab-icon{display:grid;place-items:center;width:52px;height:52px;background:#e3f3ef;color:var(--lab-teal);border-radius:10px;font-size:26px}#dragonfly-lab .lab-card h3{margin:0;font-size:20px}#dragonfly-lab .lab-card p{color:var(--lab-muted);margin:0;line-height:1.5}#dragonfly-lab .lab-tag{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--lab-teal);text-transform:uppercase}#dragonfly-lab .lab-tool[hidden],#dragonfly-lab #lab-directory[hidden]{display:none!important}#dragonfly-lab .lab-back{border:0;background:transparent;color:var(--lab-teal);padding:8px 0;cursor:pointer;font:inherit;font-weight:700;margin-bottom:20px}#dragonfly-lab .lab-panel{border:1px solid var(--lab-line);border-radius:14px;padding:clamp(20px,4vw,32px);margin:20px 0}#dragonfly-lab .lab-panel h3{margin-top:0}#dragonfly-lab .lab-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#dragonfly-lab .lab-field label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}#dragonfly-lab .lab-field input,#dragonfly-lab .lab-field select{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd7da;border-radius:7px;background:#fff;color:var(--lab-ink);font:inherit}#dragonfly-lab .lab-result{background:#edf7f4;border-radius:10px;padding:20px;margin-top:20px}#dragonfly-lab .lab-result strong{display:block;font-size:clamp(24px,4vw,32px);margin:6px 0;overflow-wrap:anywhere}#dragonfly-lab .lab-note{color:var(--lab-muted);font-size:14px;line-height:1.6}#dragonfly-lab .lab-bands{display:flex;gap:8px;align-items:center;min-height:38px;margin:16px 0}#dragonfly-lab .lab-band{width:28px;height:38px;border-radius:5px;border:1px solid #aab5b8}#dragonfly-lab .lab-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--lab-line)}@media(max-width:600px){#dragonfly-lab .lab-grid,#dragonfly-lab .lab-fields{grid-template-columns:1fr}#dragonfly-lab .lab-card{padding:18px}}#dragonfly-lab .lab-mode-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}#dragonfly-lab .lab-mode-row h3{margin:0}#dragonfly-lab .lab-toggle{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}#dragonfly-lab .lab-switch{display:inline-flex;position:relative;cursor:pointer}#dragonfly-lab .lab-switch input{position:absolute;width:1px;height:1px;opacity:0}#dragonfly-lab .lab-switch-track{width:48px;height:27px;background:#829196;border-radius:20px;position:relative;transition:background .2s}#dragonfly-lab .lab-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}#dragonfly-lab .lab-switch input:checked+.lab-switch-track{background:#167a72}#dragonfly-lab .lab-switch input:checked+.lab-switch-track:after{transform:translate(21px)}#dragonfly-lab .lab-switch input:focus-visible+.lab-switch-track{outline:3px solid #54bdb2;outline-offset:3px}#dragonfly-lab .lab-resistor-drawing{display:flex;align-items:center;justify-content:center;height:100px;padding:8px 0}#dragonfly-lab .lab-lead{flex:1;max-width:100px;height:5px;background:#aeb5b6}#dragonfly-lab .lab-chart-help{margin:20px 0 12px;color:var(--lab-muted);font-size:14px}#dragonfly-lab .lab-chart-scroll{overflow-x:auto;border:1px solid var(--lab-line);border-radius:8px;-webkit-overflow-scrolling:touch}#dragonfly-lab .lab-color-chart{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}#dragonfly-lab .lab-color-chart th{padding:12px 8px;text-align:center;background:#edf2f3;border:1px solid #d5dfe1;font-weight:700}#dragonfly-lab .lab-color-chart td{padding:0;height:36px;border:1px solid #ffffff80}#dragonfly-lab .lab-color-chart td:first-child{width:90px;padding:0 10px;font-weight:700;white-space:nowrap}#dragonfly-lab .lab-color-button{width:100%;height:36px;display:block;border:0;border-radius:0;cursor:pointer;font:inherit;font-weight:700;position:relative}#dragonfly-lab .lab-color-button:hover{filter:brightness(.92)}#dragonfly-lab .lab-color-button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #167a72;outline:2px solid white;outline-offset:-5px}#dragonfly-lab .lab-color-button:disabled{cursor:not-allowed;opacity:.24}#dragonfly-lab .lab-color-button:disabled:after{content:"\2014"}#dragonfly-lab .lab-color-button .lab-color-value{display:block;font-size:11px;font-weight:500}@media(max-width:600px){#dragonfly-lab .lab-panel{padding:16px}#dragonfly-lab .lab-resistor-body{height:48px}}#dragonfly-lab .lab-resistor-body{height:58px;width:min(370px,72%);border:1px solid #8f9fa2;border-radius:24px;background:#b9d8e8;display:flex;justify-content:space-evenly;align-items:stretch;padding:0 18px;overflow:hidden;gap:8px}#dragonfly-lab .lab-drawing-band{display:block;flex:1 1 0;min-width:0;max-width:24px;height:100%;border-left:1px solid #0003;border-right:1px solid #0003}#dragonfly-lab .lab-drawing-band[hidden]{display:none!important}#dragonfly-lab #lab-gear-drawing{display:block;width:100%;height:auto;max-height:480px;overflow:visible;background:#f7faf9;border-radius:10px}#dragonfly-lab #lab-gear-drawing .lab-gear-tooth{stroke:#20343d;stroke-linejoin:round;stroke-width:1.2}#dragonfly-lab #lab-gear-drawing .lab-gear-pitch{fill:none;stroke:#fff;stroke-width:1.4;stroke-dasharray:4 4;opacity:.8;pointer-events:none}#dragonfly-lab #lab-gear-drawing .lab-gear-hub{fill:#f7faf9;stroke:#20343d;stroke-width:2}#dragonfly-lab #lab-gear-drawing .lab-gear-label{fill:#20343d;font:700 13px system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}#dragonfly-lab #lab-gear-play{display:inline-block;border:1px solid var(--lab-teal);border-radius:8px;padding:9px 14px}#dragonfly-lab #lab-gear-play:hover{background:#e3f3ef}#dragonfly-lab .lab-power-wheel-wrap{position:relative;width:min(100%,460px);margin:12px auto;-webkit-user-select:none;user-select:none}#dragonfly-lab #lab-power-wheel{display:block;width:100%;height:auto;overflow:visible;cursor:grab;outline:none;touch-action:none}#dragonfly-lab #lab-power-wheel:active{cursor:grabbing}#dragonfly-lab #lab-power-wheel:focus-visible{outline:3px solid #54bdb2;outline-offset:4px;border-radius:50%}#dragonfly-lab .lab-power-pointer{position:absolute;z-index:2;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:20px solid #20343d;pointer-events:none}#dragonfly-lab #lab-power-wheel .lab-power-wheel-group{transition:transform .18s ease-out}@media(prefers-reduced-motion:reduce){#dragonfly-lab #lab-power-wheel .lab-power-wheel-group{transition:none}}#dragonfly-lab .lab-power-sector{stroke:#fff;stroke-width:2;cursor:pointer;transition:filter .15s,stroke-width .15s}#dragonfly-lab .lab-power-sector:hover{filter:brightness(1.08)}#dragonfly-lab .lab-power-sector.is-selected{stroke:#20343d;stroke-width:4}#dragonfly-lab .lab-power-formula{fill:#20343d;font:700 12px system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}#dragonfly-lab .lab-power-quadrant{fill:#20343d;font:800 25px system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}#dragonfly-lab .lab-power-center{fill:#fff;stroke:#dce5e7;stroke-width:2;pointer-events:none}#dragonfly-lab .lab-power-center-label{fill:#20343d;font:800 13px system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dragonfly-lab.css.map */