.textbox-container.svelte-knw56x.svelte-knw56x{width:100%;max-width:600px;margin:0 auto;padding:16px;background-color:#1a1a1a;color:#f0f0f0;border-radius:8px;border:1px solid #444}.controls.svelte-knw56x.svelte-knw56x{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.control-row.svelte-knw56x.svelte-knw56x{display:flex;justify-content:space-between;align-items:center}.font-size-controls.svelte-knw56x.svelte-knw56x,.slider-control.svelte-knw56x.svelte-knw56x{display:flex;align-items:center;gap:8px}.slider-control.svelte-knw56x button.svelte-knw56x{background-color:#fab917;color:#2a2a2a;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.slider-control.svelte-knw56x button.svelte-knw56x:hover{background-color:#e5a50e}.slider-control.svelte-knw56x input[type=range].svelte-knw56x{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff4d;border-radius:4px;outline:none}.styled-slider.svelte-knw56x.svelte-knw56x::-webkit-slider-runnable-track{background-color:#fab917;border-radius:5px}.styled-slider.svelte-knw56x.svelte-knw56x::-moz-range-track{background-color:#fab917;border-radius:5px}.styled-slider.svelte-knw56x.svelte-knw56x::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background-color:#fff;border:2px solid #FAB917;border-radius:50%;cursor:pointer}.styled-slider.svelte-knw56x.svelte-knw56x::-moz-range-thumb{width:16px;height:16px;background-color:#fff;border:2px solid #FAB917;border-radius:50%;cursor:pointer}.font-size-display.svelte-knw56x.svelte-knw56x{font-size:.8rem;color:#ddd}.open-font-selector-btn.svelte-knw56x.svelte-knw56x{background-color:#fab917;color:#2a2a2a;padding:2px 8px;font-size:.9rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-left:1rem}.open-font-selector-btn.svelte-knw56x.svelte-knw56x:hover{background-color:#e5a50e}.textarea-wrapper.svelte-knw56x.svelte-knw56x{position:relative}.textarea.svelte-knw56x.svelte-knw56x{width:100%;min-height:150px;padding:8px;background-color:transparent;color:#f0f0f0;border:1px solid #555;border-radius:4px;resize:vertical}.button-group.svelte-knw56x.svelte-knw56x{display:flex;gap:8px;position:absolute;top:8px;right:8px}.copy-btn.svelte-knw56x.svelte-knw56x,.clear-btn.svelte-knw56x.svelte-knw56x{background:#444;color:#ddd;padding:4px 12px;font-size:.8rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.copy-btn.svelte-knw56x.svelte-knw56x:hover,.clear-btn.svelte-knw56x.svelte-knw56x:hover{background-color:#666;color:#fff}@media screen and (max-width: 767px){.open-font-selector-btn.svelte-knw56x.svelte-knw56x{font-size:.4rem}}.keyboard-symbols-container.svelte-m7bco9{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;background-color:#333;padding:.5rem;border-radius:8px}.symbol-group.svelte-m7bco9{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem}.symbol-btn.svelte-m7bco9{background-color:#444;color:#fff;border:none;padding:8px 12px;font-size:1.2rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.symbol-btn.svelte-m7bco9:hover{background-color:#666}.none-btn.svelte-m7bco9{background-color:#555;font-size:.8rem;color:#fab917}.none-btn.svelte-m7bco9:hover{background-color:#777}.consonant-square.svelte-172jdr4{display:flex;justify-content:center;align-items:center;padding:3px;text-align:center;border-radius:4px;border:2px solid;background-color:#222;box-shadow:0 2px 4px #0006;transition:all .2s ease}.consonant-square.selected.svelte-172jdr4{border-color:#fab917;background-color:#333;box-shadow:0 0 6px #fab91799}.multi-consonants.svelte-172jdr4{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;align-items:center;justify-items:center}.sub-square.svelte-172jdr4{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;border:1px solid #888;border-radius:3px;width:100%;height:100%;box-sizing:border-box}.symbol.svelte-172jdr4{font-size:clamp(1rem,1vw,1.8rem);color:#fafafa;line-height:1}.ipa.svelte-172jdr4{font-size:clamp(.5rem,.8vw,1rem);color:#ccc;margin-top:2px}.consonant-square.svelte-172jdr4:hover{background-color:#555;box-shadow:0 2px 6px #00000080;border-color:#fab917}@media (max-width: 500px){.consonant-square.svelte-172jdr4{width:100%;height:100%;padding:0;border-radius:2px}.multi-consonants.svelte-172jdr4{height:100%}.sub-square.svelte-172jdr4{height:50%;padding:1px}.symbol.svelte-172jdr4{font-size:clamp(1.2rem,2vw,1.5rem)}.ipa.svelte-172jdr4{font-size:clamp(.6rem,1vw,.8rem);margin-top:1px}}.compass-container.svelte-b11un4{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;max-width:20rem;overflow:hidden}.header-row.svelte-b11un4,.varga-row.svelte-b11un4{display:contents}.varga-label.svelte-b11un4,.action-label.svelte-b11un4,.placeholder-cell.svelte-b11un4{font-weight:700;text-align:center;color:#f7b917;padding:4px}.empty-cell.svelte-b11un4{background-color:transparent;padding:8px}@media (max-width: 500px){.compass-container.svelte-b11un4{max-width:48vw;margin-left:0;grid-template-columns:repeat(6,1fr);grid-auto-rows:8vw}.action-label.svelte-b11un4,.varga-label.svelte-b11un4,.empty-cell.svelte-b11un4{height:.1px;padding:0;margin:0;line-height:0;visibility:hidden}}.keyboard-container.svelte-1uaisq7{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;background-color:#333;border-radius:6px;padding:1rem;box-sizing:border-box}.symbol-keyboard.svelte-1uaisq7{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;background-color:#444;padding:.5rem;border-radius:6px}.keyboards-wrapper.svelte-1uaisq7{display:flex;gap:1rem;justify-content:space-between}.consonant-keyboard.svelte-1uaisq7{flex:.8;display:flex;justify-content:center}.vowel-keyboard.svelte-1uaisq7{flex:1.2;display:flex;justify-content:center}