.guide-teaser.svelte-2r4yp8.svelte-2r4yp8{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;background:#1f1f1f;border:1px solid #2b2b2b;border-radius:12px;padding:12px;text-decoration:none;color:#fff}.guide-teaser.svelte-2r4yp8.svelte-2r4yp8:hover{border-color:#3a3a3a;box-shadow:0 4px 14px #00000047;transform:translateY(-1px);transition:all .12s ease}.guide-teaser.regular.svelte-2r4yp8.svelte-2r4yp8{grid-template-columns:128px 1fr;padding:16px;border-radius:16px}.guide-teaser.inline.svelte-2r4yp8.svelte-2r4yp8{grid-template-columns:32px 1fr;padding:8px 10px;border-radius:10px}.gt-thumb.svelte-2r4yp8.svelte-2r4yp8{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;background:#151515;display:grid;place-items:center;flex:0 0 auto}.guide-teaser.regular.svelte-2r4yp8 .gt-thumb.svelte-2r4yp8{width:128px;height:128px;border-radius:12px}.guide-teaser.inline.svelte-2r4yp8 .gt-thumb.svelte-2r4yp8{width:28px;height:28px;border-radius:6px}.gt-thumb.svelte-2r4yp8 img.svelte-2r4yp8{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center!important;object-position:center center!important;display:block}.gt-placeholder.svelte-2r4yp8.svelte-2r4yp8{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#232323,#1a1a1a);font-size:18px;color:#fc0;opacity:.9}.guide-teaser.inline.svelte-2r4yp8 .gt-placeholder.svelte-2r4yp8{font-size:12px}.content.svelte-2r4yp8.svelte-2r4yp8{min-width:0;display:grid;gap:6px}.heading.svelte-2r4yp8.svelte-2r4yp8{display:grid;gap:4px}.eyebrow.svelte-2r4yp8.svelte-2r4yp8{display:inline-flex;gap:6px;align-items:center;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#bdbdbd}.title.svelte-2r4yp8.svelte-2r4yp8{font-size:15px;line-height:1.25;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle.svelte-2r4yp8.svelte-2r4yp8{color:#cfcfcf;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desc.svelte-2r4yp8.svelte-2r4yp8{color:#d9d9d9;font-size:13px;line-height:1.35;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badges.svelte-2r4yp8.svelte-2r4yp8{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.badge.svelte-2r4yp8.svelte-2r4yp8{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:5px 8px;border-radius:999px;background:#262626;border:1px solid #323232;color:#e1e1e1}.guide-skeleton.svelte-2r4yp8 .gt-thumb.svelte-2r4yp8{background:linear-gradient(90deg,#1d1d1d,#242424,#1d1d1d);background-size:200% 100%;animation:svelte-2r4yp8-shimmer 1.2s infinite;border-radius:10px}.guide-skeleton.svelte-2r4yp8 .line.svelte-2r4yp8{background:linear-gradient(90deg,#1d1d1d,#242424,#1d1d1d);background-size:200% 100%;animation:svelte-2r4yp8-shimmer 1.2s infinite;height:12px;border-radius:6px}.guide-skeleton.svelte-2r4yp8 .line.short.svelte-2r4yp8{width:60%}.guide-skeleton.svelte-2r4yp8 .badge.svelte-2r4yp8{background:linear-gradient(90deg,#1d1d1d,#242424,#1d1d1d);background-size:200% 100%;animation:svelte-2r4yp8-shimmer 1.2s infinite;height:22px;width:80px;border-radius:999px}@keyframes svelte-2r4yp8-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.guide-teaser.error.svelte-2r4yp8.svelte-2r4yp8{grid-template-columns:32px 1fr;background:#1a1111;border-color:#4b2a2a}.guide-teaser.error.svelte-2r4yp8 .icon.svelte-2r4yp8{display:grid;place-items:center;color:#ffb3b3}.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}