.morsetool{display:flex;flex-direction:column;gap:20px}.morsetool__mode-switch{display:flex;gap:8px;padding:4px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.morsetool__mode-switch .btn{flex:1;border:none;background:transparent;color:var(--color-text-soft);padding:10px 16px;border-radius:calc(var(--radius-md) - 4px);transition:all var(--transition-fast, .15s)}.morsetool__mode-switch .btn--active{background:var(--color-primary, #2b6cff);color:#fff;font-weight:600}.morsetool__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.morsetool__actions{display:flex;flex-wrap:wrap;gap:8px}.morsetool__input-section,.morsetool__result-section{display:flex;flex-direction:column;gap:8px}.morsetool__label{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:var(--color-text)}.morsetool__stat{font-size:13px;font-weight:400;color:var(--color-text-soft)}.morsetool__textarea{width:100%;min-height:120px;max-height:300px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:14px;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast, .15s)}.morsetool__textarea:focus{outline:none;border-color:var(--color-primary, #2b6cff);box-shadow:var(--focus-ring, 0 0 0 3px rgba(43, 108, 255, .15))}.morsetool__result{min-height:80px;max-height:300px;overflow-y:auto;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03));font-family:var(--font-mono);font-size:15px;line-height:1.7;word-break:break-all;color:var(--color-text)}.morsetool__result-empty{color:var(--color-text-soft);font-style:italic}.morsetool__warnings{padding:10px 14px;background:#d977061a;border:1px solid rgba(217,119,6,.3);border-radius:var(--radius-md);color:#92400e;font-size:13px;line-height:1.6}:global([data-theme=dark]) .morsetool__warnings{background:#fbbf2426;color:#fbbf24}.morsetool__audio{display:flex;flex-direction:column;gap:16px;padding:16px 18px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-md)}.morsetool__audio-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.morsetool__slider-group{display:flex;flex-direction:column;gap:6px}.morsetool__slider-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--color-text)}.morsetool__slider-value{font-size:13px;font-weight:500;color:var(--color-primary, #2b6cff);font-variant-numeric:tabular-nums}.morsetool__slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none;cursor:pointer}.morsetool__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary, #2b6cff);cursor:pointer;transition:transform .15s}.morsetool__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.morsetool__slider::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--color-primary, #2b6cff);cursor:pointer}.morsetool__play-controls{display:flex;align-items:center;gap:12px}.morsetool__duration{font-size:13px;color:var(--color-text-soft);font-variant-numeric:tabular-nums}.morsetool__cheatsheet{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;background:var(--color-bg-soft, rgba(0, 0, 0, .03))}.morsetool__cheatsheet summary{font-size:15px;font-weight:600;cursor:pointer;color:var(--color-text);padding:4px 0}.morsetool__cheatsheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:14px}.morsetool__cheatsheet-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px)}.morsetool__cheatsheet-char{font-size:16px;font-weight:700;color:var(--color-text)}.morsetool__cheatsheet-code{font-family:var(--font-mono);font-size:12px;color:var(--color-text-soft);letter-spacing:1px}@media(max-width:768px){.morsetool__audio-controls{grid-template-columns:1fr}}@media(max-width:414px){.morsetool__mode-switch{flex-direction:column}.morsetool__actions{width:100%}.morsetool__actions .btn{flex:1}.morsetool__cheatsheet-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}}