.container.svelte-1k8gozp.svelte-1k8gozp{max-width:800px}.tonebox-wrapper.svelte-1k8gozp.svelte-1k8gozp{display:flex;justify-content:center}.resize-container.svelte-1k8gozp.svelte-1k8gozp{border:2px dashed #ffcc00;background-color:#1f1f1f;border-radius:8px;padding:8px;resize:both;overflow:auto;max-width:100%;width:300px;height:300px;margin:0 auto}.intro-container.svelte-1k8gozp.svelte-1k8gozp{background-color:#333;border-radius:8px;color:#fff;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.add-button.svelte-1k8gozp.svelte-1k8gozp{background-color:#fc0;color:#1f1f1f;border-radius:5px;padding:.25rem .5rem;transition:background-color .3s ease}.display-toggle-btn.svelte-1k8gozp.svelte-1k8gozp,.nav-button.svelte-1k8gozp.svelte-1k8gozp{background-color:#1f1f1f;color:#fc0;border:1px solid #ffcc00;border-radius:5px;padding:.25rem .5rem;transition:background-color .3s ease,color .3s ease}.tones-panel.svelte-1k8gozp.svelte-1k8gozp{background-color:#2a2a2a;border:1px solid #4b5563;border-radius:10px;padding:1rem;color:#d1d5db}.tones-list.svelte-1k8gozp.svelte-1k8gozp{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.tone-item.svelte-1k8gozp.svelte-1k8gozp{position:relative;display:flex;flex-direction:column;align-items:center;background-color:#2a2a2a;padding:.5rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s;border:1px solid #4b5563}.tone-item.svelte-1k8gozp.svelte-1k8gozp:hover{background-color:#373737}.tone-item.current-tone.svelte-1k8gozp.svelte-1k8gozp{background-color:#4b5563}.dark-input.svelte-1k8gozp.svelte-1k8gozp,.dark-select.svelte-1k8gozp.svelte-1k8gozp{background-color:#2a2a2a;color:#fafafa;border:1px solid #4b5563;padding:.5rem;border-radius:8px}.intro-container.svelte-1k8gozp.svelte-1k8gozp{background-color:#333;border-radius:8px;color:#fff;position:relative;transition:max-height .4s ease,padding .4s ease}.instructions-content.svelte-1k8gozp.svelte-1k8gozp{max-height:100%;transition:max-height .4s ease}.toggle-bar.svelte-1k8gozp.svelte-1k8gozp{background-color:#2a2a2a;color:#d3d3d3;font-weight:700;margin-top:5px;text-align:center;padding:.1rem;cursor:pointer;border-top:1px solid #1f1f1f;position:relative;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.intro-container.svelte-1k8gozp:not(:hover) .toggle-bar.svelte-1k8gozp:hover{background-color:#fd3}@media (max-width: 768px){.tones-list.svelte-1k8gozp.svelte-1k8gozp{grid-template-columns:repeat(3,1fr)}.tone-item.svelte-1k8gozp.svelte-1k8gozp{padding:.25rem}.resize-container.svelte-1k8gozp.svelte-1k8gozp{width:100%;height:auto}}.delete-icon.svelte-1k8gozp.svelte-1k8gozp{position:absolute;top:-25px;right:-15px;font-size:1.2rem;color:#f66;cursor:pointer;transition:color .3s ease}.delete-icon.svelte-1k8gozp.svelte-1k8gozp:hover{color:#f44}.custom-bullet-list.svelte-1k8gozp.svelte-1k8gozp{list-style-type:none;padding-left:1.5rem;margin-bottom:1rem}.custom-bullet-list.svelte-1k8gozp li.svelte-1k8gozp{position:relative;margin-bottom:.5rem;padding-left:1.2rem;color:#fff;font-size:.875rem}.custom-bullet-list.svelte-1k8gozp li.svelte-1k8gozp:before{content:"•";position:absolute;left:0;color:#fc0;font-size:1rem;line-height:1rem}a.svelte-1k8gozp.svelte-1k8gozp{color:#fc0}.text-normal.svelte-1k8gozp.svelte-1k8gozp{color:#fff;font-size:.875rem;margin:.5rem 0 1rem}.text-yellow-400.svelte-1k8gozp.svelte-1k8gozp{color:#fc0}.text-yellow-400.svelte-1k8gozp.svelte-1k8gozp:hover{text-decoration:underline}