body{margin:0;padding:20px;font-family:Courier New,monospace;background:var(--color-bg, #282828);color:var(--color-fg, #ebdbb2);--color-bg: #282828;--color-fg: #ebdbb2;--color-logo: #fe8019b8;--color-logo-text: #fe8019;--color-metadata: #a89984;--color-navbar: #bd922d;--color-title: #627b59;--color-title-shadow-one: #627b59;--color-title-shadow-two: #627b59;--color-sub-title: #627b59;--color-code-bg: #1d2021;--color-code-text: #fe8019;--color-bg-menu: #32302f}.blog-embed-container.svelte-xqjh3p{max-width:800px;margin:0 auto;background:var(--color-code-bg);border:2px solid var(--color-metadata);border-radius:4px;padding:16px;box-shadow:0 2px 8px #0000004d}.container.svelte-xqjh3p{max-width:100%}header.svelte-xqjh3p{text-align:center;padding:12px;border:2px solid var(--color-logo-text);margin-bottom:16px;background:var(--color-bg);border-radius:2px}h1.svelte-xqjh3p{margin:0;font-size:20px;letter-spacing:2px;color:var(--color-logo-text)}.display-section.svelte-xqjh3p,.unified-input-section.svelte-xqjh3p,.controls-section.svelte-xqjh3p{margin-bottom:14px}label.svelte-xqjh3p{display:block;margin-bottom:6px;font-size:11px;color:var(--color-metadata);text-transform:uppercase;letter-spacing:1px}.display-section.svelte-xqjh3p,.ascii-container.svelte-xqjh3p{position:relative}.ascii-display.svelte-xqjh3p{width:100%;padding:14px;font-size:16px;font-family:Courier New,monospace;background:var(--color-bg);border:2px solid var(--color-metadata);color:var(--color-fg);box-sizing:border-box;min-height:60px;border-radius:2px}.ascii-display.svelte-xqjh3p:focus{outline:none;border-color:var(--color-logo-text)}.ascii-display.playing.svelte-xqjh3p{color:transparent}.ascii-highlight-overlay.svelte-xqjh3p{position:absolute;top:14px;left:14px;right:14px;font-size:16px;font-family:Courier New,monospace;pointer-events:none;color:var(--color-fg);line-height:1.5}.ascii-highlight-overlay.svelte-xqjh3p span:where(.svelte-xqjh3p){color:var(--color-fg)}.ascii-highlight-overlay.svelte-xqjh3p span.active:where(.svelte-xqjh3p){background:var(--color-title);color:var(--color-bg);padding:2px 4px;border-radius:2px;font-weight:700}.morse-display.svelte-xqjh3p{width:100%;padding:14px;font-size:20px;font-family:Courier New,monospace;background:var(--color-bg);border:2px solid var(--color-metadata);color:var(--color-logo-text);box-sizing:border-box;min-height:60px;letter-spacing:2px;border-radius:2px}.morse-display.svelte-xqjh3p .placeholder:where(.svelte-xqjh3p){color:var(--color-metadata);font-size:14px}.morse-display.svelte-xqjh3p span.active:where(.svelte-xqjh3p){background:var(--color-title);color:var(--color-bg);padding:2px 4px;border-radius:2px;font-weight:700}.unified-input-section.svelte-xqjh3p label:where(.svelte-xqjh3p){margin-bottom:6px}.unified-input-container.svelte-xqjh3p{display:flex;gap:0;background:var(--color-bg);border:2px solid var(--color-metadata);overflow:hidden;border-radius:2px}.input-area.svelte-xqjh3p{flex:1;padding:30px 16px;font-size:16px;font-family:Courier New,monospace;background:var(--color-bg-menu);border:none;border-right:2px solid var(--color-metadata);color:var(--color-fg);cursor:pointer;transition:all .1s;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-area.svelte-xqjh3p:hover{background:var(--color-bg)}.input-area.pressed.svelte-xqjh3p{background:var(--color-logo-text);color:var(--color-bg);transform:scale(.98)}.button-icon.svelte-xqjh3p{font-size:28px;color:var(--color-logo-text)}.input-area.pressed.svelte-xqjh3p .button-icon:where(.svelte-xqjh3p){color:var(--color-bg)}.button-text.svelte-xqjh3p{font-weight:700;letter-spacing:2px;font-size:14px}.telegraph-visual.svelte-xqjh3p{width:220px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:16px}.telegraph-key.svelte-xqjh3p{width:180px;height:100px}.telegraph-key.svelte-xqjh3p .lever-arm:where(.svelte-xqjh3p){transform-origin:34px 75px;transition:transform .1s ease-out}.telegraph-key.pressed.svelte-xqjh3p .lever-arm:where(.svelte-xqjh3p){transform:rotate(15deg)}.telegraph-key.svelte-xqjh3p .upper-contact:where(.svelte-xqjh3p){transition:transform .1s ease-out}.telegraph-key.pressed.svelte-xqjh3p .upper-contact:where(.svelte-xqjh3p){transform:translateY(5px)}.input-hint.svelte-xqjh3p{text-align:center;margin-top:6px;font-size:11px;color:var(--color-metadata)}.controls.svelte-xqjh3p{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.control-btn.svelte-xqjh3p{padding:10px 14px;font-size:14px;font-family:Courier New,monospace;background:var(--color-bg-menu);border:2px solid var(--color-logo-text);color:var(--color-fg);cursor:pointer;transition:all .2s;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:2px}.control-btn.svelte-xqjh3p:hover{background:var(--color-logo-text);color:var(--color-bg)}.control-btn.delete.svelte-xqjh3p{border-color:var(--color-navbar)}.control-btn.delete.svelte-xqjh3p:hover{background:var(--color-navbar)}.volume-control.svelte-xqjh3p{display:flex;align-items:center;gap:8px;margin-left:auto}.volume-control.svelte-xqjh3p label:where(.svelte-xqjh3p){margin:0;font-size:12px}input[type=range].svelte-xqjh3p{width:100px;height:6px;background:var(--color-bg-menu);border:1px solid var(--color-metadata);outline:none;cursor:pointer;border-radius:2px}input[type=range].svelte-xqjh3p::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-logo-text);cursor:pointer;border-radius:2px}input[type=range].svelte-xqjh3p::-moz-range-thumb{width:14px;height:14px;background:var(--color-logo-text);cursor:pointer;border-radius:2px;border:none}:root{--color-bg: #282828;--color-fg: #ebdbb2;--color-logo: #fe8019b8;--color-logo-text: #fe8019;--color-metadata: #a89984;--color-navbar: #bd922d;--color-title: #627b59;--color-title-shadow-one: #627b59;--color-title-shadow-two: #627b59;--color-sub-title: #627b59;--color-code-bg: #1d2021;--color-code-text: #fe8019;--color-bg-menu: #32302f}.playground.svelte-2xwqm3{max-width:800px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-bg-menu);border-radius:8px}h2.svelte-2xwqm3{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--color-navbar);border-bottom:2px solid var(--color-bg-menu);padding-bottom:8px}h3.svelte-2xwqm3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-title)}.character-selector.svelte-2xwqm3{margin-bottom:24px}.character-selector.svelte-2xwqm3 label:where(.svelte-2xwqm3){display:block;margin-bottom:8px;font-weight:500;font-size:15px;color:var(--color-fg)}.dropdown-wrapper.svelte-2xwqm3{position:relative}#char-input.svelte-2xwqm3{width:100%;padding:10px 32px 10px 12px;font-size:14px;background:var(--color-bg-menu);color:var(--color-fg);border:1px solid var(--color-metadata);border-radius:4px;box-sizing:border-box}#char-input.svelte-2xwqm3:focus{outline:none;border-color:var(--color-logo-text);box-shadow:0 0 0 3px #fe801933}.dropdown-icon.svelte-2xwqm3{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-metadata)}.dropdown-results.svelte-2xwqm3{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--color-bg-menu);border:1px solid var(--color-metadata);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000004d;z-index:10}.dropdown-item.svelte-2xwqm3{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:var(--color-bg-menu);color:var(--color-fg);text-align:left;cursor:pointer;transition:background .15s}.dropdown-item.svelte-2xwqm3:hover{background:var(--color-bg)}.char-display.svelte-2xwqm3{font-size:20px;width:32px;text-align:center}.char-code.svelte-2xwqm3{font-family:Monaco,Courier New,monospace;font-size:12px;color:var(--color-code-text);font-weight:500;opacity:.7}.char-desc.svelte-2xwqm3{font-size:12px;color:var(--color-metadata);opacity:.6;flex:1}.encoding-preview.svelte-2xwqm3{margin-bottom:24px}.simple-encodings.svelte-2xwqm3,.unicode-encodings.svelte-2xwqm3{margin-bottom:16px}.section-divider.svelte-2xwqm3{height:2px;background:var(--color-bg-menu);margin:20px 0}.encoding-row.svelte-2xwqm3{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-bottom:12px;align-items:start}.encoding-label.svelte-2xwqm3{font-weight:500;color:var(--color-metadata);padding-top:2px}.encoding-value.svelte-2xwqm3{font-family:Monaco,Courier New,monospace;font-size:14px;color:var(--color-fg)}.hex-binary-group.svelte-2xwqm3{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.representation-line.svelte-2xwqm3{display:flex;align-items:flex-start;gap:8px}.rep-label.svelte-2xwqm3{font-size:12px;color:var(--color-metadata);min-width:50px;padding-top:2px}.bytes-display.svelte-2xwqm3{display:flex;gap:4px;flex-wrap:wrap}.byte.svelte-2xwqm3{padding:2px 6px;border-radius:3px;font-weight:500;background:var(--color-code-bg)}.byte-lead.svelte-2xwqm3{color:#83a598;border:1px solid #458588}.byte-cont.svelte-2xwqm3{color:var(--color-logo-text);border:1px solid var(--color-logo)}.byte-high.svelte-2xwqm3{color:#d3869b;border:1px solid #b16286}.byte-low.svelte-2xwqm3{color:#b8bb26;border:1px solid #98971a}.byte-fixed.svelte-2xwqm3{color:var(--color-metadata);border:1px solid #504945}.byte-space.svelte-2xwqm3{width:8px}.size-info.svelte-2xwqm3{font-size:12px;color:var(--color-metadata);margin-top:4px}.text-comparison.svelte-2xwqm3{margin-bottom:24px}textarea.svelte-2xwqm3{width:100%;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;background:var(--color-bg-menu);color:var(--color-fg);border:1px solid var(--color-metadata);border-radius:4px;resize:vertical;box-sizing:border-box}textarea.svelte-2xwqm3:focus{outline:none;border-color:var(--color-logo-text);box-shadow:0 0 0 3px #fe801933}.size-comparison.svelte-2xwqm3{margin-top:12px;padding:12px;background:var(--color-code-bg);border-radius:4px}.size-row.svelte-2xwqm3{display:flex;justify-content:space-between;margin-bottom:8px}.size-row.svelte-2xwqm3:last-child{margin-bottom:0}.size-label.svelte-2xwqm3{font-weight:500;color:var(--color-metadata)}.size-value.svelte-2xwqm3{font-family:Monaco,Courier New,monospace;font-weight:600;color:var(--color-code-text)}.rules-section.svelte-2xwqm3 ul:where(.svelte-2xwqm3){margin:0;padding-left:20px}.rules-section.svelte-2xwqm3 li:where(.svelte-2xwqm3){margin-bottom:8px;font-size:14px;color:var(--color-fg);line-height:1.5}.legend-section.svelte-2xwqm3{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-bg-menu)}.legend-section.svelte-2xwqm3 h4:where(.svelte-2xwqm3){margin:0 0 12px;font-size:13px;font-weight:600;color:var(--color-metadata);text-transform:uppercase;letter-spacing:.5px}.legend-items.svelte-2xwqm3{display:flex;flex-wrap:wrap;gap:8px}.legend-items.svelte-2xwqm3 .byte:where(.svelte-2xwqm3){font-size:12px;padding:4px 8px}