.container.svelte-zy9hlh{max-width:800px;margin:0 auto;padding:2rem;background-color:#1f1f1f;color:#fafafa}@media (max-width: 768px){.tonebox-textbox-container.svelte-zy9hlh{flex-direction:row;align-items:center;gap:.5rem}.tonebox-wrapper.svelte-zy9hlh{min-width:45%;height:auto}.scaled-textbox-wrapper.svelte-zy9hlh{padding-top:2rem;transform:scale(.5);transform-origin:top left;width:100%;max-height:200px;margin-left:0}.container.svelte-zy9hlh{max-width:100vw;margin:0;padding:.3rem}}.header.svelte-zy9hlh,.subheading.svelte-zy9hlh,.language-dialect-title.svelte-zy9hlh{color:#fc0;text-align:center}.header.svelte-zy9hlh{font-size:2rem;margin-bottom:0}.subheading.svelte-zy9hlh{font-size:1rem;margin-top:-.8rem;margin-bottom:1rem}.dropdown-container-row.svelte-zy9hlh{display:flex;gap:1rem}.dropdown-container.svelte-zy9hlh{flex:1;margin-bottom:.2rem}.dropdown-short.svelte-zy9hlh,.dropdown.svelte-zy9hlh{padding:.5rem;border-radius:4px;border:1px solid #666;background-color:#333;color:#ccc;width:100%}.button-group.svelte-zy9hlh{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.layout-button.svelte-zy9hlh{padding:.3rem .6rem;font-size:.8rem;background-color:#000;border:1px solid #666;color:#ccc;border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.layout-button.active.svelte-zy9hlh{background-color:#fc0;color:#1f1f1f}.tone-gedney-container.svelte-zy9hlh{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}@media (min-width: 769px){.tone-gedney-container.svelte-zy9hlh{flex-direction:column}}.tonebox-textbox-container.svelte-zy9hlh{display:flex;gap:1rem;width:100%}.tonebox-wrapper.svelte-zy9hlh{flex:1;border:2px dashed #ffcc00;background-color:#1f1f1f;border-radius:8px;padding:8px;resize:both;overflow:auto;aspect-ratio:1}.input-clear-wrapper.svelte-zy9hlh{position:relative;display:flex;align-items:center}.clear-button.svelte-zy9hlh{margin-left:.5rem;padding:.2rem .5rem;border:none;background-color:#fc0;color:#000;border-radius:4px;cursor:pointer}.clear-button.svelte-zy9hlh:hover{background-color:#d55b4d}.dropdown-options.svelte-zy9hlh{position:absolute;background-color:#333;border:1px solid #666;border-radius:4px;max-height:200px;overflow-y:auto;width:100%;z-index:1}.dropdown-option.svelte-zy9hlh{padding:.5rem;cursor:pointer}.dropdown-option.svelte-zy9hlh:hover{background-color:#444}.compass-links.svelte-zy9hlh{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:1rem 0}.compass-link.svelte-zy9hlh{flex:1 1 45%;margin:.5rem 0;display:flex;align-items:center;justify-content:center}.link-text.svelte-zy9hlh{display:flex;align-items:center;font-size:1rem;color:#fab917;text-decoration:none;font-weight:600;transition:color .3s}.link-text.svelte-zy9hlh:hover{color:#fc0}@media (max-width: 600px){.compass-links.svelte-zy9hlh{flex-direction:column;gap:.5rem}.compass-link.svelte-zy9hlh{flex:1 1 100%}}.badges-row.svelte-zy9hlh{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;justify-content:flex-start;width:100%}.export-to-sketchpad.svelte-zy9hlh{display:flex;align-items:center;cursor:pointer;font-size:1rem;color:#fff}.export-to-sketchpad.svelte-zy9hlh:hover{opacity:1}.export-label.svelte-zy9hlh{margin-left:.5rem;color:#fff}.badges-container.svelte-zy9hlh{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start;flex-grow:1}.badge.svelte-zy9hlh{background-color:#2d2d2d;color:#ccc;padding:.3rem .6rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.badge.svelte-zy9hlh:hover{background-color:#444;color:#fff}.badge.active.svelte-zy9hlh{background-color:#fc0;color:#1f1f1f}.tone-gedney-container.compact.svelte-zy9hlh{display:flex;align-items:center;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.inline-detection.svelte-zy9hlh{display:flex;align-items:center;gap:.5rem}.inline-label.svelte-zy9hlh{font-size:.9rem;color:#ccc}.override-container.svelte-zy9hlh{display:flex;align-items:center;gap:.5rem}.toggle-button.small.svelte-zy9hlh{padding:.3rem .5rem;font-size:.8rem;border:1px solid #666;background-color:#333;color:#ccc;border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.toggle-button.small.active.svelte-zy9hlh{background-color:#fc0;color:#1f1f1f}.dropdown-small.svelte-zy9hlh{padding:.3rem .5rem;border-radius:4px;border:1px solid #666;background-color:#333;color:#ccc;font-size:.8rem;cursor:not-allowed}.dropdown-small.svelte-zy9hlh:not(:disabled){cursor:pointer}.detected-script-label.svelte-zy9hlh{font-size:.8rem;color:#ccc}.script-name.svelte-zy9hlh{font-size:.9rem;font-weight:700;color:#fc0}@media (max-width: 768px){.tone-gedney-container.compact.svelte-zy9hlh{flex-direction:column;align-items:flex-start;gap:.5rem}.override-container.svelte-zy9hlh{flex-direction:row;justify-content:flex-start}.toggle-button.small.svelte-zy9hlh,.dropdown-small.svelte-zy9hlh,.inline-label.svelte-zy9hlh,.detected-script-label.svelte-zy9hlh{font-size:.75rem}}