.audio-prompt[data-v-ff389ee4]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:var(--c-primary,#2b6960);color:#fff;padding:1.25rem 2.5rem;border-radius:50px;font-family:var(--ff-body,"Inter",-apple-system,sans-serif);font-size:1rem;font-weight:600;z-index:10;box-shadow:0 8px 32px rgba(43,105,96,.3);cursor:pointer;transition:all .2s ease;border:none;letter-spacing:.02em}.audio-prompt[data-v-ff389ee4]:hover{background:var(--c-primary-light,#3a8a7e);transform:translate(-50%,-50%) translateY(-2px);box-shadow:0 12px 40px rgba(43,105,96,.4)}@media (max-width:600px){.audio-prompt[data-v-ff389ee4]{padding:1rem 2rem;font-size:.92rem;max-width:85vw;text-align:center}}.container[data-v-ff389ee4],body[data-v-ff389ee4],html[data-v-ff389ee4]{height:100vh;width:100vw;margin:0;padding:0;box-sizing:border-box}.container[data-v-ff389ee4]{position:relative;overflow:hidden;transform:translateZ(0)}.ball[data-v-ff389ee4]{position:absolute;backface-visibility:hidden;perspective:1000}.controller-page[data-v-bb4f963c]{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}.controller-header[data-v-bb4f963c]{background:rgba(250,250,247,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 20px rgba(0,0,0,.06);padding:.75rem 2rem;position:sticky;top:0;z-index:100}.header-inner[data-v-bb4f963c]{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo[data-v-bb4f963c]{display:flex;align-items:center;gap:.75rem;text-decoration:none}.header-logo-icon[data-v-bb4f963c]{width:32px;height:32px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.logo-text[data-v-bb4f963c]{font-family:var(--ff-heading);font-size:1.15rem;font-weight:600;color:var(--c-text)}.header-badge[data-v-bb4f963c]{display:inline-block;background:rgba(43,105,96,.08);color:var(--c-primary);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem 1rem;border-radius:50px}.controller-main[data-v-bb4f963c]{flex:1;max-width:800px;width:100%;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem) 3rem;display:flex;flex-direction:column;gap:1.25rem}.link-card[data-v-bb4f963c]{background:linear-gradient(135deg,#1a3a35,#3a8a7e);border-radius:16px;padding:1.5rem;color:#fff}.link-label[data-v-bb4f963c]{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.6);margin-bottom:.75rem}.link-row[data-v-bb4f963c]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.link-url[data-v-bb4f963c]{color:#fff;font-size:.92rem;text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.3);padding-bottom:1px;word-break:break-all;transition:border-color var(--tr-fast)}.link-url[data-v-bb4f963c]:hover{border-color:#fff;color:#fff}.btn-copy[data-v-bb4f963c]{display:inline-flex;align-items:center;gap:.4rem;background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:50px;padding:.4rem 1rem;font-family:var(--ff-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--tr-fast);flex-shrink:0}.btn-copy[data-v-bb4f963c]:hover{background:hsla(0,0%,100%,.25)}.limit-banner[data-v-bb4f963c]{background:linear-gradient(135deg,#c0392b,#e67e22);border-radius:16px;padding:1.5rem;color:#fff;text-align:center}.limit-banner p[data-v-bb4f963c]{margin:.5rem 0;opacity:.9;font-size:.95rem}.limit-link[data-v-bb4f963c]{color:#fff;font-weight:600;text-decoration:underline}.controls-card[data-v-bb4f963c]{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:2rem}.section-group[data-v-bb4f963c]{display:flex;flex-direction:column;gap:1rem}.section-group+.section-group[data-v-bb4f963c]{padding-top:1.5rem;border-top:1px solid var(--c-border)}.section-title[data-v-bb4f963c]{font-family:var(--ff-heading);font-size:1.1rem;font-weight:600;color:var(--c-text);margin-bottom:.25rem}.playback-row[data-v-bb4f963c]{display:flex;gap:.75rem}.btn-action[data-v-bb4f963c]{display:inline-flex;align-items:center;gap:.5rem;background:var(--c-bg-alt);color:var(--c-text);border:1px solid var(--c-border);border-radius:12px;padding:.65rem 1.5rem;font-family:var(--ff-body);font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--tr-fast);flex:1;justify-content:center}.btn-action[data-v-bb4f963c]:hover{border-color:var(--c-primary-light);background:rgba(43,105,96,.06)}.btn-active-start[data-v-bb4f963c]{background:var(--c-primary)!important;color:#fff!important;border-color:var(--c-primary)!important;box-shadow:0 4px 16px rgba(43,105,96,.25);animation:pulse-primary-bb4f963c 2s ease-in-out infinite}.btn-active-stop[data-v-bb4f963c]{background:#c0392b!important;color:#fff!important;border-color:#c0392b!important}.btn-sound[data-v-bb4f963c]{display:inline-flex;align-items:center;gap:.5rem;border-radius:12px;padding:.65rem 1.5rem;font-family:var(--ff-body);font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--tr-fast);border:1px solid;width:100%;justify-content:center}.btn-sound-off[data-v-bb4f963c]{background:var(--c-bg-alt);color:var(--c-text-light);border-color:var(--c-border)}.btn-sound-off[data-v-bb4f963c]:hover{border-color:var(--c-primary-light);color:var(--c-text)}.btn-sound-on[data-v-bb4f963c]{background:var(--c-primary);color:#fff;border-color:var(--c-primary);box-shadow:0 4px 16px rgba(43,105,96,.25);animation:pulse-primary-bb4f963c 2s ease-in-out infinite}.btn-sound-on[data-v-bb4f963c]:hover{background:var(--c-primary-light)}@keyframes pulse-primary-bb4f963c{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(43,105,96,.25)}50%{transform:scale(1.02);box-shadow:0 6px 24px rgba(43,105,96,.35)}}.control-field[data-v-bb4f963c]{display:flex;align-items:center;gap:1rem}.field-label[data-v-bb4f963c]{font-size:.88rem;font-weight:600;color:var(--c-text);min-width:90px;flex-shrink:0}.range-wrap[data-v-bb4f963c]{flex:1;display:flex;align-items:center;gap:.75rem}.range-value[data-v-bb4f963c]{font-size:.82rem;font-weight:600;color:var(--c-primary);background:rgba(43,105,96,.08);padding:.2rem .6rem;border-radius:6px;min-width:40px;text-align:center}input[type=range][data-v-bb4f963c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--c-bg-alt);outline:none;cursor:pointer}input[type=range][data-v-bb4f963c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--c-primary);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transition:all var(--tr-fast);transition:all var(--tr-fast)}input[type=range][data-v-bb4f963c]::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--c-primary-light)}input[type=range][data-v-bb4f963c]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--c-primary);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.select-field[data-v-bb4f963c]{flex:1;padding:.5rem .75rem;font-family:var(--ff-body);font-size:.9rem;border:1px solid var(--c-border);border-radius:10px;background:#fff;color:var(--c-text);cursor:pointer;transition:border-color var(--tr-fast);outline:none}.select-field[data-v-bb4f963c]:focus{border-color:var(--c-primary-light)}.select-sm[data-v-bb4f963c]{flex:0 0 auto;min-width:100px}.color-input-wrap[data-v-bb4f963c]{display:flex;align-items:center;gap:.5rem}.color-input[data-v-bb4f963c]{width:40px;height:34px;border:1px solid var(--c-border);border-radius:8px;cursor:pointer;padding:2px;background:#fff}.color-hex[data-v-bb4f963c]{font-size:.82rem;font-family:monospace;color:var(--c-text-light)}.ball-color-row[data-v-bb4f963c]{display:flex;align-items:center;gap:.75rem;flex:1}.preview-card[data-v-bb4f963c]{background:#fff;border:1px solid var(--c-border);border-radius:16px;overflow:hidden}.preview-header[data-v-bb4f963c]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--c-border)}.preview-header .section-title[data-v-bb4f963c]{margin:0}.preview-badge[data-v-bb4f963c]{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e74c3c;background:rgba(231,76,60,.08);padding:.25rem .75rem;border-radius:50px}.preview-badge[data-v-bb4f963c]:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e74c3c;animation:blink-dot-bb4f963c 1.5s ease-in-out infinite}@keyframes blink-dot-bb4f963c{0%,to{opacity:1}50%{opacity:.3}}.preview-container[data-v-bb4f963c]{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden}.preview-ball[data-v-bb4f963c]{will-change:left,top;pointer-events:none}.footer[data-v-bb4f963c]{background:#141f1d;color:hsla(0,0%,100%,.6);padding:1.5rem 2rem;margin-top:auto}.footer-inner[data-v-bb4f963c]{max-width:800px;margin:0 auto}.footer-bottom[data-v-bb4f963c]{display:flex;justify-content:space-between;font-size:.82rem}.footer-bottom a[data-v-bb4f963c]{color:var(--c-accent-light);text-decoration:none}.footer-proud[data-v-bb4f963c]{color:hsla(0,0%,100%,.5);font-style:italic}.footer-proud a[data-v-bb4f963c]{color:var(--c-accent-light);font-weight:600;font-style:normal}@media (max-width:768px){.controller-header[data-v-bb4f963c]{padding:.65rem 1rem}.controller-main[data-v-bb4f963c]{padding:1rem;gap:1rem}.link-card[data-v-bb4f963c]{padding:1.25rem}.link-row[data-v-bb4f963c]{flex-direction:column;align-items:stretch}.link-url[data-v-bb4f963c]{font-size:.82rem}.btn-copy[data-v-bb4f963c]{align-self:flex-start}.controls-card[data-v-bb4f963c]{padding:1.25rem;gap:1.5rem}.control-field[data-v-bb4f963c]{flex-direction:column;align-items:flex-start;gap:.5rem}.field-label[data-v-bb4f963c]{min-width:auto}.ball-color-row[data-v-bb4f963c],.range-wrap[data-v-bb4f963c],.select-field[data-v-bb4f963c]{width:100%}.playback-row[data-v-bb4f963c]{flex-direction:column}.btn-action[data-v-bb4f963c],.btn-sound[data-v-bb4f963c]{padding:.75rem 1.5rem;font-size:1rem}.section-title[data-v-bb4f963c]{font-size:1rem}.preview-header[data-v-bb4f963c]{padding:1rem 1.25rem}.footer[data-v-bb4f963c]{padding:1.25rem 1rem}.footer-bottom[data-v-bb4f963c]{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:420px){.header-badge[data-v-bb4f963c]{font-size:.68rem;padding:.25rem .75rem}.logo-text[data-v-bb4f963c]{font-size:1rem}}.page-wrapper[data-v-4d0ddb84]{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}.hero[data-v-4d0ddb84]{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a35,#3a8a7e);overflow:hidden;padding:clamp(3rem,8vh,6rem) clamp(1.5rem,5vw,4rem)}.hero-bg[data-v-4d0ddb84]{position:absolute;inset:0;pointer-events:none}.hero-pattern[data-v-4d0ddb84]{width:100%;height:100%;opacity:.5}.hero-content[data-v-4d0ddb84]{position:relative;z-index:1;text-align:center;max-width:700px}.hero-badge[data-v-4d0ddb84]{display:inline-block;background:hsla(0,0%,100%,.12);color:var(--c-accent-light);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.4rem 1.2rem;border-radius:50px;border:1px solid hsla(0,0%,100%,.15);margin-bottom:1.5rem}.hero h1[data-v-4d0ddb84]{font-family:var(--ff-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:1.25rem}.hero-desc[data-v-4d0ddb84]{color:hsla(0,0%,100%,.75);font-size:clamp(1rem,2vw,1.15rem);line-height:1.7;margin-bottom:2.5rem}.hero-actions[data-v-4d0ddb84]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary[data-v-4d0ddb84]{display:inline-flex;align-items:center;gap:.5rem;background:var(--c-accent);color:#fff;padding:.9rem 2.5rem;border-radius:50px;border:none;font-family:var(--ff-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--tr-fast);box-shadow:0 4px 20px rgba(196,150,74,.3)}.btn-primary[data-v-4d0ddb84]:hover{background:var(--c-accent-light);transform:translateY(-2px);box-shadow:0 6px 28px rgba(196,150,74,.4)}.btn-disabled[data-v-4d0ddb84]{background:hsla(0,0%,100%,.15)!important;color:hsla(0,0%,100%,.4)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.features-section[data-v-4d0ddb84]{padding:clamp(3rem,8vh,5rem) clamp(1.5rem,5vw,4rem);flex:1}.features-inner[data-v-4d0ddb84]{max-width:1100px;margin:0 auto}.features-grid[data-v-4d0ddb84]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card[data-v-4d0ddb84]{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all var(--tr-med)}.feature-card[data-v-4d0ddb84]:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06);border-color:transparent}.feature-icon-wrap[data-v-4d0ddb84]{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(43,105,96,.08);color:var(--c-primary);margin-bottom:1.25rem}.feature-card h3[data-v-4d0ddb84]{font-family:var(--ff-heading);font-size:1.15rem;font-weight:600;color:var(--c-text);margin-bottom:.5rem}.feature-card p[data-v-4d0ddb84]{color:var(--c-text-light);font-size:.92rem;line-height:1.6}.footer[data-v-4d0ddb84]{background:#141f1d;color:hsla(0,0%,100%,.6);padding:4rem 2rem 2rem;margin-top:auto}.footer-inner[data-v-4d0ddb84]{max-width:1100px;margin:0 auto}.footer-top[data-v-4d0ddb84]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.footer-logo[data-v-4d0ddb84]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo-text[data-v-4d0ddb84]{font-family:var(--ff-heading);font-size:1.15rem;font-weight:600;color:#fff}.footer-brand p[data-v-4d0ddb84]{font-size:.92rem;line-height:1.6;max-width:340px}.footer-links[data-v-4d0ddb84]{display:flex;flex-direction:column;gap:.5rem}.footer-links h4[data-v-4d0ddb84]{color:#fff;font-family:var(--ff-body);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.footer-links a[data-v-4d0ddb84]{color:hsla(0,0%,100%,.5);font-size:.88rem;text-decoration:none;transition:color var(--tr-fast)}.footer-links a[data-v-4d0ddb84]:hover{color:var(--c-accent-light)}.footer-bottom[data-v-4d0ddb84]{display:flex;justify-content:space-between;padding-top:1.5rem;font-size:.82rem}.footer-bottom a[data-v-4d0ddb84]{color:var(--c-accent-light);text-decoration:none}.footer-proud[data-v-4d0ddb84]{color:hsla(0,0%,100%,.5);font-style:italic}.footer-proud a[data-v-4d0ddb84]{color:var(--c-accent-light);font-weight:600;font-style:normal}.footer-logo-icon[data-v-4d0ddb84]{width:36px;height:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.hero[data-v-4d0ddb84]{min-height:auto;padding:3rem 1.25rem}.hero h1[data-v-4d0ddb84]{font-size:2rem}.hero-desc[data-v-4d0ddb84]{font-size:.95rem}.hero-desc br[data-v-4d0ddb84]{display:none}.btn-primary[data-v-4d0ddb84]{width:100%;justify-content:center;padding:1rem 2rem;font-size:1.05rem}.features-section[data-v-4d0ddb84]{padding:2rem 1.25rem}.features-grid[data-v-4d0ddb84]{grid-template-columns:1fr 1fr;gap:1rem}.feature-card[data-v-4d0ddb84]{padding:1.5rem 1rem}.footer[data-v-4d0ddb84]{padding:2.5rem 1.25rem 1.5rem}.footer-top[data-v-4d0ddb84]{grid-template-columns:1fr;gap:2rem}.footer-bottom[data-v-4d0ddb84]{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:420px){.hero h1[data-v-4d0ddb84]{font-size:1.65rem}.hero-badge[data-v-4d0ddb84]{font-size:.72rem;padding:.35rem 1rem}.features-grid[data-v-4d0ddb84]{grid-template-columns:1fr}}