:root{--purple-0: #f5f6ff;--purple-1: #e8eaff;--purple-2: #c9c5fa;--purple-3: #8074ee;--purple-4: #5963e7;--purple-5: #544bc4;--purple-6: #4f5aed;--purple-7: #25235f;--purple-8: #141943;--purple-9: #050819;--accent-rgb: 79 90 237;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gray-0: #ffffff;--gray-1: #fafafa;--gray-2: #f5f5f5;--gray-3: #f0f0f0;--gray-4: #d9d9d9;--gray-5: #bfbfbf;--gray-6: #8c8c8c;--gray-7: #595959;--gray-8: #434343;--gray-9: #262626;--page-bg: #ffffff;--surface: #ffffff;--surface-soft: #f8f9fa;--surface-tinted: var(--purple-0);--text: #1a1a1a;--text-strong: #0a0a0a;--text-muted: #5f6368;--text-soft: #a8b4c8;--border: #e8eaed;--border-strong: #e0e4e8;--accent: var(--purple-6);--accent-dark: #3d47cc;--success: #10b981;--success-dark: #047857;--danger: #dc2626;--danger-dark: #b91c1c;--info: #0284c7;--info-dark: #0369a1;--footer-bg: #0a0a0a;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 24px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-accent: 0 4px 16px rgb(var(--accent-rgb) / .24);--container-wide: 1200px;--container-main: 1000px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-page-x: 40px;--functional-card-padding: 40px;--nav-max-width: 1100px;--nav-height: 64px;--nav-offset: 12px;--nav-radius: 999px;--nav-overlay-bg: rgba(255, 255, 255, .15);--nav-overlay-border: rgba(255, 255, 255, .24);--nav-overlay-shadow: 0 8px 32px rgba(0, 0, 0, .1), inset 0 1px 1px rgba(255, 255, 255, .4);--glass-border-gradient: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .1));--nav-solid-shadow: 0 12px 36px rgba(17, 24, 39, .12), 0 2px 8px rgba(17, 24, 39, .05);--hero-night: var(--purple-9);--hero-deep-blue: var(--purple-8);--hero-indigo: var(--purple-7);--hero-violet: var(--purple-3);--hero-base: #ffffff;--transition: .18s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--page-bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{border:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}.container{width:100%;max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-page-x)}.main-container{width:100%;max-width:var(--container-main);margin:0 auto;padding:0 var(--space-page-x) 5rem}.tool-page .main-container{padding-bottom:0}.site-nav{position:sticky;top:0;z-index:1000;padding:var(--nav-offset) 0;background:transparent;pointer-events:none}.site-nav-floating{position:fixed;right:0;left:0}.site-nav .container{position:relative;width:calc(100% - 48px);min-height:var(--nav-height);padding:0 28px;display:flex;align-items:center;justify-content:flex-start;border:1px solid transparent;border-radius:var(--nav-radius);pointer-events:auto;transition:background-color var(--transition),border-color var(--transition),border-radius var(--transition),box-shadow var(--transition),color var(--transition)}.site-nav-overlay .container{background:var(--nav-overlay-bg);border-color:transparent;box-shadow:var(--nav-overlay-shadow);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}.site-nav-overlay .container:before{position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--glass-border-gradient);content:"";pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.site-nav-solid .container{background:var(--surface);border-color:#11182714;box-shadow:var(--nav-solid-shadow)}.logo{color:var(--text-strong);font-size:18px;font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:flex-start;gap:32px;list-style:none}.nav-controls{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:0;margin-left:32px}.nav-actions{display:flex;flex:0 0 auto;align-items:center;gap:4px;margin-left:auto}@media(min-width:769px){.site-nav .container{max-width:var(--nav-max-width);display:grid;grid-template-columns:max-content max-content minmax(0,1fr);column-gap:32px}.site-nav .logo{grid-column:1;justify-self:start}.nav-controls{display:contents}.nav-links{grid-column:2;justify-self:start}.nav-links>.nav-group-item:first-child .nav-trigger{padding-left:0}.nav-actions{grid-column:3;justify-self:end;margin-left:0}}.nav-links a,.nav-trigger{color:var(--text-muted);font-size:.95rem;font-weight:400;transition:color var(--transition)}.site-nav-overlay .logo,.site-nav-overlay .nav-links>li>a,.site-nav-overlay .nav-trigger{color:#fff}.nav-links a:hover,.nav-trigger:hover{color:var(--accent)}.site-nav-overlay .nav-links>li>a:hover,.site-nav-overlay .nav-trigger:hover{color:#fff;opacity:.78}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-trigger,.mobile-nav-toggle,.language-dialog-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--text-strong);cursor:pointer;transition:background-color var(--transition),color var(--transition),box-shadow var(--transition)}.language-trigger{width:44px;height:44px}.mobile-nav-toggle{display:none;width:44px;height:44px}.language-trigger:hover,.language-trigger:focus-visible{background:#f1f5f9}.language-trigger:focus-visible,.language-dialog-close:focus-visible,.language-option:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18)}.site-nav-overlay .language-trigger,.site-nav-overlay .mobile-nav-toggle{color:#fff}.site-nav-overlay .language-trigger:hover,.site-nav-overlay .language-trigger:focus-visible{background:#ffffff1f}.language-dialog-backdrop{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:24px;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:language-backdrop-in .18s ease both}.language-dialog{position:relative;width:min(520px,100%);padding:24px;border:1px solid rgba(148,163,184,.34);border-radius:24px;background:#fff;box-shadow:0 24px 70px #0f172a29;animation:language-dialog-in .2s ease both}.language-dialog:focus{outline:none}.language-dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;color:#64748b}.language-dialog-close:hover{background:#f1f5f9;color:var(--text-strong)}.language-dialog-title{display:flex;align-items:center;gap:8px;margin:0;padding-right:44px;color:#0f172a;font-size:1.125rem;font-weight:700;line-height:1.35}.language-dialog-title svg{color:#64748b}.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:16px;list-style:none}.language-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:42px;padding:8px .75rem;border-radius:var(--radius-lg);color:#334155;font-size:.875rem;font-weight:600;line-height:1.3;transition:background-color var(--transition),color var(--transition)}.language-option:hover{background:#f8fafc;color:#0f172a}.language-option.active{background:#f1f5f9;color:#0f172a}.language-option span{min-width:0;overflow-wrap:anywhere}.language-option small{flex:0 0 auto;color:#94a3b8;font-size:.68rem;font-weight:700;text-transform:uppercase}.language-check{flex:0 0 auto;color:var(--accent)}@keyframes language-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes language-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-item{position:relative}.nav-links>.nav-group-item+.nav-group-item:before{position:absolute;top:50%;left:-16px;width:1px;height:16px;background:currentColor;content:"";opacity:.3;transform:translateY(-50%)}.site-nav-overlay .nav-links>.nav-group-item+.nav-group-item:before{color:#fff}.nav-trigger{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:8px;border-radius:var(--radius-sm);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-links>.nav-group-item:first-child .nav-trigger{padding-left:8px}.nav-trigger svg{flex:0 0 auto;transition:transform var(--transition)}.nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.site-nav-solid .nav-trigger[aria-expanded=true]{background:var(--purple-0);color:var(--accent)}.site-nav-overlay .nav-trigger[aria-expanded=true]{background:#ffffff24}.nav-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .14)}.site-nav-overlay .nav-trigger:focus-visible{background:#ffffff1a;box-shadow:0 0 0 2px #ffffff57}.group-menu{display:none;position:absolute;top:calc(100% + 12px);z-index:1010;left:0;width:min(320px,calc(100vw - 48px));max-height:calc(100vh - 120px);overflow-y:auto;padding:8px;background:#141943f0;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);box-shadow:0 20px 48px #05081947,0 2px 8px #05081929,inset 0 1px #ffffff29;pointer-events:auto;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);transform-origin:top left;animation:nav-menu-in .16s ease-out both}.nav-group-align-right .group-menu{right:0;left:auto}.group-menu.active{display:block}.group-menu-sectioned{width:min(560px,calc(100vw - 48px));padding:12px}.nav-menu-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.nav-menu-section{min-width:0}.nav-menu-section+.nav-menu-section{margin-top:0;padding-top:0;border-top:0}.nav-menu-section:last-child:nth-child(odd){grid-column:1 / -1}.nav-menu-section:last-child:nth-child(odd) .nav-menu-section-links{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-menu-section h3{margin:0;padding:2px 8px 6px;color:#ffffff9e;font-size:.75rem;font-weight:600;line-height:1.35}.nav-menu-section-links{display:grid;gap:0}.group-menu a{display:flex;align-items:center;min-width:0;min-height:40px;padding:8px;border-radius:var(--radius-sm);color:#ffffffeb;font-size:.9rem;line-height:1.35;transition:background-color var(--transition),box-shadow var(--transition),color var(--transition),transform var(--transition)}.group-menu a:hover{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14;color:#fff;transform:translate(2px)}.site-nav-overlay .group-menu a{color:#ffffffeb}.site-nav-overlay .group-menu a:hover{color:#fff}@keyframes nav-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header,.home-hero{text-align:center}.page-header{background:linear-gradient(to bottom,#ffffff,var(--page-bg));border-bottom:1px solid var(--border);padding:4rem 0 3rem;margin-bottom:4rem}.home-page{background-color:var(--hero-base);background-image:radial-gradient(ellipse 130% 75% at 50% 100%,var(--hero-base) 0%,var(--hero-base) 40%,#e7e4ff 46%,#b8b1f7 52%,#8074ee 60%,#544bc4 68%,#25235f 77%,var(--hero-deep-blue) 88%,var(--hero-night) 100%);background-repeat:no-repeat;background-position:top center;background-size:100% 840px}.home-tail-gradient{position:relative;z-index:0;width:100%;height:440px;margin-top:-120px;background-color:var(--footer-bg);background-image:radial-gradient(ellipse 175% 110% at 50% -4%,var(--hero-base) 0%,var(--hero-base) 26%,#f8f9ff 34%,#f0f3ff 43%,#e4e8ff 51%,#cfd5ff 59%,#b6bdff 67%,#929bef 75%,#6d70d7 80%,#5555b0 85%,#3b3a78 89%,#25235f 93%,#191b42 96%,#101126 98%,var(--footer-bg) 100%);background-repeat:no-repeat;background-position:bottom center;background-size:100% 440px}.home-page .tools-section{position:relative;z-index:1}.home-page .category-section:last-child{margin-bottom:0}.home-page+.site-footer{margin-top:0;border-top:0}.tool-page{background-color:var(--hero-base);background-image:radial-gradient(ellipse 130% 75% at 50% 100%,var(--hero-base) 0%,var(--hero-base) 40%,#e7e4ff 46%,#b8b1f7 52%,#8074ee 60%,#544bc4 68%,#25235f 77%,var(--hero-deep-blue) 88%,var(--hero-night) 100%);background-repeat:no-repeat;background-position:top center;background-size:100% 860px}.home-hero{position:relative;overflow:hidden;min-height:640px;padding:calc(5rem + var(--nav-height) + var(--nav-offset)) 0 10rem;background:transparent;border-bottom:0}.home-hero .container{position:relative;z-index:1}.tool-page .page-header{min-height:0;margin-bottom:0;padding:calc(var(--nav-height) + var(--nav-offset) + var(--space-24)) 0 32px;border-bottom:0;background:transparent}.tool-page .page-header .container{max-width:var(--container-main)}@media(min-width:769px){.tool-page .page-header:not(.has-breadcrumb){padding-top:calc(var(--nav-height) + var(--nav-offset) + var(--space-40))}}.tool-page .page-header h1{color:#fff}.tool-page .page-header .tagline{color:#ffffffc2}.tool-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;width:100%;margin:0 0 16px;color:#ffffffa3;font-size:12px;line-height:1.5;text-align:left}.tool-breadcrumb a{color:#fffc;text-decoration:none}.tool-breadcrumb a:hover,.home-hero h1{color:#fff}.browser-context-tag{position:relative;width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 20px;padding:8px 12px;border:1px solid transparent;border-radius:999px;background:#ffffff14;color:#ffffffd6;font-size:.75rem;font-weight:400;line-height:1.25;letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.browser-context-tag:before{position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--glass-border-gradient);content:"";pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.browser-context-tag>span{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#8ef0c1;box-shadow:0 0 0 3px #8ef0c11f}.home-hero .tagline{color:#ffffffc7}.home-hero .hero-cta{position:relative;border:1px solid transparent;background:rgb(var(--accent-rgb) / .78);box-shadow:0 12px 32px #0709234d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-hero .hero-cta:before{position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--glass-border-gradient);content:"";pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}h1{margin-bottom:1rem;color:var(--text-strong);font-size:3rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}h2{color:var(--text-strong);font-weight:700;letter-spacing:-.02em}h3{color:var(--text-strong);font-weight:700}.tagline{max-width:720px;margin:0 auto;color:var(--text-muted);font-size:1.25rem;line-height:1.6}.last-updated{display:block;margin-bottom:1rem;color:var(--text-muted);font-size:.9rem}.hero-cta,.primary-button,.secondary-button,.danger-button,.success-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}.hero-cta,.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:var(--shadow-accent)}.home-hero .hero-cta{margin-top:2rem;padding:1rem 1.75rem;border-radius:var(--radius-lg);font-size:1.05rem}.primary-button:hover,.hero-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 24px rgb(var(--accent-rgb) / .32)}.secondary-button{background:var(--surface);color:var(--accent);border:1px solid var(--border-strong)}.secondary-button:hover{border-color:var(--accent);box-shadow:0 4px 12px rgb(var(--accent-rgb) / .12)}.danger-button{background:var(--danger);color:#fff}.success-button{background:var(--success);color:#fff}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.success-button:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.tools-section{padding:4rem 0 1rem;background:transparent}.category-section{margin-bottom:5rem}.section-header,.category-header{margin-bottom:2rem;text-align:center}.section-header h2,.category-header h2{margin-bottom:.75rem;font-size:2rem;line-height:1.2}.section-header p,.category-header p{max-width:760px;margin:0 auto;color:var(--text-muted);font-size:1.05rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.tool-card{display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem 1.5rem;color:inherit;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.tool-card--glass{position:relative;isolation:isolate;border:1px solid transparent;background:#fff;box-shadow:0 12px 32px #1f234e14,inset 0 1px 1px #ffffffb8}.tool-card--glass:before{position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:linear-gradient(145deg,#fffffff5,#c2caffb8 52%,#707aff42);content:"";pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.tool-illustration{--visual-a: #54d6d0;--visual-b: #4387ee;--visual-c: #7258db;position:relative;width:100%;height:118px;margin-bottom:20px;overflow:hidden;isolation:isolate}.tool-illustration--glass{display:flex;align-items:center;justify-content:center;overflow:visible}.tool-glass-icon{width:132px;height:132px;display:block;object-fit:contain}.tool-illustration--glass.is-compact .tool-glass-icon{width:96px;height:96px}.tool-illustration.tone-cyan{--visual-a: #6ce1c8;--visual-b: #32b9dc;--visual-c: #537ce5}.tool-illustration.tone-blue{--visual-a: #6ed2e6;--visual-b: #4788ec;--visual-c: #5663d8}.tool-illustration.tone-violet{--visual-a: #69cbdc;--visual-b: #725fe2;--visual-c: #b35ec8}.tool-illustration.tone-pink{--visual-a: #6dcfda;--visual-b: #8b64df;--visual-c: #e16ca9}.tool-illustration.is-compact{height:96px;margin-bottom:1rem}.tool-illustration-art{position:absolute;inset:12px 20px}.visual-shape,.visual-symbol{position:absolute}.visual-shape{display:block;background:linear-gradient(135deg,var(--visual-a),var(--visual-b) 55%,var(--visual-c));box-shadow:inset 0 1px #ffffff73,0 10px 24px color-mix(in srgb,var(--visual-b) 16%,transparent)}.visual-symbol{top:50%;left:50%;z-index:4;color:#fff;filter:drop-shadow(0 2px 5px rgba(34,42,90,.2));transform:translate(-50%,-50%)}.tool-illustration--waves .visual-shape{left:23%;width:54%;height:54px;border-radius:50%;opacity:.82;filter:saturate(.92)}.tool-illustration--waves .visual-shape-a{top:21px;transform:scaleX(.78)}.tool-illustration--waves .visual-shape-b{top:13px;left:33%;opacity:.56}.tool-illustration--waves .visual-shape-c{top:29px;left:18%;opacity:.38;transform:scale(.82)}.tool-illustration--layers .visual-shape{left:28%;width:44%;height:52px;border-radius:6px;clip-path:polygon(50% 0,100% 28%,50% 100%,0 28%)}.tool-illustration--layers .visual-shape-a{top:7px;opacity:.72}.tool-illustration--layers .visual-shape-b{top:24px;opacity:.54}.tool-illustration--layers .visual-shape-c{top:41px;opacity:.34}.tool-illustration--bars .visual-shape{bottom:13px;width:17%;border-radius:4px 4px 1px 1px}.tool-illustration--bars .visual-shape-a{left:23%;height:31px;opacity:.55}.tool-illustration--bars .visual-shape-b{left:41%;height:52px;opacity:.72}.tool-illustration--bars .visual-shape-c{left:59%;height:72px}.tool-illustration--orbit .visual-shape{top:15px;left:28%;width:66px;height:66px;border-radius:50%;background:transparent;border:10px solid var(--visual-b);box-shadow:none}.tool-illustration--orbit .visual-shape-a{opacity:.25;transform:translate(-18px) scale(.72)}.tool-illustration--orbit .visual-shape-b{opacity:.48;transform:translate(2px) scale(.86)}.tool-illustration--orbit .visual-shape-c{opacity:.82;transform:translate(22px)}.tool-illustration--motion .visual-shape{top:18px;left:23%;width:56px;height:56px;border-radius:50%}.tool-illustration--motion .visual-shape-a{opacity:.24}.tool-illustration--motion .visual-shape-b{left:38%;opacity:.5}.tool-illustration--motion .visual-shape-c{left:53%;opacity:.84}.tool-illustration--signal .visual-shape{top:17px;left:30%;width:13px;border-radius:999px}.tool-illustration--signal .visual-shape-a{height:56px;opacity:.34}.tool-illustration--signal .visual-shape-b{left:44%;height:72px;top:9px;opacity:.6}.tool-illustration--signal .visual-shape-c{left:58%;height:46px;top:22px}.tool-illustration--split .visual-shape{top:18px;width:58px;height:58px;border-radius:50%}.tool-illustration--split .visual-shape-a{left:23%;opacity:.7}.tool-illustration--split .visual-shape-b{left:47%;opacity:.7}.tool-illustration--split .visual-shape-c{left:35%;opacity:.22;transform:scale(.72)}.tool-illustration--transfer .visual-shape{top:19px;left:27%;width:58px;height:58px;border-radius:7px}.tool-illustration--transfer .visual-shape-a{opacity:.28;transform:translate(-10px,8px)}.tool-illustration--transfer .visual-shape-b{opacity:.52;transform:translate(12px,-4px)}.tool-illustration--transfer .visual-shape-c{opacity:.82;transform:translate(34px,9px)}.tool-illustration--merge .visual-shape{top:20px;width:58px;height:58px;border-radius:50%}.tool-illustration--merge .visual-shape-a{left:22%;opacity:.64}.tool-illustration--merge .visual-shape-b{left:48%;opacity:.64}.tool-illustration--merge .visual-shape-c{left:35%;opacity:.86;transform:scale(.7)}.tool-illustration--timeline .visual-shape{top:30px;height:34px;border-radius:4px}.tool-illustration--timeline .visual-shape-a{left:15%;width:26%;opacity:.4}.tool-illustration--timeline .visual-shape-b{left:40%;width:30%;opacity:.84}.tool-illustration--timeline .visual-shape-c{left:69%;width:11%;opacity:.3}.tool-illustration--grid .visual-shape{width:28px;height:28px;border-radius:6px}.tool-illustration--grid .visual-shape-a{top:13px;left:33%;opacity:.42;box-shadow:38px 0 color-mix(in srgb,var(--visual-b) 58%,transparent),0 38px color-mix(in srgb,var(--visual-a) 58%,transparent),38px 38px color-mix(in srgb,var(--visual-c) 72%,transparent)}.tool-illustration--grid .visual-shape-b,.tool-illustration--grid .visual-shape-c{display:none}.tool-illustration--particles .visual-shape{border-radius:50%}.tool-illustration--particles .visual-shape-a{top:15px;left:25%;width:58px;height:58px;opacity:.35}.tool-illustration--particles .visual-shape-b{top:32px;left:47%;width:43px;height:43px;opacity:.76}.tool-illustration--particles .visual-shape-c{top:11px;left:62%;width:24px;height:24px;opacity:.5}.tool-illustration--particles .tool-illustration-art:after{position:absolute;top:17px;left:34%;width:5px;height:5px;border-radius:50%;background:var(--visual-c);box-shadow:58px 8px 0 var(--visual-a),22px 50px 0 var(--visual-b),83px 43px 0 var(--visual-c);content:""}.tool-illustration.is-voxel{--voxel-front: #7960f0;--voxel-top: #d8d0ff;--voxel-side: #5435bd;--voxel-line: #6b51dc;height:116px;overflow:visible;background:transparent}.tool-illustration.is-voxel.tone-cyan{--voxel-front: #50bfe1;--voxel-top: #cdefff;--voxel-side: #317cc7;--voxel-line: #3c8fd3}.tool-illustration.is-voxel.tone-blue{--voxel-front: #607df4;--voxel-top: #d8e0ff;--voxel-side: #304cb5;--voxel-line: #4964d6}.tool-illustration.is-voxel.tone-violet{--voxel-front: #8a69ee;--voxel-top: #e1d9ff;--voxel-side: #5536b8;--voxel-line: #6c50d0}.tool-illustration.is-voxel.tone-pink{--voxel-front: #ef6fa7;--voxel-top: #ffd4e5;--voxel-side: #a92d69;--voxel-line: #d94f8a}.tool-illustration.is-voxel.is-compact{height:94px}.is-voxel .tool-illustration-art{position:absolute;inset:5px 18px 12px;transform:rotate(-2deg)}.is-voxel .tool-illustration-art:after{display:none}.is-voxel .voxel-frame{position:absolute;top:50%;left:50%;width:92px;height:62px;border:1px solid var(--voxel-line);background:color-mix(in srgb,var(--voxel-front) 88%,white);box-shadow:inset 8px 8px #ffffffc7,inset -8px -8px color-mix(in srgb,var(--voxel-side) 48%,transparent),8px 8px 0 var(--voxel-side),-5px -5px 0 var(--voxel-top);transform:translate(-50%,-48%) skewY(-7deg) rotate(-5deg)}.is-voxel .voxel-frame:before{position:absolute;inset:8px 10px 10px;border:7px solid rgba(255,255,255,.72);content:""}.is-voxel .visual-shape{display:block;width:19px;height:19px;border:1px solid var(--voxel-line);border-radius:0;background:var(--voxel-front);box-shadow:none;filter:none;opacity:1;transform:none;clip-path:none}.is-voxel .visual-shape:before{position:absolute;right:-1px;bottom:100%;left:4px;height:6px;border:1px solid var(--voxel-line);border-bottom:0;background:var(--voxel-top);content:"";transform:skew(-34deg);transform-origin:bottom left}.is-voxel .visual-shape:after{position:absolute;top:-4px;bottom:-1px;left:100%;width:6px;border:1px solid var(--voxel-line);border-left:0;background:var(--voxel-side);content:"";transform:skewY(-34deg);transform-origin:top left}.is-voxel .visual-symbol{top:50%;left:50%;z-index:8;width:28px;height:28px;color:#fff;filter:drop-shadow(2px 2px 0 color-mix(in srgb,var(--voxel-side) 72%,transparent));transform:translate(-50%,-50%) rotate(-5deg)}.is-voxel.is-compact .visual-symbol{width:23px;height:23px}.is-voxel .visual-shape-a{top:16px;left:calc(50% - 66px)}.is-voxel .visual-shape-b{top:7px;left:calc(50% + 44px)}.is-voxel .visual-shape-c{top:65px;left:calc(50% + 50px)}.is-voxel.tool-illustration--bars .visual-shape{top:auto;bottom:4px;width:17px}.is-voxel.tool-illustration--bars .visual-shape-a{left:calc(50% - 70px);height:24px}.is-voxel.tool-illustration--bars .visual-shape-b{left:calc(50% - 48px);height:39px}.is-voxel.tool-illustration--bars .visual-shape-c{left:calc(50% - 26px);height:55px}.is-voxel.tool-illustration--waves .visual-shape{left:calc(50% - 74px);width:27px;height:14px}.is-voxel.tool-illustration--waves .visual-shape-a{top:18px}.is-voxel.tool-illustration--waves .visual-shape-b{top:40px;left:calc(50% - 70px)}.is-voxel.tool-illustration--waves .visual-shape-c{top:62px;left:calc(50% - 64px)}.is-voxel.tool-illustration--layers .visual-shape{left:calc(50% + 45px);width:27px;height:13px}.is-voxel.tool-illustration--layers .visual-shape-a{top:12px}.is-voxel.tool-illustration--layers .visual-shape-b{top:36px;left:calc(50% + 50px)}.is-voxel.tool-illustration--layers .visual-shape-c{top:60px;left:calc(50% + 55px)}.is-voxel.tool-illustration--orbit .visual-shape,.is-voxel.tool-illustration--motion .visual-shape,.is-voxel.tool-illustration--merge .visual-shape,.is-voxel.tool-illustration--split .visual-shape,.is-voxel.tool-illustration--particles .visual-shape{width:18px;height:18px}.is-voxel.tool-illustration--orbit .visual-shape-a,.is-voxel.tool-illustration--motion .visual-shape-a,.is-voxel.tool-illustration--merge .visual-shape-a,.is-voxel.tool-illustration--split .visual-shape-a,.is-voxel.tool-illustration--particles .visual-shape-a{top:9px;left:calc(50% - 69px)}.is-voxel.tool-illustration--orbit .visual-shape-b,.is-voxel.tool-illustration--motion .visual-shape-b,.is-voxel.tool-illustration--merge .visual-shape-b,.is-voxel.tool-illustration--split .visual-shape-b,.is-voxel.tool-illustration--particles .visual-shape-b{top:59px;left:calc(50% - 73px)}.is-voxel.tool-illustration--orbit .visual-shape-c,.is-voxel.tool-illustration--motion .visual-shape-c,.is-voxel.tool-illustration--merge .visual-shape-c,.is-voxel.tool-illustration--split .visual-shape-c,.is-voxel.tool-illustration--particles .visual-shape-c{top:34px;left:calc(50% + 60px)}.is-voxel.tool-illustration--signal .visual-shape{top:auto;bottom:12px;width:13px}.is-voxel.tool-illustration--signal .visual-shape-a{left:calc(50% - 72px);height:24px}.is-voxel.tool-illustration--signal .visual-shape-b{left:calc(50% - 53px);height:48px}.is-voxel.tool-illustration--signal .visual-shape-c{left:calc(50% - 34px);height:34px}.is-voxel.tool-illustration--transfer .visual-shape,.is-voxel.tool-illustration--timeline .visual-shape{top:72px;width:26px;height:11px}.is-voxel.tool-illustration--transfer .visual-shape-a,.is-voxel.tool-illustration--timeline .visual-shape-a{left:calc(50% - 69px)}.is-voxel.tool-illustration--transfer .visual-shape-b,.is-voxel.tool-illustration--timeline .visual-shape-b{left:calc(50% - 35px)}.is-voxel.tool-illustration--transfer .visual-shape-c,.is-voxel.tool-illustration--timeline .visual-shape-c{left:calc(50% + 47px)}.is-voxel.tool-illustration--grid .visual-shape{width:16px;height:16px;box-shadow:none}.is-voxel.tool-illustration--grid .visual-shape-a{top:9px;left:calc(50% - 68px)}.is-voxel.tool-illustration--grid .visual-shape-b{display:block;top:9px;left:calc(50% - 43px)}.is-voxel.tool-illustration--grid .visual-shape-c{display:block;top:34px;left:calc(50% - 68px)}.tool-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px rgb(var(--accent-rgb) / .15)}.tool-card--glass:hover{border-color:transparent;background:#fff;box-shadow:0 16px 40px #1f234e24,inset 0 1px 1px #ffffffd1}.tool-icon,.tool-emoji{display:block;margin-bottom:.75rem;font-size:2.5rem;line-height:1}.tool-card h3{margin-bottom:8px;font-size:1.18rem;line-height:1.25}.tool-card p{color:var(--text-muted);font-size:.98rem;line-height:1.6}.panel,.tool-section,.info-section,.popular-conversions-section{background:var(--surface);border:1px solid #f0f0f0;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.tool-section{--function-color-1: var(--purple-0);--function-color-2: var(--purple-1);--function-color-3: var(--purple-2);--function-color-4: var(--purple-3);--function-color-5: var(--purple-4);--function-color-6: var(--purple-6);--function-gray-0: #ffffff;--function-gray-1: #fafafa;--function-gray-2: #f5f5f5;--function-gray-3: #f0f0f0;--function-gray-4: #d9d9d9;--function-gray-5: #bfbfbf;--function-gray-6: #8c8c8c;--function-gray-7: #595959;--function-gray-8: #434343;--function-gray-9: #262626;--accent: var(--purple-6);--accent-dark: #3d47cc;--accent-rgb: 79 90 237;--surface: var(--function-gray-0);--surface-soft: var(--function-gray-2);--surface-tinted: var(--function-color-1);--text: var(--function-gray-9);--text-strong: var(--function-gray-9);--text-muted: var(--function-gray-7);--text-soft: var(--function-gray-6);--border: var(--function-gray-4);--border-strong: var(--function-gray-4);--shadow-accent: 0 4px 16px rgb(var(--accent-rgb) / .24);padding:var(--functional-card-padding);margin-bottom:3rem}.tool-section select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234f5aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.tool-page-online-tuner .main-container{max-width:var(--container-wide)}.tool-page-online-tuner .tool-section-online-tuner{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.tool-section.tool-section-drum-pad,.tool-section.tool-section-drum-machine{padding:0;border:0;background:transparent;box-shadow:none}.info-section,.popular-conversions-section{padding:var(--functional-card-padding);margin-bottom:3rem}.intro-text{max-width:760px;margin:0 auto 3rem;color:#4a4a4a;font-size:1.08rem;line-height:1.8;text-align:center}.info-section h2,.popular-conversions-section h2{margin-bottom:1.75rem;font-size:1.75rem}.info-section h3{margin:24px 0 8px;font-size:1.2rem}.info-section p,.info-section li{color:#4a4a4a;font-size:1.05rem;line-height:1.8}.info-section p{margin-bottom:1.25rem}.static-page-updated{color:var(--text-soft);font-size:.9rem;margin-bottom:2rem}.info-section ul{margin:1.5rem 0 0 1.5rem}.info-section li{margin-bottom:1rem}.info-section strong{color:var(--text);font-weight:600}.tool-marketing,.tool-marketing-slot{width:100%}.tool-marketing-slot:empty{display:none}.marketing-section{width:100%;padding:6rem var(--space-page-x);background:#fff}.marketing-section:nth-child(2n){background:#f7f7f9}.marketing-inner{width:100%;max-width:1100px;margin:0 auto}.marketing-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,8vw,7rem);align-items:start}.marketing-copy{max-width:470px}.marketing-copy-wide{max-width:720px;margin-bottom:3rem}.marketing-copy h2,.marketing-centered-heading h2{margin:0 0 1.25rem;color:#080808;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:600;line-height:1.08;letter-spacing:0}.marketing-copy p,.marketing-centered-heading p{margin:0;color:#5f6368;font-size:1.08rem;line-height:1.75}.marketing-copy p+p,.marketing-centered-heading p+p{margin-top:12px}.marketing-feature-list{border-top:1px solid rgba(10,10,10,.14)}.marketing-feature{display:grid;grid-template-columns:32px minmax(0,1fr);gap:1rem;padding:24px 0;border-bottom:1px solid rgba(10,10,10,.14)}.marketing-check{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#ecebff;color:#4f46e5}.marketing-feature h3,.marketing-item-grid h3,.marketing-steps h3{margin:0 0 8px;color:#0a0a0a;font-size:1.16rem;font-weight:650;line-height:1.35;letter-spacing:0}.marketing-feature p,.marketing-item-grid p,.marketing-steps p{margin:0;color:#61646b;font-size:1rem;line-height:1.7}.marketing-how-to{background:#f4f4f4}.marketing-centered-heading{max-width:720px;margin:0 auto 4rem;text-align:center}.marketing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;counter-reset:marketing-step}.marketing-steps li{position:relative;min-height:220px;padding:0 2rem;border-left:1px solid rgba(10,10,10,.14)}.marketing-steps li:first-child{padding-left:0;border-left:0}.marketing-steps li:last-child{padding-right:0}.marketing-step-number{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;margin-bottom:2.25rem;border-radius:50%;background:#111;color:#fff;font-size:.95rem;font-weight:700}.marketing-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(10,10,10,.14)}.marketing-item-grid article{min-height:180px;padding:2rem 2.5rem 2rem 0;border-bottom:1px solid rgba(10,10,10,.14)}.marketing-item-grid article:nth-child(2n){padding-right:0;padding-left:2.5rem;border-left:1px solid rgba(10,10,10,.14)}.marketing-related-link{display:block;height:100%;color:inherit;text-decoration:none}.marketing-related-link h3{transition:color .16s ease}.marketing-related-link:hover h3{color:var(--accent)}.marketing-tips{background:#f7f7f9}.marketing-table-wrap{overflow-x:auto;border-top:1px solid rgba(10,10,10,.18);border-bottom:1px solid rgba(10,10,10,.18)}.marketing-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;color:#111;font-size:1rem;text-align:left}.marketing-table-wrap th,.marketing-table-wrap td{padding:20px 1.25rem;border-bottom:1px solid rgba(10,10,10,.12);vertical-align:top}.marketing-table-wrap thead th{background:#f4f4f4;font-weight:700}.marketing-table-wrap tbody th{width:28%;font-weight:650}.marketing-table-wrap tbody tr:last-child th,.marketing-table-wrap tbody tr:last-child td{border-bottom:0}.marketing-footnote{margin:1.25rem 0 0;color:#6b6e75;font-size:.9rem;line-height:1.65}.tool-faq{width:100%;padding:6rem var(--space-page-x);background:#f4f4f4}.tool-faq-inner{width:100%;max-width:1176px;margin:0 auto}.tool-faq-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:52px}.tool-faq-header h2{display:flex;flex-direction:column;margin:0;color:#000;font-family:var(--font-sans);font-size:2.8125rem;font-weight:400;line-height:1.05;letter-spacing:0}.tool-faq-header h2 em{font-family:inherit;font-style:normal;font-weight:inherit}.tool-faq-ask{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:.75rem 1.25rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:linear-gradient(180deg,#242424 19%,#000);color:#fff;font-size:1rem;font-weight:500;line-height:1.35;transition:background var(--transition),box-shadow var(--transition)}.tool-faq-ask:hover{background:linear-gradient(180deg,#2e2e2e 19%,#171717)}.tool-faq-ask:focus-visible{outline:2px solid #000;outline-offset:3px}.tool-faq-list{display:flex;flex-direction:column}.tool-faq-item{margin:0;border-bottom:1px solid rgba(0,0,0,.15);background:transparent;transition:margin .2s ease,background-color .2s ease}.tool-faq-item:last-child{border-bottom:0}.tool-faq-item[open]{margin:8px 0;border-bottom-color:transparent;border-radius:15px;background:#fff}.tool-faq-item[open]:first-child{margin-top:0}.tool-faq-item[open]:last-child{margin-bottom:0}.tool-faq-item summary{display:flex;width:100%;min-height:67px;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.25rem 1.75rem;color:#000;cursor:pointer;list-style:none;font-size:1.125rem;font-weight:500;line-height:1.5;text-align:left;transition:background-color .2s ease}.tool-faq-item summary::-webkit-details-marker{display:none}.tool-faq-item summary:hover{background:#00000005}.tool-faq-item summary:focus-visible{outline:2px solid #000;outline-offset:2px}.tool-faq-item[open] summary{padding-bottom:.75rem;font-weight:700;line-height:1.35}.faq-plus{position:relative;display:block;width:24px;height:24px;flex:0 0 24px;transition:transform .3s ease}.faq-plus span{position:absolute;display:block;border-radius:999px;background:#000}.faq-plus span:first-child{top:11px;left:4.5px;width:15px;height:2px}.faq-plus span:last-child{top:4.5px;left:11px;width:2px;height:15px}.tool-faq-item[open] .faq-plus{transform:rotate(45deg)}.tool-faq-answer{padding:0 1.75rem 1.5rem;color:#000;font-size:1.125rem;font-weight:400;line-height:1.5}.tool-faq-answer p{margin:0}.tool-faq-answer p+p{margin-top:.75rem}label,.field-label{display:block;margin-bottom:.75rem;color:var(--text);font-size:1.05rem;font-weight:600;letter-spacing:-.01em}input[type=file],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--page-bg);color:var(--text);font-size:1rem;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}input[type=file],input[type=number],input[type=text],input[type=url],select{min-height:50px;padding:16px 1rem}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.number-stepper{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 30px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.number-stepper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .12)}.number-stepper input{width:100%;min-width:0;height:40px;padding:0 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.number-stepper input:focus{outline:0}.number-stepper-actions{display:grid;grid-template-rows:1fr 1fr;border-inline-start:1px solid var(--border)}.number-stepper-actions button{display:grid;place-items:center;min-width:0;padding:0;border:0;border-radius:0;background:var(--surface-soft);color:var(--text-muted);cursor:pointer}.number-stepper-actions button+button{border-top:1px solid var(--border)}.number-stepper-actions button:hover:not(:disabled){background:var(--surface-tinted);color:var(--accent-dark)}.number-stepper-actions button:disabled{cursor:not-allowed;opacity:.45}textarea{min-height:160px;padding:1rem 16px;resize:vertical}select{appearance:none;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234f5aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}input:hover,select:hover,textarea:hover{border-color:var(--accent);background:var(--surface)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .1)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.file-input-group,.control-group,.slider-group{margin-bottom:1.5rem}.universal-uploader{min-width:0;margin-bottom:1.75rem}.upload-native-input[type=file]{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.upload-dashboard{overflow:hidden;border:1.5px dashed #d6dae2;border-radius:18px;background:#fafafa;transition:border-color .15s ease,background-color .15s ease,box-shadow .2s ease,transform .15s ease}.upload-dashboard.is-dragging{border-color:var(--accent);background:#fff;box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .08);transform:translateY(-2px)}.upload-add-files{min-height:356px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px}.upload-cloud-icon{color:var(--accent)}.upload-title{max-width:590px;margin:0;color:#000;font-size:1.35rem;font-weight:400;line-height:1.35;text-align:center}.upload-title button{display:inline;padding:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit}.upload-title button:hover{text-decoration:underline}.upload-provider-list{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:16px}.upload-provider-slot{position:relative;width:108px;min-width:108px;padding-bottom:20px}.upload-provider{width:108px;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:12px;border-radius:18px;background:transparent;color:#6b7280;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s cubic-bezier(.23,1,.32,1)}.upload-provider:hover,.upload-provider:focus-visible{outline:none;background:#eee;color:#111827}.upload-provider:active{transform:scale(.96)}.upload-provider:disabled{cursor:wait;opacity:.55}.upload-provider-slot.is-disabled .upload-provider{cursor:not-allowed;opacity:.35;pointer-events:none}.upload-provider-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:12px;background:#fff;color:var(--accent)}.upload-provider-icon svg{width:24px;height:24px}.upload-provider>span:last-child{font-size:.78rem;line-height:1.25}.upload-provider-helper{position:absolute;top:calc(116px + .2rem);left:50%;color:#94a3b8;font-size:.6rem;font-weight:500;line-height:1.15;text-align:center;white-space:nowrap;transform:translate(-50%)}.upload-provider-panel{min-height:356px}.upload-provider-bar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid #e5e7eb}.upload-provider-bar button{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:transparent;color:#2563eb;cursor:pointer}.upload-provider-bar button:hover{background:#eee;color:#111827}.upload-provider-bar strong{color:#333;font-size:1rem;font-weight:500}.upload-provider-bar.is-link-only{grid-template-columns:1fr}.upload-provider-bar.is-link-only strong{justify-self:center}.recording-panel,.link-import-panel{min-height:298px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;color:#6b7280;text-align:center}.link-import-panel{gap:16px}.recording-panel p,.link-import-panel p{max-width:520px;margin:0}.link-import-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #e2e5eb;border-radius:16px;background:#fff;color:var(--accent);box-shadow:0 8px 22px #0f172a0f}.link-import-platforms{display:flex;align-items:center;justify-content:center;gap:8px}.link-import-platforms span{padding:4px 8px;border:1px solid #e2e5eb;border-radius:999px;background:#fff;color:#525866;font-size:.69rem;font-weight:650;line-height:1}.link-import-platforms .is-youtube:before,.link-import-platforms .is-tiktok:before{content:"";width:6px;height:6px;display:inline-block;margin-right:4px;border-radius:50%;vertical-align:1px}.link-import-platforms .is-youtube:before{background:#f03}.link-import-platforms .is-tiktok:before{background:#111827}.recording-orb{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:var(--purple-0);color:var(--accent)}.recording-orb.is-recording{background:#fee2e2;color:#dc2626;animation:recording-pulse 1.4s ease-in-out infinite}.recording-button,.link-import-row button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border-radius:999px;background:linear-gradient(#242424 19%,#000);color:#fff;cursor:pointer;font-weight:600}.recording-button.is-stop{background:#dc2626}.link-import-row{width:min(590px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.link-import-row input{min-width:0;border-width:1px;background:#fff}.link-import-row button:disabled{cursor:not-allowed;opacity:.45}.link-import-progress{width:min(590px,100%);display:grid;gap:8px;padding:12px 16px;border:1px solid #e2e5eb;border-radius:12px;background:#fff;text-align:left}.link-import-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#525866;font-size:.78rem}.link-import-progress-copy strong{flex:0 0 auto;color:#111827;font-variant-numeric:tabular-nums}.link-import-progress-track{height:6px;overflow:hidden;border-radius:999px;background:#eceef2}.link-import-progress-track span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .18s ease}.link-import-progress>button{width:fit-content;padding:0;background:transparent;color:#667085;cursor:pointer;font-size:14px}.link-import-progress>button:hover{color:#111827}.link-import-note{color:#9299a6;font-size:.7rem;line-height:1.35}.upload-file-list{display:grid;gap:8px;padding:16px;border-top:1px solid #e2e2e2;background:#efefef}.upload-file-item{min-width:0;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e4e4e7;border-radius:12px;background:#fff}.upload-file-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--purple-0);color:var(--accent)}.upload-file-copy{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:4px}.upload-file-copy strong{overflow:hidden;color:#0f172a;font-size:.92rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.upload-file-copy small{color:#6b7280;font-size:.78rem}.upload-file-item>button{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:transparent;color:#64748b;cursor:pointer}.upload-file-item>button:hover{background:#f1f5f9;color:#dc2626}.upload-message{margin:12px 0 0;color:#b45309;font-size:.86rem;line-height:1.45}.spin{animation:upload-spin .85s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}@keyframes recording-pulse{50%{box-shadow:0 0 0 10px #dc262614}}.preset-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:2rem}.preset-btn{min-height:86px;padding:1rem 1.25rem;border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-tinted) 0%,#e8eef7 100%);color:var(--text);cursor:pointer;text-align:center;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),color var(--transition)}.preset-btn:hover{border-color:var(--accent);background:linear-gradient(135deg,#ffffff 0%,var(--surface-tinted) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(var(--accent-rgb) / .15)}.preset-btn.active{border-color:var(--accent);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 16px rgb(var(--accent-rgb) / .3)}.preset-name{display:block;margin-bottom:.25rem;font-size:1.06rem;font-weight:700}.preset-desc{display:block;font-size:.84rem;font-weight:400;line-height:1.4;opacity:.82}.slider-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;color:var(--text);font-size:1.05rem;font-weight:600}.slider-value{color:var(--accent);font-size:1.08rem}.slider{width:100%;height:8px;border:0;border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress, 0%),var(--border-strong) var(--range-progress, 0%) 100%);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px rgb(var(--accent-rgb) / .4);cursor:pointer;-webkit-appearance:none;transition:transform var(--transition),box-shadow var(--transition)}.slider::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px rgb(var(--accent-rgb) / .4);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.slider::-webkit-slider-thumb:hover,.slider::-moz-range-thumb:hover{transform:scale(1.12)}.slider-hint{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--text-muted);font-size:.9rem}.status{display:none;margin-top:2rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:500}.status.info,.status.success,.status.error{display:block}.status.info{background:#e8f4fd;color:var(--info-dark);border-left:4px solid var(--info)}.status.success{background:#ecfdf5;color:var(--success-dark);border-left:4px solid var(--success)}.status.error{background:#fef2f2;color:var(--danger-dark);border-left:4px solid var(--danger)}.success-download{margin-top:1rem;padding:1.25rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#059669,var(--success));color:#fff}.success-download a{color:#fff}.audio-converter-workbench,.audio-compressor-workbench,.audio-metadata-workbench,.video-to-audio-workbench,.video-volume-booster-workbench,.volume-booster-workbench,.bass-boost-workbench,.voice-changer-workbench,.hearing-workbench,.visualizer-workbench{min-width:0}.voice-changer-workbench{display:grid;gap:1rem}.audio-converter-workbench>.universal-uploader{margin-bottom:1.5rem}.audio-compressor-workbench>.universal-uploader{margin-bottom:1.5rem}.converter-track-confirmation{min-width:0;margin-bottom:1.5rem;padding:1rem;border:1px solid #e2e5eb;border-radius:12px;background:#f8f9fb}.converter-track-header{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.converter-track-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--purple-1);color:var(--accent)}.converter-track-copy{min-width:0;display:grid;gap:4px}.converter-track-copy strong{overflow:hidden;color:#111827;font-size:.92rem;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.converter-track-copy small{color:#737b8c;font-size:.75rem;line-height:1.35}.converter-reupload{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid #d7dce5;border-radius:8px;background:#fff;color:var(--accent);cursor:pointer;font-size:.78rem;font-weight:650}.converter-reupload:hover:not(:disabled){border-color:#bbc2d0;background:#f1f3f6}.converter-reupload:disabled{cursor:not-allowed;opacity:.5}.converter-track-confirmation .audio-player{margin-top:12px}.converter-format-panel{padding-top:1.5rem;border-top:1px solid #e7e9ee}.converter-source-display{width:100%;min-height:50px;display:flex;align-items:center;padding:16px 1rem;border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:#f8f9fb;color:#374151;font-size:1rem}.converter-output-settings{display:grid;margin-bottom:24px;border-top:1px solid #e7e9ee;border-bottom:1px solid #e7e9ee}.converter-settings-toggle{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.converter-settings-toggle>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--purple-1);color:var(--accent)}.converter-settings-toggle>span:nth-child(2){display:grid;gap:4px}.converter-settings-toggle strong{font-size:.94rem;font-weight:680}.converter-settings-toggle small{color:var(--text-muted);font-size:.72rem}.converter-settings-toggle>svg{color:#737b8c;transition:transform .16s ease}.converter-settings-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.converter-settings-content{display:grid;gap:24px;padding:0 0 24px}.converter-preserve-setting{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:16px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fc;cursor:pointer}.converter-preserve-setting input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}.converter-preserve-setting>span{display:grid;gap:4px}.converter-preserve-setting strong{color:var(--text);font-size:.86rem}.converter-preserve-setting small{color:var(--text-muted);font-size:.72rem;line-height:1.5}.converter-setting-group{display:grid;gap:12px}.converter-setting-label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text);font-size:.82rem;font-weight:650}.converter-setting-label strong{color:var(--accent);font-size:.76rem}.converter-option-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.converter-option-grid.is-bitrate{grid-template-columns:repeat(7,minmax(0,1fr))}.converter-option-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-option-grid button{min-width:0;min-height:40px;padding:8px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#595959;cursor:pointer;font-size:.74rem;font-weight:600}.converter-option-grid button:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / .55);color:var(--accent)}.converter-option-grid button.is-active{border-color:var(--accent);background:var(--purple-0);color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.converter-option-grid button:disabled{cursor:not-allowed;opacity:.48}.converter-pcm-settings{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr);gap:16px}.converter-size-estimate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:16px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fc}.converter-size-estimate>span{color:var(--text-muted);font-size:.74rem}.converter-size-estimate>strong{color:var(--text);font-size:.98rem}.converter-size-estimate>small{grid-column:1 / -1;color:#737b8c;font-size:.7rem}.converter-action+.status{margin-top:16px}.converter-result>small{font-size:.74rem;opacity:.82;text-align:center}.converter-batch-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;border:1px solid #d8e3dc;border-radius:8px;background:#ecfdf5}.converter-batch-download>div{display:grid;gap:4px}.converter-batch-download strong{color:#065f46;font-size:.9rem}.converter-batch-download small{color:#047857;font-size:.72rem}.converter-batch-download .primary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.compression-settings{margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid #e7e9ee}.compression-section-heading{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:.75rem;margin-bottom:1.25rem}.compression-section-heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--purple-1);color:var(--accent)}.compression-section-heading>div{display:grid;gap:4px}.compression-section-heading h3{margin:0;color:var(--text);font-size:1.05rem}.compression-section-heading p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5}.compression-format-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem;margin-bottom:1rem}.compression-estimate{display:grid;align-content:center;gap:4px;padding:12px 16px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fc}.compression-estimate>span{color:var(--text-muted);font-size:.72rem}.compression-estimate>strong{color:var(--text);font-size:.95rem}.compression-estimate>small{color:#737b8c;font-size:.7rem}.compressor-action-summary{margin:16px 0 8px}.compressor-action-summary .compression-estimate{grid-template-columns:1fr;gap:4px;min-height:48px}.compressor-action-summary .compression-estimate>strong{text-align:left}.compressor-action-summary .compression-estimate>small{text-align:left;white-space:nowrap}.compression-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compression-preset{position:relative;display:grid;min-width:0;min-height:82px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:12px 16px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:var(--text);cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.compression-preset:hover:not(:disabled){border-color:#c5cad5;background:#fafbfc}.compression-preset.is-active{border-color:var(--accent);background:#f7f7ff;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.compression-preset:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .1)}.compression-preset:disabled{cursor:not-allowed;opacity:.55}.compression-preset>span{display:grid;min-width:0;gap:4px}.compression-preset strong{font-size:.86rem;font-weight:680}.compression-preset small{color:var(--text-muted);font-size:.7rem;line-height:1.35}.compression-preset>b{color:#525866;font-size:.75rem;font-weight:650;white-space:nowrap}.compression-preset>svg{position:absolute;top:7px;right:7px;color:var(--accent)}.compressor-action{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.compressor-action+.status{margin-top:1rem}.compressor-result{display:grid;gap:16px}.compressor-result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.compressor-result-heading>div{display:grid;gap:4px}.compressor-result-heading strong{font-size:1.05rem}.compressor-result-heading small{font-size:.78rem;opacity:.85}.compressor-result-heading>span{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,255,255,.4);border-radius:7px;background:#ffffff1f;font-size:.78rem;font-weight:650;white-space:nowrap}.compressor-result .audio-player{margin:0}.compressor-result .video-download-button{border-color:#fff9}.compressor-result>small{font-size:.75rem;opacity:.82;text-align:center}.compressor-file-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px;padding:4px;border:1px solid #dfe3ea;border-radius:8px;background:#f5f6f9}.compressor-file-mode>button{display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:7px;background:transparent;color:#667085;cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease}.compressor-file-mode>button>span{display:grid;min-width:0;gap:4px}.compressor-file-mode strong,.compressor-file-mode small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compressor-file-mode strong{color:inherit;font-size:.86rem;font-weight:650}.compressor-file-mode small{color:#8c8c8c;font-size:.7rem}.compressor-file-mode>button:hover:not(:disabled){color:var(--accent)}.compressor-file-mode>button.is-active{border-color:#d7dbe6;background:#fff;color:var(--accent);box-shadow:0 2px 8px #1f233012}.compressor-file-mode>button:disabled{cursor:not-allowed;opacity:.55}.compressor-batch-selection{display:grid;gap:16px;margin-bottom:24px}.compressor-batch-summary{display:grid;min-width:0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fc}.compressor-batch-summary>span{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:var(--purple-1);color:var(--accent)}.compressor-batch-summary>div{display:grid;min-width:0;gap:4px}.compressor-batch-summary strong{color:var(--text);font-size:.86rem}.compressor-batch-summary small{color:var(--text-muted);font-size:.72rem}.compressor-batch-summary>button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid #d7dbe4;border-radius:8px;background:#fff;color:#595959;cursor:pointer;font-size:.76rem;font-weight:600}.compressor-batch-summary>button:disabled{cursor:not-allowed;opacity:.5}.compressor-batch-list{display:grid;gap:8px}.compressor-batch-row{display:grid;min-width:0;grid-template-columns:36px minmax(160px,1fr) minmax(112px,.55fr) 88px 72px;align-items:center;gap:12px;padding:12px;border:1px solid #dfe3ea;border-radius:8px;background:#fff}.compressor-batch-row.is-processing{border-color:rgb(var(--accent-rgb) / .55);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.compressor-batch-file-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--purple-1);color:var(--accent)}.compressor-batch-file-copy,.compressor-batch-estimate{display:grid;min-width:0;gap:4px}.compressor-batch-file-copy strong{overflow:hidden;color:var(--text);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.compressor-batch-file-copy small,.compressor-batch-estimate span,.compressor-batch-estimate small{color:var(--text-muted);font-size:.68rem}.compressor-batch-estimate strong{color:var(--text);font-size:.78rem}.compressor-batch-state{display:inline-flex;min-width:80px;min-height:28px;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:6px;background:#f2f4f7;color:#667085;font-size:.68rem;font-weight:650;text-transform:capitalize}.compressor-batch-state.is-processing{background:var(--purple-1);color:var(--accent)}.compressor-batch-state.is-done{background:#ecfdf5;color:#047857}.compressor-batch-state.is-error{background:#fef2f2;color:#b91c1c}.compressor-batch-actions{display:flex;justify-content:flex-end;gap:8px}.compressor-batch-actions>a,.compressor-batch-actions>button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #d9dde6;border-radius:7px;background:#fff;color:#667085;cursor:pointer}.compressor-batch-actions>a{color:var(--accent)}.compressor-batch-actions>button:disabled{cursor:not-allowed;opacity:.45}.compressor-batch-row>p{grid-column:2 / -1;margin:-4px 0 0;color:#b91c1c;font-size:.72rem;line-height:1.45}.compression-method-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:16px;border-bottom:1px solid #dfe3ea}.compression-method-tabs>button{position:relative;display:grid;min-width:0;min-height:64px;align-content:center;gap:4px;padding:8px 12px 12px;border:0;background:transparent;color:#737b8c;cursor:pointer;text-align:center}.compression-method-tabs>button:after{position:absolute;right:16px;bottom:-1px;left:16px;height:2px;border-radius:2px 2px 0 0;background:transparent;content:""}.compression-method-tabs strong{font-size:.82rem;font-weight:550}.compression-method-tabs small{overflow:hidden;font-size:.68rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.compression-method-tabs>button.is-active{color:var(--accent)}.compression-method-tabs>button.is-active strong{font-weight:700}.compression-method-tabs>button.is-active:after{background:var(--accent)}.compression-method-tabs>button:disabled{cursor:not-allowed;opacity:.55}.compression-method-panel{display:grid;gap:16px}.compression-method-panel.is-compact{max-width:640px;margin:0 auto}.compression-range-control,.compression-target-field{display:grid;min-width:0;gap:12px;padding:16px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fc}.compression-range-control>span,.compression-target-field>span{display:flex;align-items:center;justify-content:space-between;gap:16px}.compression-range-control strong,.compression-target-field strong{color:var(--text);font-size:.84rem}.compression-range-control output{min-width:76px;padding:4px 8px;border:1px solid #d7dbe4;border-radius:6px;background:#fff;color:var(--accent);font-size:.78rem;font-weight:700;text-align:center}.compression-range-control input[type=range]{width:100%;margin:0}.compression-range-control>small,.compression-target-field>small{color:var(--text-muted);font-size:.72rem;line-height:1.5}.compression-target-field>span>small{color:var(--text-muted);font-size:.72rem;font-weight:650}.compression-target-field>input{width:100%;height:40px;padding:0 12px;border:1px solid #d7dbe4;border-radius:7px;background:#fff;color:var(--text);font-size:.86rem}.wav-compression-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wav-compression-note{display:flex;grid-column:1 / -1;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid #c2caff;border-radius:8px;background:#f0f3ff;color:#484eff}.wav-compression-note>svg{flex:0 0 auto;margin-top:2px}.wav-compression-note>p{display:grid;gap:4px;margin:0}.wav-compression-note strong{color:#262626;font-size:.82rem}.wav-compression-note span{color:#595959;font-size:.72rem;line-height:1.45}.wav-option-group{display:grid;min-width:0;align-content:start;gap:8px}.wav-option-group>span{color:#595959;font-size:.74rem;font-weight:650}.wav-option-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wav-option-group button{min-height:40px;padding:8px;border:1px solid #dfe3ea;border-radius:7px;background:#fff;color:#595959;cursor:pointer;font-size:.74rem;font-weight:600}.wav-option-group button.is-active{border-color:var(--accent);background:var(--purple-1);color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.wav-option-group button:disabled{cursor:not-allowed;opacity:.55}.compressor-batch-result{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px}.compressor-batch-result>span{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#ffffff24}.compressor-batch-result>div{display:grid;min-width:0;gap:4px}.compressor-batch-result strong{font-size:.92rem}.compressor-batch-result small{font-size:.74rem;opacity:.84}.compressor-batch-result .video-download-button{width:auto;min-width:148px}@media(max-width:760px){.compressor-batch-row{grid-template-columns:36px minmax(0,1fr) 72px}.compressor-batch-estimate{grid-column:2 / 3}.compressor-batch-state{grid-column:3;grid-row:1}.compressor-batch-actions{grid-column:3;grid-row:2}.compressor-batch-row>p{grid-column:2 / -1}.wav-compression-panel{grid-template-columns:1fr}.wav-compression-note{grid-column:auto}}@media(max-width:520px){.compressor-file-mode>button{min-height:52px;padding:8px}.compressor-file-mode small{display:none}.compressor-batch-summary{grid-template-columns:40px minmax(0,1fr)}.compressor-batch-summary>button{grid-column:1 / -1;width:100%}.compression-method-tabs{grid-template-columns:repeat(3,minmax(92px,1fr));overflow-x:auto}.compression-method-tabs small{display:none}.compression-method-tabs>button{min-height:48px;padding:8px 4px 12px}.compressor-batch-row{grid-template-columns:32px minmax(0,1fr) 64px;gap:8px;padding:8px}.compressor-batch-file-icon{width:32px;height:32px}.compressor-batch-state{min-width:64px}.compressor-batch-result{grid-template-columns:40px minmax(0,1fr)}.compressor-batch-result .video-download-button{grid-column:1 / -1;width:100%}}.workbench-loading{display:flex;min-height:360px;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:.92rem;font-weight:600}.conversion-selectors{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:1.5rem;margin:0 0 1.5rem}.conversion-selector{min-width:0}.conversion-selector label,.conversion-selector-label{display:block;margin-bottom:8px;color:var(--text);font-size:.92rem;font-weight:600}.conversion-selector select{width:100%}.converter-format-select{position:relative}.converter-format-trigger{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 1rem;border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:#fff;color:var(--text);cursor:pointer;font-size:1rem;text-align:left;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.converter-format-trigger:hover:not(:disabled){border-color:#cbd0d9;background:#fcfcfd}.converter-format-trigger:focus-visible,.converter-format-trigger[aria-expanded=true]{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .1)}.converter-format-trigger svg{flex:0 0 auto;color:#737b8c;transition:transform var(--transition)}.converter-format-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.converter-format-trigger:disabled{cursor:not-allowed;opacity:.55}.converter-format-menu{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:30;display:grid;gap:4px;padding:8px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;box-shadow:0 14px 34px #0f172a24,0 2px 8px #0f172a0f;animation:converter-menu-in .14s ease both}.audio-converter-workbench .converter-format-menu{max-height:min(390px,calc(100vh - 48px));overflow-y:auto;overscroll-behavior:contain}.converter-format-menu.is-up{top:auto;bottom:calc(100% + 8px);animation-name:converter-menu-in-up}.converter-format-menu button{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:7px;background:transparent;color:#454b57;cursor:pointer;font-size:.9rem;font-weight:550;text-align:left}.converter-format-menu button:hover,.converter-format-menu button:focus-visible{outline:none;background:#f3f4f7;color:#111827}.converter-format-menu button.active{background:var(--purple-0);color:var(--accent)}.converter-format-menu button svg{flex:0 0 auto}.converter-format-menu button>span{min-width:0;display:grid;gap:4px}.converter-format-menu strong{font-size:14px;font-weight:600}.converter-format-menu small{font-size:12px}@keyframes converter-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes converter-menu-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.conversion-selector select:disabled{cursor:default;color:#374151;opacity:1}.conversion-arrow{margin-bottom:12px;color:var(--accent)}.converter-action,.visualizer-export{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.converter-progress,.visualizer-export-progress{height:8px;overflow:hidden;margin-top:.75rem;border-radius:999px;background:#e5e7eb}.converter-progress span,.visualizer-export-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--function-color-5));transition:width .24s ease}.converter-result,.visualizer-result{display:grid;gap:12px}.converter-result strong,.visualizer-result strong{font-size:1.05rem}.converter-result .primary-button,.visualizer-result .primary-button{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#047857}.converter-reset,.visualizer-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:1rem}.video-file-summary{display:grid;min-width:0;align-items:center;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;margin-bottom:1rem;padding:12px 1rem;border:1px solid #e0e4e8;border-radius:10px;background:#f8f9fc}.video-to-audio-workbench>.universal-uploader{margin-bottom:20px}.video-output-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);align-items:end;gap:1.5rem;margin:0 0 1rem;padding:20px 0 0;border-top:1px solid #e3e6ec}.video-output-heading{align-self:center}.video-output-heading h3{margin:0 0 4px;color:var(--text);font-size:1.05rem;line-height:1.3}.video-output-heading p{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.5}.video-output-choice .conversion-selector-label{margin-bottom:8px;font-size:.82rem}.video-format-trigger{min-height:62px;padding-block:12px;border-width:1px;border-radius:var(--radius-md)}.video-format-copy{display:grid;min-width:0;gap:4px}.video-format-copy strong{overflow:hidden;color:inherit;font-size:.9rem;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.video-format-copy small{overflow:hidden;color:#737b8c;font-size:.75rem;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.video-format-menu{gap:4px}.video-format-menu button{min-height:54px}.video-format-menu button.active .video-format-copy small{color:var(--function-color-6)}.video-file-summary>span{display:grid;width:42px;height:42px;place-items:center;border-radius:9px;background:var(--purple-0);color:var(--accent)}.video-file-summary>div{display:grid;min-width:0;gap:4px}.video-file-summary strong{overflow:hidden;color:var(--text);font-size:.92rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.video-file-summary small{color:var(--text-muted);font-size:.78rem}.video-file-summary>button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:.5rem 12px;border:1px solid #d8dce5;border-radius:8px;background:#fff;color:#4b5563;cursor:pointer;font-size:.82rem;font-weight:600}.video-file-summary>button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.video-file-summary>button:disabled{cursor:not-allowed;opacity:.45}.video-audio-preview{margin-bottom:1rem;padding:1rem 20px;border:2px solid var(--accent);border-radius:14px;background:#fff;box-shadow:0 2px 12px rgb(var(--accent-rgb) / .12)}.video-preview-label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.video-preview-label-row strong{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.video-preview-label-row span{color:var(--accent);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.video-audio-preview>p{overflow:hidden;margin:0 0 12px;color:#6b7280;font-size:.8125rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.video-preview-waveform{position:relative;display:block;width:100%;height:80px;overflow:hidden;margin:0 0 .75rem;padding:0;border:0;border-radius:8px;background:#fff;cursor:pointer}.video-preview-waveform:hover{opacity:.88}.video-preview-waveform canvas{display:block;width:100%;height:80px}.video-preview-waveform>span{position:absolute;z-index:2;top:0;width:.5px;height:100%;background:#fff;box-shadow:none;pointer-events:none}.video-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.video-preview-controls button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;padding:8px 1rem;border:1.5px solid #e0e4e8;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600}.video-preview-controls button:hover,.video-preview-controls button.is-playing{border-color:var(--accent);color:var(--accent)}.video-audio-preview audio{display:none}.video-extract-button{width:100%}.video-to-audio-workbench>.effect-result-card{margin-top:16px}.video-extraction-result{display:grid;gap:16px;text-align:center}.video-extraction-result>strong{font-size:1.05rem}.video-next-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.video-next-tools span{font-size:.82rem;font-weight:600;opacity:.84}.video-next-tools a{padding:4px 8px;border:1px solid rgba(255,255,255,.5);border-radius:6px;color:#fff;font-size:.78rem;font-weight:600}.video-next-tools a:hover{background:#ffffff1f}.video-download-button{display:inline-flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:.5rem;padding:16px 1rem;border:2px solid rgba(255,255,255,.6);border-radius:10px;background:#fff;color:#16a34a!important;box-shadow:0 2px 8px #0000001f;font-size:1.0625rem;font-weight:700}.video-download-button:hover{background:#f0fdf4;box-shadow:0 4px 14px #00000026;transform:translateY(-1px)}.video-extraction-result>small{font-size:.78rem;opacity:.82}.volume-settings{display:grid;gap:1.25rem;margin:1.25rem 0 1.75rem}.volume-mode-buttons{margin-bottom:0}.volume-mode-buttons .preset-btn{min-height:94px}.volume-slider-panel,.volume-normalize-panel{padding:16px 20px;border:1px solid #e0e4e8;border-radius:10px;background:#f8f9fc}.volume-tip{margin:16px 0 0;color:#6b7280;font-size:.84rem;line-height:1.55}.volume-normalize-panel strong{display:block;margin-bottom:8px;color:var(--text);font-size:1rem}.volume-normalize-panel p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.6}.volume-process-button{width:100%}.volume-result{display:grid;gap:16px;text-align:center}.volume-result>strong{font-size:1.05rem}.volume-result>small{font-size:.78rem;opacity:.82}.video-volume-booster-workbench>.universal-uploader{margin-bottom:24px}.video-volume-preview{display:grid;gap:12px;margin-bottom:24px;padding:16px;border:1px solid var(--gray-4);border-radius:var(--radius-md);background:var(--gray-1)}.video-volume-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.video-volume-preview-header strong{color:var(--text);font-size:.875rem}.video-volume-preview-header span{color:var(--accent);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.video-volume-preview video,.video-volume-result video{display:block;width:100%;max-height:420px;border-radius:var(--radius-md);background:var(--gray-9)}.video-volume-settings{margin-top:0}.video-volume-actions{display:flex;align-items:stretch;gap:8px}.video-volume-actions .volume-process-button{flex:1 1 auto}.video-volume-cancel{flex:0 0 auto}.video-volume-result{display:grid;gap:16px;text-align:center}.video-volume-result>small{font-size:.75rem;opacity:.82}.bass-preview-card{margin:20px 0}.bass-operation-card{display:grid;gap:16px;margin:20px 0;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.bass-slider-panel{padding:0;border:0;border-radius:0;background:transparent}.bass-process-button{width:100%}.bass-result{display:grid;gap:16px;text-align:center}.bass-result>strong{font-size:1.05rem}.bass-result>small{font-size:.78rem;opacity:.82}.hearing-workbench{color:#1f2937}.hearing-intro{max-width:760px;margin:0 auto 1.25rem;color:#4b5563;font-size:1rem;line-height:1.7;text-align:center}.hearing-safety-banner{display:flex;align-items:flex-start;gap:12px;margin-bottom:1.5rem;padding:1rem 16px;border:1px solid #f3c755;border-radius:8px;background:#fff9e8;color:#6d4c22;font-size:.9rem;line-height:1.55}.hearing-safety-banner svg{flex:0 0 auto;margin-top:4px;color:#d97706}.hearing-safety-banner strong{color:#b45309}.hearing-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;padding:4px;border:1px solid #e2e5ec;border-radius:10px;background:#f4f5f8}.hearing-mode-tabs.tabs-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hearing-mode-tabs button{display:grid;min-width:0;min-height:72px;place-items:center;align-content:center;gap:4px;padding:12px .5rem;border:1px solid transparent;border-radius:7px;background:transparent;color:#6b7280;cursor:pointer;font-size:.78rem;font-weight:650;line-height:1.2;text-align:center}.hearing-mode-tabs button:hover{color:var(--accent)}.hearing-mode-tabs button.is-active{border-color:#d7dbff;background:#fff;color:var(--accent);box-shadow:0 2px 7px #232a5a14}.hearing-mode-panel{min-height:430px;padding:1.5rem 0 0}.hearing-mode-panel>h2,.hearing-test-screen>h2,.hearing-result-screen>h2{margin:0 0 8px;color:#171717;font-size:1.45rem;letter-spacing:0;text-align:center}.hearing-mode-panel>p,.hearing-test-screen>p{max-width:620px;margin:0 auto 20px;color:#6b7280;font-size:.95rem;line-height:1.65;text-align:center}.hearing-test-screen,.hearing-result-screen{display:flex;min-height:410px;align-items:center;flex-direction:column;justify-content:center;padding:1.25rem 1rem;text-align:center}.hearing-test-screen>svg{margin-bottom:16px;color:var(--accent)}.hearing-primary-action,.hearing-answer-buttons button,.hearing-result-actions button,.hearing-sweep-controls button,.hearing-tone-play,.hearing-speaker-grid button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;cursor:pointer;font-weight:700}.hearing-primary-action{min-width:230px;min-height:52px;padding:12px 1.5rem;background:var(--accent);color:#fff;box-shadow:0 4px 12px rgb(var(--accent-rgb) / .22);font-size:1rem}.hearing-primary-action:hover,.hearing-sweep-controls .is-play:hover,.hearing-tone-play:hover,.hearing-speaker-grid button:hover{background:var(--accent-dark)}.hearing-headphone-hint{display:inline-flex;align-items:center;gap:8px;margin-top:1.25rem;padding:.5rem 12px;border-radius:7px;background:#edf4ff;color:#2563a8;font-size:.78rem;font-weight:550}.hearing-replay-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:8px 16px;border:1px solid #d9dde6;border-radius:8px;background:#fff;color:#595959;cursor:pointer;font-size:.82rem;font-weight:650}.hearing-replay-button:hover{border-color:var(--function-color-4);color:var(--accent)}.hearing-ear-label{display:inline-flex;min-height:32px;align-items:center;justify-content:center;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:var(--purple-0);color:var(--accent);font-size:.78rem;font-weight:700}.hearing-step-label{margin-bottom:8px;color:#858b98;font-size:.82rem;font-weight:600}.hearing-frequency-display{margin:4px 0;color:#171717;font-size:2.45rem;font-variant-numeric:tabular-nums;line-height:1.1}.hearing-test-progress{width:min(100%,420px);height:8px;overflow:hidden;margin:4px 0 16px;border-radius:999px;background:#e3e6ec}.hearing-test-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .24s ease}.hearing-sound-wave{display:flex;height:60px;align-items:center;justify-content:center;gap:4px;margin:1rem 0 8px}.hearing-sound-wave span{width:4px;border-radius:4px;background:var(--accent);animation:hearing-wave 1s ease-in-out infinite}.hearing-sound-wave span:nth-child(1){height:20px;animation-delay:0s}.hearing-sound-wave span:nth-child(2){height:35px;animation-delay:.1s}.hearing-sound-wave span:nth-child(3){height:50px;animation-delay:.2s}.hearing-sound-wave span:nth-child(4){height:40px;animation-delay:.3s}.hearing-sound-wave span:nth-child(5){height:55px;animation-delay:.15s}.hearing-sound-wave span:nth-child(6){height:30px;animation-delay:.25s}.hearing-sound-wave span:nth-child(7){height:45px;animation-delay:.05s}.hearing-sound-wave span:nth-child(8){height:25px;animation-delay:.35s}.hearing-sound-wave span:nth-child(9){height:40px;animation-delay:.2s}@keyframes hearing-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.hearing-question{margin-top:8px!important;font-size:1.15rem!important}.hearing-answer-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:4px}.hearing-answer-buttons button{min-width:190px;padding:12px 1rem;color:#fff;font-size:.92rem}.hearing-answer-buttons .can-hear{background:#16a34a}.hearing-answer-buttons .can-hear:hover{background:#15803d}.hearing-answer-buttons .cant-hear{background:#dc2626}.hearing-answer-buttons .cant-hear:hover{background:#b91c1c}.hearing-test-screen .status{width:min(100%,520px);margin-top:1rem;text-align:left}.hearing-result-card{width:min(100%,420px);margin:1rem auto 1.25rem;padding:32px 1.75rem;border-radius:14px;background:linear-gradient(135deg,var(--function-color-5),var(--function-color-6));color:#fff;box-shadow:0 8px 28px #5048a03b}.hearing-result-card>span{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1rem;font-size:.9rem;font-weight:650;opacity:.92}.hearing-result-card>small{display:block;font-size:.78rem;opacity:.78}.hearing-result-card>strong{display:block;margin:4px 0 16px;font-size:2.4rem;font-variant-numeric:tabular-nums;line-height:1.1}.hearing-result-card>b{display:block;margin:4px 0 1rem;font-size:1.65rem}.hearing-result-card>p{margin:20px 0 1rem;font-size:.86rem;line-height:1.55}.hearing-result-bar{height:11px;overflow:hidden;border-radius:999px;background:#ffffff38}.hearing-result-bar span{display:block;height:100%;border-radius:inherit;background:#fff}.hearing-result-labels,.hearing-range-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:.7rem}.hearing-result-labels{opacity:.72}.hearing-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.hearing-result-actions button{min-width:190px;padding:.75rem 1rem}.hearing-result-actions button:not(.primary-button){border:1px solid #d9dde6;background:#f5f6f8;color:#374151}.hearing-result-disclaimer{max-width:620px;margin:16px auto 0;color:#8b91a0;font-size:.75rem;line-height:1.55}.hearing-screening-results{width:min(100%,720px);margin:0 auto}.hearing-screening-score-row{display:grid;width:min(100%,520px);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px auto 24px}.hearing-screening-score-row article{padding:24px;border:1px solid #dfe3ea;border-radius:8px;background:#fafafa}.hearing-screening-score-row span{display:block;margin-bottom:8px;color:#595959;font-size:.82rem;font-weight:650}.hearing-screening-score-row strong{color:var(--accent);font-size:2rem;font-variant-numeric:tabular-nums;line-height:1}.hearing-screening-score-row small{color:#8c8c8c;font-size:.9rem;font-weight:600}.hearing-screening-grid{display:grid;width:100%;overflow:hidden;grid-template-columns:minmax(112px,1.4fr) repeat(2,minmax(104px,1fr));border:1px solid #dfe3ea;border-radius:8px;background:#fff;text-align:left}.hearing-screening-grid>.is-header{padding:12px 16px;border-bottom:1px solid #dfe3ea;background:#f5f5f5;color:#595959;font-size:.75rem;font-weight:700}.hearing-screening-row{display:contents}.hearing-screening-row>*{display:flex;min-height:48px;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid #f0f0f0;font-size:.78rem}.hearing-screening-row:last-child>*{border-bottom:0}.hearing-screening-row>strong{color:#262626;font-variant-numeric:tabular-nums}.hearing-screening-row .is-heard{color:#237804}.hearing-screening-row .is-missed{color:#a8071a}.hearing-screening-summary{max-width:620px;margin:24px auto 16px;color:#595959;font-size:.88rem;line-height:1.65}.hearing-sweep-panel,.hearing-tone-panel,.hearing-speaker-panel{padding-right:.5rem;padding-left:.5rem}.hearing-sweep-frequency{display:block;margin:1.5rem 0 1rem;color:#171717;font-size:3.25rem;font-variant-numeric:tabular-nums;line-height:1;text-align:center}.hearing-sweep-frequency small{color:#8b91a0;font-size:1rem;font-weight:500}.hearing-sweep-bar{height:10px;overflow:hidden;border-radius:999px;background:#e2e5eb}.hearing-sweep-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--function-color-5))}.hearing-range-labels{color:#989daa}.hearing-sweep-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:1.5rem}.hearing-sweep-controls select{min-height:44px;padding:8px 32px 8px 12px;border:1px solid #d9dde5;border-radius:8px;background-color:#fff;color:#374151;font-size:.85rem;font-weight:600}.hearing-sweep-controls button{min-width:140px;padding:12px 1rem;color:#fff}.hearing-sweep-controls .is-play{background:var(--accent)}.hearing-sweep-controls .is-mark{background:#d97706}.hearing-sweep-controls .is-stop{background:#dc2626}.hearing-sweep-marked{margin-top:1rem;padding:.75rem 1rem;border:1px solid #86efac;border-radius:8px;background:#f0fdf4;color:#166534;font-size:.88rem;text-align:center}.hearing-waveform-canvas{height:120px;overflow:hidden;margin:16px 0 20px;border-radius:8px;background:#111827}.hearing-waveform-canvas canvas{display:block;width:100%;height:100%}.hearing-tone-display{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;column-gap:8px;margin-bottom:20px;text-align:center}.hearing-tone-display strong{color:#171717;font-size:2.35rem;font-variant-numeric:tabular-nums}.hearing-tone-display>span{color:#8b91a0;font-size:.9rem}.hearing-tone-display b{flex-basis:100%;margin-top:4px;color:var(--accent);font-size:1rem}.hearing-slider-group{display:grid;gap:8px;margin-bottom:1.25rem}.hearing-slider-group>span,.hearing-slider-group>small{display:flex;justify-content:space-between;gap:1rem}.hearing-slider-group>span{color:#5f6571;font-size:.82rem}.hearing-slider-group output{font-variant-numeric:tabular-nums}.hearing-slider-group>small{color:#999eaa;font-size:.7rem}.hearing-slider-group input{width:100%;accent-color:var(--accent)}.hearing-tone-input-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.hearing-tone-input-row>label{color:#374151;font-size:.85rem;font-weight:650}.hearing-tone-input-row>input{width:122px;min-height:42px;padding:8px 12px;border:1px solid #d8dce5;border-radius:7px;font-size:.95rem;font-weight:650;text-align:center}.hearing-tone-input-row>span{color:#7b818d;font-size:.85rem}.hearing-tone-input-row>div{display:flex;gap:8px}.hearing-tone-input-row button,.hearing-quick-tones button{min-height:38px;padding:8px 12px;border:1px solid #d8dce5;border-radius:7px;background:#f5f6f8;color:#555c68;cursor:pointer;font-size:.78rem;font-weight:650}.hearing-tone-input-row button:hover,.hearing-quick-tones button:hover{border-color:#bfc5d2;background:#eceef3}.hearing-quick-tones button.is-active{border-color:var(--accent);background:var(--purple-0);color:var(--accent)}.hearing-waveform-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.25rem}.hearing-waveform-selector button{display:grid;min-height:58px;place-items:center;align-content:center;gap:4px;border:1px solid transparent;border-radius:7px;background:#f1f2f5;color:#59606c;cursor:pointer;font-size:.76rem;font-weight:650}.hearing-waveform-selector button span{font-family:monospace;font-size:1rem}.hearing-waveform-selector button.is-active{border-color:var(--accent);background:var(--purple-0);color:var(--accent)}.hearing-tone-play{width:100%;margin-bottom:1.25rem;padding:.75rem 1rem;background:var(--accent);color:#fff}.hearing-tone-duration{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;color:#595959;font-size:.82rem;font-weight:650}.hearing-tone-duration select{min-width:144px;min-height:40px;padding:8px 32px 8px 12px;border:1px solid #d9d9d9;border-radius:8px;background-color:#fff;color:#262626;font:inherit}.hearing-tone-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:16px}.hearing-tone-actions .hearing-tone-play{width:auto;min-width:0;margin:0}.hearing-tone-export{display:flex;gap:8px}.hearing-format-control{position:relative;flex:0 0 auto}.hearing-format-trigger,.hearing-tone-download{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;color:#434343;cursor:pointer;font-size:.82rem;font-weight:700;white-space:nowrap}.hearing-format-trigger{min-width:92px}.hearing-tone-download{min-width:168px;border-color:var(--accent);background:var(--accent);color:#fff}.hearing-format-trigger:hover{border-color:var(--function-color-4);color:var(--accent)}.hearing-tone-download:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.hearing-format-trigger:disabled,.hearing-tone-download:disabled{cursor:wait;opacity:.65}.hearing-format-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:40;width:268px;overflow:hidden;padding:4px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;box-shadow:0 12px 32px #26262624}.hearing-format-menu button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#434343;cursor:pointer;text-align:left}.hearing-format-menu button:hover,.hearing-format-menu button.is-active{background:var(--purple-0);color:var(--accent)}.hearing-format-menu button>span{display:grid;gap:4px}.hearing-format-menu strong{font-size:14px}.hearing-format-menu small{color:#8c8c8c;font-size:12px}.hearing-tone-status{margin-bottom:16px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:8px;background:#fafafa;color:#595959;font-size:.75rem;line-height:1.5;text-align:center}.hearing-tone-play.is-playing{background:#dc2626}.hearing-quick-label{margin:0 0 8px!important;color:#606672!important;font-size:.78rem!important;font-weight:650;text-align:left!important}.hearing-quick-tones{display:flex;flex-wrap:wrap;gap:8px}.hearing-speaker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.hearing-speaker-grid article{padding:20px;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fb;text-align:center}.hearing-speaker-grid article>svg{margin-bottom:12px;color:var(--accent)}.hearing-speaker-grid h3{margin:0 0 8px;color:#1f2937;font-size:.95rem}.hearing-speaker-grid p{min-height:2.4em;margin:0 0 12px;color:#7b818e;font-size:.78rem;line-height:1.5}.hearing-speaker-grid button{width:100%;padding:12px .75rem;background:var(--accent);color:#fff;font-size:.82rem}.hearing-speaker-grid button.is-active{background:#dc2626}.hearing-channel-buttons{display:flex;gap:8px;margin-bottom:8px}.hearing-speaker-result{margin-top:12px;padding:8px 12px;border-radius:7px;background:#ecfdf5;color:#166534;font-size:.74rem;line-height:1.45}.hearing-stop-all{position:fixed;right:1.5rem;bottom:1.5rem;z-index:1100;display:grid;width:52px;height:52px;place-items:center;border:0;border-radius:50%;background:#dc2626;color:#fff;cursor:pointer;box-shadow:0 6px 20px #b91c1c47}.hearing-stop-all:hover{background:#b91c1c}.microphone-test-workbench{width:100%;max-width:880px;margin:0 auto;color:var(--text)}.microphone-test-workbench.is-embedded{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.microphone-test-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.microphone-test-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid var(--function-color-3);border-radius:50%;background:var(--function-color-1);color:var(--accent)}.microphone-test-heading h2{margin:0 0 4px;color:var(--text-strong);font-size:1.35rem;letter-spacing:0}.microphone-test-heading p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.55}.microphone-device-row{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:24px}.microphone-device-row label{color:var(--text-strong);font-size:.9rem;font-weight:700}.microphone-device-row select{width:100%;min-height:48px;padding:0 48px 0 16px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface);color:var(--text);font:inherit}.microphone-device-row select:focus-visible{border-color:var(--accent);outline:2px solid rgb(var(--accent-rgb) / .16);outline-offset:2px}.microphone-meter{padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.microphone-meter-meta,.microphone-meter-scale{display:flex;align-items:center;justify-content:space-between}.microphone-meter-meta{margin-bottom:16px}.microphone-meter-meta span{display:inline-flex;align-items:center;gap:8px;color:var(--text-strong);font-size:.9rem;font-weight:700}.microphone-meter-meta svg,.microphone-meter-meta strong{color:var(--accent)}.microphone-meter-meta strong{font-size:.84rem}.microphone-meter.is-clipping .microphone-meter-meta strong{color:#c2413b}.microphone-level-track{position:relative;height:16px;overflow:visible;border-radius:8px;background:var(--function-gray-4)}.microphone-level-track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--function-color-4),var(--accent));transition:width 80ms linear}.microphone-level-track>i{position:absolute;top:-4px;width:2px;height:24px;border-radius:2px;background:var(--text-strong);opacity:.72;transition:left .12s ease-out}.microphone-meter.is-clipping .microphone-level-track>span{background:#d44c45}.microphone-meter-scale{margin-top:8px;color:var(--text-soft);font-size:.72rem}.microphone-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.microphone-actions button{display:inline-flex;min-width:200px;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:8px 24px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700}.microphone-primary-action{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.microphone-secondary-action,.microphone-record-action{border:1px solid var(--border);background:var(--surface);color:var(--text-strong)}.microphone-record-action.is-recording{border-color:#e2a4a0;background:#fff5f4;color:#b8342f}.microphone-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.microphone-primary-action:hover:not(:disabled){background:var(--accent-dark);color:#fff}.microphone-actions button:disabled{cursor:not-allowed;opacity:.55}.microphone-record-dot{width:12px;height:12px;border-radius:50%;background:#d44c45}.microphone-status{display:flex;max-width:720px;align-items:flex-start;justify-content:center;gap:8px;margin:16px auto 0;color:var(--text-muted);font-size:.82rem;line-height:1.5;text-align:center}.microphone-status svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}.microphone-status.is-error,.microphone-status.is-error svg{color:#b8342f}.microphone-playback{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(240px,1fr) 40px;align-items:center;gap:16px;margin-top:24px;padding:16px;border:1px solid var(--function-color-3);border-radius:8px;background:var(--function-color-1)}.microphone-playback>div{display:flex;min-width:0;align-items:center;gap:8px;color:var(--accent)}.microphone-playback>div>span{display:grid;min-width:0;gap:4px}.microphone-playback strong{color:var(--text-strong);font-size:.86rem}.microphone-playback small{overflow:hidden;color:var(--text-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.microphone-playback audio{width:100%;min-width:0}.microphone-playback>button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-muted);cursor:pointer}.microphone-playback>button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:700px){.hearing-mode-tabs{gap:4px}.hearing-mode-tabs button{min-height:66px;padding:.5rem .25rem;font-size:.66rem}.hearing-mode-tabs button svg{width:18px;height:18px}.hearing-mode-panel{min-height:400px;padding-top:1rem}.hearing-test-screen,.hearing-result-screen{min-height:380px;padding-right:0;padding-left:0}.hearing-answer-buttons,.hearing-result-actions{width:100%;flex-direction:column}.hearing-answer-buttons button,.hearing-result-actions button{width:100%}.hearing-sweep-controls{align-items:stretch;flex-direction:column}.hearing-sweep-controls select,.hearing-sweep-controls button{width:100%}.hearing-speaker-grid,.hearing-tone-actions{grid-template-columns:1fr}.hearing-tone-export{display:grid;grid-template-columns:92px minmax(0,1fr)}.hearing-tone-download{width:100%;min-width:0}.hearing-format-menu{right:auto;left:0}.microphone-device-row{grid-template-columns:1fr;gap:8px}.microphone-playback{grid-template-columns:minmax(0,1fr) 40px}.microphone-playback audio{grid-column:1 / -1;grid-row:2}}@media(max-width:480px){.hearing-intro{font-size:.9rem}.hearing-safety-banner{padding:12px;font-size:.8rem}.hearing-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.hearing-mode-tabs button{min-height:58px}.hearing-frequency-display{font-size:2rem}.hearing-sweep-frequency{font-size:2.5rem}.hearing-result-card{padding:1.75rem 16px}.hearing-result-card>strong{font-size:2rem}.hearing-result-card>b{font-size:1.35rem}.hearing-screening-score-row{gap:8px}.hearing-screening-score-row article{padding:16px 8px}.hearing-screening-grid{grid-template-columns:minmax(92px,1.2fr) repeat(2,minmax(84px,1fr))}.hearing-screening-grid>.is-header,.hearing-screening-row>*{padding-right:8px;padding-left:8px}.hearing-screening-row>span{align-items:flex-start;flex-direction:column;justify-content:center;gap:2px}.hearing-tone-input-row>div{width:100%}.hearing-tone-input-row button{flex:1}.hearing-waveform-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.hearing-quick-tones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hearing-quick-tones button{min-width:0;white-space:normal}.hearing-tone-duration{align-items:stretch;flex-direction:column;gap:8px}.hearing-tone-duration select{width:100%}.hearing-format-menu{right:auto;left:0;width:min(268px,calc(100vw - 80px))}.hearing-stop-all{right:1rem;bottom:1rem}.microphone-test-workbench.is-embedded{margin-top:32px;padding-top:24px}.microphone-test-heading{align-items:flex-start}.microphone-test-heading h2{font-size:1.15rem}.microphone-meter{padding:16px}.microphone-actions{display:grid}.microphone-actions button{width:100%;min-width:0}}.speech-step-header{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0 .75rem;padding-bottom:8px;border-bottom:2px solid #eef0fd;color:var(--accent);font-size:.875rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.speech-step-header:first-child{margin-top:0}.speech-step-header>span{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:.75rem}.speech-recording-script{margin-bottom:1rem;padding:1rem 1.25rem;border:2px solid #e0e4e8;border-radius:10px;background:#f8f9fa;color:#374151}.speech-recording-script strong{display:block;margin-bottom:8px;color:#6b7280;font-size:.75rem;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.speech-recording-script p{margin:0;font-size:1rem;font-style:italic;line-height:1.7}.speech-audio-preview{margin:1rem 0;padding:1rem 1.25rem;border:2px solid #e0e4e8;border-radius:12px;background:#f8f9fa}.speech-audio-preview-header,.speech-audio-preview-header>div,.speech-audio-preview-header>div>div{display:flex;align-items:center}.speech-audio-preview-header{justify-content:space-between;gap:1rem;margin-bottom:.75rem}.speech-audio-preview-header>div{min-width:0;gap:12px}.speech-audio-preview-header>div>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:8px;background:var(--purple-1);color:var(--accent)}.speech-audio-preview-header>div>div{min-width:0;align-items:flex-start;flex-direction:column;gap:4px}.speech-audio-preview-header strong{color:var(--text);font-size:.9375rem}.speech-audio-preview-header small{overflow:hidden;max-width:480px;color:var(--text-muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.speech-audio-preview-header button,.speech-new-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#6b7280;cursor:pointer;font-size:.8125rem;font-weight:650}.speech-audio-preview-header button:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.speech-audio-preview audio{display:block;width:100%;margin-bottom:.5rem}.speech-audio-preview>p{margin:0;color:#6b7280;font-size:.8125rem}.speech-settings-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.75rem 0}.speech-settings-row>label{display:grid;gap:8px;margin:0}.speech-settings-row>label>span{color:#374151;font-size:.8125rem;font-weight:650}.speech-settings-row em{color:#ef4444;font-size:.75rem;font-style:normal}.speech-settings-row select{min-height:46px;padding-top:12px;padding-bottom:12px;border-radius:8px;font-size:.9375rem}.speech-transcribe-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0 1rem}.speech-privacy-note{display:flex;align-items:flex-start;gap:12px;margin:.5rem 0 1rem;padding:16px 1rem;border:1px solid #86efac;border-radius:10px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;font-size:.8125rem;line-height:1.5}.speech-privacy-note svg{flex:0 0 auto;margin-top:4px}.speech-progress-panel{margin:1rem 0;padding:1.25rem 1.5rem;border:2px solid #c7d2fe;border-radius:12px;background:var(--purple-0)}.speech-progress-panel>strong{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text);font-size:1rem}.speech-progress-panel p,.speech-progress-panel small{display:block;margin:0;color:#6b7280;font-size:.8125rem;line-height:1.5}.speech-progress-panel p{margin-bottom:12px}.speech-progress-track{height:10px;overflow:hidden;margin-bottom:.5rem;border-radius:999px;background:#dde4f7}.speech-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--function-color-5));transition:width .3s ease}.speech-progress-track.is-indeterminate>span{width:45%;background:linear-gradient(90deg,transparent,var(--accent),#a5b4fc,transparent);animation:speech-progress-slide 1.35s ease-in-out infinite}@keyframes speech-progress-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.speech-long-audio{margin:.75rem 0;padding:1rem 1.25rem;border:2px solid #fbbf24;border-radius:12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e}.speech-long-audio strong{display:block;margin-bottom:4px;color:#78350f}.speech-long-audio p{margin:0;font-size:.875rem;line-height:1.6}.speech-transcription-output{margin:1rem 0 0}.speech-transcription-output h3{margin:0 0 .75rem;color:var(--text);font-size:1.0625rem}.speech-transcription-text{min-height:210px;border-radius:10px;font-size:.9375rem;line-height:1.7}.speech-output-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;color:#6b7280;font-size:.875rem}.speech-output-meta label{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--accent);cursor:pointer;font-size:.875rem;font-weight:550}.speech-output-meta input{width:16px;height:16px;accent-color:var(--accent)}.speech-output-meta small{color:#9ca3af}.speech-export-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.speech-export-row button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:650}.speech-export-row button:hover:not(:disabled){transform:translateY(-1px)}.speech-export-row button:disabled{cursor:not-allowed;opacity:.42}.speech-export-row .is-copy{background:var(--accent)}.speech-export-row .is-txt{background:#1a1a1a}.speech-export-row .is-srt{background:#059669}.speech-success{display:grid;gap:12px;margin-top:1rem;padding:1.25rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;text-align:center}.speech-new-button{width:100%;min-height:46px;margin-top:.75rem;border:2px solid var(--accent);color:var(--accent)}.speech-new-button:hover{background:var(--purple-0)}.speech-powered-note{margin:.75rem 0 0;color:#9ca3af;font-size:.8125rem}.speech-ios-banner{padding:1.25rem 1.5rem;border:2px solid #f59e0b;border-radius:12px;background:#fef3c7;color:#92400e}.speech-ios-banner strong{display:block;margin-bottom:.5rem;font-size:1.125rem}.speech-ios-banner p{margin:0;line-height:1.7}.voice-waveform{position:relative;height:112px;overflow:hidden;margin-bottom:.75rem;padding:.5rem .5rem 1.75rem;border-radius:10px;background:#1a1a2e;cursor:pointer}.voice-waveform canvas{display:block;width:100%;height:80px}.voice-waveform-playhead{position:absolute;top:.5rem;bottom:1.75rem;width:.5px;background:#fff;box-shadow:none;pointer-events:none}.voice-waveform-time{position:absolute;right:.75rem;bottom:.35rem;left:.75rem;display:flex;justify-content:space-between;color:#a6a9bd;font-size:.75rem;font-variant-numeric:tabular-nums}.voice-transport{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.voice-transport button{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border:2px solid #e0e4e8;border-radius:10px;background:#fff;color:#374151;cursor:pointer}.voice-transport button:hover,.voice-transport button.active{border-color:var(--accent);background:var(--purple-0);color:var(--accent)}.voice-transport input{flex:1;min-width:120px;accent-color:var(--accent)}.voice-transport>span{min-width:90px;color:var(--text-muted);font-size:.875rem;font-variant-numeric:tabular-nums;text-align:right}.voice-presets-section>h3,.voice-download-section>h3{margin:0 0 1rem;color:var(--text);font-size:1.125rem}.voice-preset-category{margin-bottom:1rem}.voice-preset-category-label{margin-bottom:.5rem;color:#73788a;font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.voice-preset-grid{display:flex;flex-wrap:wrap;gap:.5rem}.voice-preset-button{position:relative;display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:12px 1rem;border:2px solid #e0e4e8;border-radius:10px;background:#fff;color:var(--text);cursor:pointer;font-size:.9375rem;font-weight:500;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.voice-preset-button:hover:not(:disabled){border-color:var(--accent);background:var(--purple-0);transform:translateY(-1px)}.voice-preset-button.active{border-color:var(--accent);background:var(--accent);color:#fff}.voice-preset-button.modified:after{content:"•";color:#fbbf24;font-size:1.25rem;line-height:1}.voice-preset-button:disabled{cursor:not-allowed;opacity:.5}.voice-advanced-toggle{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;margin:1.5rem 0;padding:16px 1rem;border:2px solid #e0e4e8;border-radius:12px;background:#f8f9fa;color:var(--text);cursor:pointer;font-size:1rem;font-weight:650}.voice-advanced-toggle:hover{border-color:var(--accent)}.voice-advanced-toggle svg{transition:transform .2s ease}.voice-advanced-toggle.open{margin-bottom:0;border-radius:12px 12px 0 0}.voice-advanced-toggle.open svg{transform:rotate(180deg)}.voice-advanced-panel{margin-bottom:1.5rem;padding:1.5rem;border:2px solid #e0e4e8;border-top:0;border-radius:0 0 12px 12px;background:#f8f9fa}.voice-param-group{margin-bottom:1.25rem}.voice-param-group-title{margin-bottom:.75rem;padding-bottom:8px;border-bottom:1px solid #e0e4e8;color:var(--accent);font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.voice-param-row{display:grid;grid-template-columns:120px minmax(100px,1fr) 64px;align-items:center;gap:.75rem;margin-bottom:8px}.voice-param-row>span{color:#555b6a;font-size:.875rem;font-weight:500}.voice-param-row input{width:100%;accent-color:var(--accent)}.voice-param-row output{color:#73788a;font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:right}.voice-reset-params{display:block;margin:.5rem auto 0;padding:.5rem 1.25rem;border:1px solid #d5d9e1;border-radius:8px;background:#fff;color:#73788a;cursor:pointer;font-size:.875rem;font-weight:600}.voice-reset-params:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.voice-download-section{margin-top:1.5rem}.voice-download-section>button{width:100%;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:0;border-radius:9px;background:var(--accent);color:#fff;cursor:pointer;font-size:1rem;font-weight:600}.voice-download-section>button:disabled{cursor:not-allowed;opacity:.48}.voice-result{display:grid;gap:16px;text-align:center}.voice-result>strong{font-size:1.05rem}.voice-result>small{font-size:.78rem;opacity:.82}.granular-synth-workbench{min-width:0}.granular-tool-wrap{--granular-bg: #0d0d1a;--granular-surface: #14142b;--granular-surface-raised: #1c1c3a;--granular-border: #2a2a4a;--granular-text: #e0e0f0;--granular-muted: #8888aa;--granular-accent: #00d4aa;--granular-accent-secondary: #ff4488;min-width:0;padding:1.5rem;border-radius:14px;background:var(--granular-bg);color:var(--granular-text)}.granular-panel{min-width:0;margin-bottom:1rem;padding:1.25rem;border:1px solid var(--granular-border);border-radius:10px;background:var(--granular-surface)}.granular-section-label{margin-bottom:.75rem;color:var(--granular-muted);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.granular-section-label span{color:var(--granular-accent)}.granular-preset-row{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1rem}.granular-preset-row label{color:var(--granular-muted);font-size:.8rem}.granular-preset-row select{min-width:min(250px,100%);min-height:40px;padding:.5rem 2rem .5rem 12px;border:1px solid var(--granular-border);border-radius:8px;background:var(--granular-surface-raised);color:var(--granular-text);cursor:pointer;font-size:.875rem}.granular-preset-row>span{max-width:220px;overflow:hidden;color:var(--granular-accent);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.granular-source-panel .universal-uploader{margin:.25rem 0 0}.granular-source-panel .upload-field-label{color:var(--granular-text)}.granular-source-panel .upload-dashboard{border-color:var(--granular-border);background:var(--granular-surface-raised)}.granular-source-panel .upload-dashboard.is-dragging{border-color:var(--granular-accent);background:#242446;box-shadow:inset 0 0 0 1px #00d4aa33}.granular-source-panel .upload-title,.granular-source-panel .upload-provider{color:var(--granular-text)}.granular-source-panel .upload-provider:hover,.granular-source-panel .upload-provider:focus-visible{background:#ffffff0f;color:#fff}.granular-source-panel .upload-provider-icon{border-color:var(--granular-border);background:#242446;color:var(--granular-accent)}.granular-source-panel .upload-provider-helper{color:var(--granular-muted)}.granular-file-summary{display:grid;min-width:0;align-items:center;grid-template-columns:40px minmax(0,1fr) auto;gap:.75rem;margin-bottom:1rem;padding:.75rem;border:1px solid var(--granular-border);border-radius:8px;background:var(--granular-surface-raised)}.granular-file-summary>span{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#00d4aa1a;color:var(--granular-accent)}.granular-file-summary>div{display:grid;min-width:0;gap:4px}.granular-file-summary strong{overflow:hidden;color:var(--granular-text);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.granular-file-summary small{color:var(--granular-muted);font-size:.73rem}.granular-file-summary button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:1px solid var(--granular-border);border-radius:7px;background:var(--granular-surface);color:var(--granular-text);cursor:pointer;font-size:.76rem;font-weight:600}.granular-file-summary button:hover:not(:disabled){border-color:var(--granular-accent);color:var(--granular-accent)}.granular-file-summary button:disabled{cursor:not-allowed;opacity:.45}.granular-waveform-wrap{position:relative;width:100%;height:100px;overflow:hidden;border-radius:8px;background:var(--granular-bg);cursor:col-resize;touch-action:none}.granular-waveform-wrap canvas{display:block;width:100%;height:100%}.granular-waveform-time{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:4px;padding:0 .25rem;color:var(--granular-muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.granular-waveform-time span:nth-child(2){color:var(--granular-accent);text-align:center}.granular-xy-wrap{position:relative;width:100%;min-height:220px;max-height:400px;overflow:hidden;aspect-ratio:16 / 7;border:1px solid var(--granular-border);border-radius:10px;background:var(--granular-bg);cursor:default;touch-action:none}.granular-xy-wrap.is-active{cursor:crosshair}.granular-xy-wrap canvas{display:block;width:100%;height:100%}.granular-xy-label{position:absolute;color:#ffffff3d;font-size:.625rem;letter-spacing:.1em;pointer-events:none;text-transform:uppercase}.granular-xy-high{top:7px;right:9px}.granular-xy-low{right:9px;bottom:7px}.granular-xy-position{bottom:7px;left:50%;transform:translate(-50%)}.granular-xy-hint{position:absolute;top:50%;left:50%;color:#ffffff47;font-size:.8125rem;pointer-events:none;text-align:center;transform:translate(-50%,-50%)}.granular-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 1rem}.granular-control{display:grid;min-width:0;gap:8px}.granular-control>span{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--granular-muted);font-size:.75rem}.granular-control>span strong{color:var(--granular-accent);font-size:.75rem;font-variant-numeric:tabular-nums}.granular-control input[type=range]{width:100%;height:6px;border:0;border-radius:3px;background:linear-gradient(to right,var(--granular-accent) 0 var(--range-progress, 0%),var(--granular-surface-raised) var(--range-progress, 0%) 100%);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none}.granular-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border:2px solid var(--granular-bg);border-radius:50%;background:var(--granular-accent);box-shadow:0 0 7px #00d4aa52;cursor:pointer;-webkit-appearance:none}.granular-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--granular-bg);border-radius:50%;background:var(--granular-accent);cursor:pointer}.granular-toggle-group{display:flex;overflow:hidden;border:1px solid var(--granular-border);border-radius:8px}.granular-toggle-group button{display:inline-flex;min-height:36px;flex:1;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:0;background:var(--granular-surface-raised);color:var(--granular-muted);cursor:pointer;font-size:.8rem}.granular-toggle-group button.active{background:var(--granular-accent);color:var(--granular-bg);font-weight:700}.granular-reverse-icon{transform:rotate(180deg)}.granular-effects-label{grid-column:1 / -1;margin-top:4px;color:var(--granular-accent-secondary);font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.granular-transport{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.granular-transport button,.granular-download-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:12px 1rem;border-radius:9px;cursor:pointer;font-size:.9rem;font-weight:650}.granular-transport button:disabled{cursor:not-allowed;opacity:.42}.granular-play-button{min-width:120px;flex:1;border:0;background:var(--granular-accent);color:var(--granular-bg)}.granular-stop-button{border:1px solid var(--granular-border);background:var(--granular-surface-raised);color:var(--granular-text)}.granular-record-button{border:1px solid #4a2030;background:#2a1520;color:var(--granular-accent-secondary)}.granular-record-button.recording{border-color:var(--granular-accent-secondary);background:var(--granular-accent-secondary);color:#fff;animation:recording-pulse 1.5s infinite}.granular-download-button{border:0;background:var(--granular-accent);color:var(--granular-bg)}.granular-download-button:hover{color:var(--granular-bg);filter:brightness(1.1)}.granular-record-time{min-width:50px;color:var(--granular-accent-secondary);font-size:.8125rem;font-variant-numeric:tabular-nums}.granular-warning{margin-top:.75rem;padding:12px 16px;border:1px solid rgba(255,168,0,.3);border-radius:8px;background:#ffa8001f;color:#ffb840;font-size:.8125rem;line-height:1.5}.granular-status{min-height:1.5rem;padding:.5rem;color:var(--granular-muted);font-size:.8125rem;text-align:center}.granular-status.error{color:var(--granular-accent-secondary)}.granular-result{display:grid;gap:12px;text-align:center}.granular-result>strong{font-size:1.05rem}.metadata-mode-switch{width:min(420px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 auto 2rem;padding:4px;border:1px solid #dfe3ea;border-radius:var(--radius-md);background:#f2f3f6}.metadata-mode-switch button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:#667085;cursor:pointer;font-size:.9rem;font-weight:650;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.metadata-mode-switch button:hover{color:var(--text)}.metadata-mode-switch button.is-active{border-color:#d9dde6;background:#fff;color:var(--accent);box-shadow:0 1px 4px #0f172a17}.metadata-format-group,.metadata-cover-section,.metadata-fields-section{margin-bottom:2rem}.metadata-format-group label,.metadata-field label{display:block;margin-bottom:12px;color:var(--text);font-size:.95rem;font-weight:650}.metadata-format-group select{width:100%}.metadata-format-group select:disabled{cursor:default;color:#374151;opacity:1}.audio-metadata-workbench .effect-source-card{margin-bottom:2rem}.metadata-cover-section>.field-label{margin-bottom:.75rem}.cover-image-uploader{display:flex;align-items:center;gap:16px}.cover-image-input{display:none}.cover-image-add,.cover-image-card{position:relative;width:104px;aspect-ratio:1;flex:0 0 104px;overflow:hidden;border:1px dashed #cfd4dc;border-radius:8px;background:#fafafa}.cover-image-add{display:grid;place-content:center;gap:.25rem;color:#667085;cursor:pointer;font-size:.78rem;font-weight:550;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.cover-image-add>svg{margin:0 auto 4px}.cover-image-add small{color:#98a2b3;font-size:.65rem;font-weight:450;line-height:1.3}.cover-image-add:hover{border-color:var(--accent);background:#fbfbff;color:var(--accent)}.cover-image-add:hover small{color:#667085}.cover-image-add:focus-visible{outline:3px solid rgb(var(--accent-rgb) / .18);outline-offset:2px}.cover-image-add:disabled{cursor:not-allowed;opacity:.5}.cover-image-card{border-style:solid;background:#fff}.cover-image-card>img{display:block;width:100%;height:100%;object-fit:cover}.cover-image-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;background:#1118278f;opacity:0;transition:opacity .16s ease}.cover-image-card:hover .cover-image-actions,.cover-image-card:focus-within .cover-image-actions{opacity:1}.cover-image-actions button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:6px;background:#fffffff0;color:#344054;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cover-image-actions button:hover{background:#fff;color:var(--accent)}.cover-image-actions button:last-child:not(:nth-child(2)){color:#b42318}.cover-image-actions button:disabled{cursor:not-allowed;opacity:.55}.cover-image-copy{display:grid;min-width:0;gap:4px}.cover-image-copy strong{overflow:hidden;color:var(--text);font-size:.88rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.cover-image-copy small{color:var(--text-muted);font-size:.76rem}.cover-image-copy>span{color:#b42318;font-size:.75rem}.cover-image-modal{position:fixed;z-index:1200;inset:0;display:grid;padding:2rem;place-items:center;background:#0a0c12b8}.cover-image-modal>div{position:relative;display:grid;max-width:min(680px,100%);max-height:86vh;place-items:center}.cover-image-modal img{display:block;max-width:100%;max-height:82vh;border-radius:8px;object-fit:contain;box-shadow:0 24px 64px #0000004d}.cover-image-modal button{position:absolute;top:12px;right:12px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#111827;cursor:pointer}.metadata-fields-section h3{margin:0 0 1.25rem;color:var(--text);font-size:1.25rem}.metadata-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metadata-field{min-width:0}.metadata-field.is-wide{grid-column:1 / -1}.metadata-field input{width:100%;min-width:0;padding:1rem 20px;border:2px solid #e0e4e8;border-radius:12px;background:#fafbfc;color:var(--text);font-size:1rem}.metadata-save-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.metadata-result{display:grid;gap:16px;text-align:center}.metadata-result>strong{font-size:1.05rem}.metadata-result>small{font-size:.78rem;opacity:.82}.batch-upload-limit{margin:-.75rem 0 1.5rem;color:var(--text-muted);font-size:.78rem;text-align:center}.batch-summary{display:grid;min-width:0;align-items:center;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;margin-bottom:1.5rem;padding:12px 1rem;border:1px solid #e0e4e8;border-radius:8px;background:#f8f9fc}.batch-summary>span{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--purple-0);color:var(--accent)}.batch-summary>div{display:grid;min-width:0;gap:4px}.batch-summary strong{color:var(--text);font-size:.92rem;font-weight:650}.batch-summary small{color:var(--text-muted);font-size:.78rem}.batch-summary>button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:.5rem 12px;border:1px solid #d8dce5;border-radius:8px;background:#fff;color:#4b5563;cursor:pointer;font-size:.82rem;font-weight:600}.batch-summary>button:disabled{cursor:not-allowed;opacity:.45}.batch-files-section,.batch-common-section,.batch-cover-section{margin-bottom:2rem}.batch-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:16px}.batch-section-heading>div{display:grid;gap:4px}.batch-section-heading h3{margin:0;color:var(--text);font-size:1.15rem}.batch-section-heading span{color:var(--text-muted);font-size:.78rem}.batch-file-list{display:grid;gap:8px}.batch-file-row{display:grid;min-width:0;grid-template-columns:minmax(180px,1.3fr) minmax(170px,1fr) 88px auto;align-items:center;gap:12px;padding:8px .75rem;border:1px solid #e0e4e8;border-radius:8px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.batch-file-row.is-active{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.batch-file-identity{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px}.batch-file-identity>span{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:var(--purple-0);color:var(--accent)}.batch-file-identity>div{display:grid;min-width:0;gap:4px}.batch-file-identity strong{overflow:hidden;color:var(--text);font-size:.82rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.batch-file-identity small{color:var(--text-muted);font-size:.7rem}.batch-file-row>label{display:flex;min-width:0;align-items:center;margin-bottom:0}.batch-file-row input{width:100%;min-width:0;height:40px;min-height:40px;padding:0 12px;border:1px solid #d9dde6;border-radius:7px;background:#fafbfc;color:var(--text);font-size:.76rem}.batch-file-row input::placeholder{color:#98a2b3;opacity:1}.batch-file-actions{display:flex;min-height:30px;align-items:center;justify-content:flex-end;gap:8px}.batch-file-actions>a,.batch-file-actions>button{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid #d9dde6;border-radius:7px;background:#fff;color:#667085;cursor:pointer}.batch-file-actions>a{color:var(--accent)}.batch-file-status{display:inline-flex;min-width:84px;align-items:center;justify-content:center;gap:4px;padding:4px .5rem;border-radius:6px;background:#f2f4f7;color:#667085;font-size:.68rem;font-weight:650;white-space:nowrap}.batch-file-status.is-processing{background:var(--purple-0);color:var(--accent)}.batch-file-status.is-done{background:#ecfdf5;color:#047857}.batch-file-status.is-error{background:#fef2f2;color:#b91c1c}.batch-file-error{grid-column:1 / -1;margin:0;color:#b91c1c;font-size:.75rem}.batch-common-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.batch-common-field{display:grid;min-width:0;gap:8px;padding:12px;border:1px solid #e0e4e8;border-radius:8px;background:#f8f9fc}.batch-common-field.is-enabled{border-color:rgb(var(--accent-rgb) / .55);background:#fbfbff}.batch-common-label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.82rem;font-weight:650}.batch-common-label input,.batch-cover-toggle>input{width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent)}.batch-common-field>input{width:100%;height:42px;padding:0 12px;border:1px solid #d9dde6;border-radius:7px;background:#fff;font-size:.86rem}.batch-common-field>input:disabled{background:#f0f1f4;color:#98a2b3}.batch-cover-toggle{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e0e4e8;border-radius:8px;background:#f8f9fc;cursor:pointer}.batch-cover-toggle>input{margin-top:4px}.batch-cover-toggle>span{display:grid;gap:4px}.batch-cover-toggle strong{color:var(--text);font-size:.88rem}.batch-cover-toggle small{color:var(--text-muted);font-size:.75rem}.batch-cover-section .cover-image-uploader{margin:1rem 0 0}.batch-result{display:grid;gap:16px;text-align:center}.batch-result .video-download-button{border-color:#fff9}.batch-result .video-download-button:disabled{cursor:wait;opacity:.75}.batch-result>small{font-size:.78rem;opacity:.82}.visualizer-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.visualizer-mode-row.is-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.visualizer-mode-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 1rem;border:2px solid #e0e4e8;border-radius:10px;background:#fff;color:#374151;cursor:pointer;font-size:.95rem;font-weight:600;transition:border-color var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.visualizer-mode-btn:hover{border-color:var(--accent);background:var(--purple-0)}.visualizer-mode-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.visualizer-mic-status{display:flex;align-items:center;gap:8px;margin:0 0 1rem;padding:8px 12px;border-radius:8px;background:#d1fae5;color:#047857;font-size:.88rem;font-weight:600}.visualizer-mic-status>span{width:8px;height:8px;border-radius:50%;background:#10b981;animation:recording-pulse 1.4s ease-in-out infinite}.visualizer-mic-status button{margin-left:auto;padding:4px 12px;border-radius:6px;background:#ffffffb8;color:#047857;cursor:pointer}.visualizer-canvas-container{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;margin:1rem 0;border-radius:10px;background:#0a0a0a}.visualizer-canvas-container canvas{display:block;max-width:100%;background:#0a0a0a}.visualizer-fullscreen-button{position:absolute;z-index:3;top:12px;left:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#00000094;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition),border-color var(--transition)}.visualizer-fullscreen-button:hover{border-color:#ffffff8c;background:#000000c7}.visualizer-canvas-container:fullscreen{width:100vw;height:100vh;margin:0;border-radius:0;background:#000}.visualizer-canvas-container:fullscreen canvas{width:auto!important;max-width:100vw;height:auto!important;max-height:100vh}.visualizer-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:1.5rem;background:#0406146b;color:#fff;text-align:center;pointer-events:none}.visualizer-overlay strong{font-size:2rem}.visualizer-overlay span{font-size:1rem;font-weight:600}.visualizer-overlay small{color:#ffffffb8}.visualizer-recording-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#000000a6;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em}.visualizer-recording-badge span{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:recording-pulse 1s ease-in-out infinite}.visualizer-playback{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:1rem;padding:12px;border:1px solid #e0e4e8;border-radius:10px;background:#f8f9fa}.visualizer-playback button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer}.visualizer-playback input{width:100%;padding:0;border:0;box-shadow:none}.visualizer-playback span{color:#6b7280;font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.visualizer-section-label{margin:20px 0 .75rem;padding-bottom:8px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.visualizer-style-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.visualizer-style-card{min-width:0;min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px 4px;border:2px solid #e0e4e8;border-radius:8px;background:#fff;color:#374151;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.visualizer-style-card:hover{border-color:var(--accent);transform:translateY(-1px)}.visualizer-style-card.active{border-color:var(--accent);background:var(--purple-0);color:var(--accent)}.visualizer-style-card>span{font-size:1.35rem}.visualizer-style-card strong{max-width:100%;overflow:hidden;font-size:.68rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.visualizer-theme-grid{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.visualizer-theme-grid button{width:48px;display:grid;justify-items:center;gap:.25rem;background:transparent;color:#6b7280;cursor:pointer}.visualizer-theme-grid button>span{width:34px;height:34px;display:block;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #d1d5db}.visualizer-theme-grid button.active>span{box-shadow:0 0 0 2px var(--accent)}.visualizer-theme-grid small{width:60px;overflow:hidden;font-size:.6rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.visualizer-custom-colors{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:12px;padding:12px;border:1px solid #e0e4e8;border-radius:8px;background:#f8f9fa}.visualizer-custom-colors label{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:.78rem;font-weight:600}.visualizer-custom-colors input[type=color]{width:34px;height:30px;padding:4px}.visualizer-custom-colors input[type=range]{width:90px;padding:0;border:0}.visualizer-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.visualizer-options-grid>label{display:flex;flex-direction:column;gap:8px;color:#374151;font-size:.82rem;font-weight:600}.visualizer-options-grid .slider-group{grid-column:1 / -1;margin-bottom:0}.visualizer-background-upload{position:relative;display:inline-flex;align-items:flex-start;flex-direction:column;gap:4px;color:var(--accent);cursor:pointer;font-size:.78rem}.visualizer-background-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.visualizer-background-upload small{max-width:100%;overflow:hidden;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}.bpm-workbench{min-width:0}.bpm-analyzing,.bpm-analysis-error{display:flex;min-height:180px;align-items:center;justify-content:center;gap:.75rem;border:1px solid #e0e4e8;border-radius:12px;background:#f8f9fa;color:#374151;font-weight:600}.bpm-analyzing svg{color:var(--accent);animation:bpm-spin .8s linear infinite}@keyframes bpm-spin{to{transform:rotate(360deg)}}.bpm-analysis-error{flex-direction:column;padding:2rem;text-align:center}.bpm-analysis-error p{margin:0;color:var(--danger-dark)}.bpm-analysis-error .primary-button,.bpm-analyze-another{display:inline-flex;align-items:center;justify-content:center;gap:8px}.bpm-results-card{padding:2rem;border:2px solid #e0e4e8;border-radius:12px;background:#f8f9fa}.bpm-results-card>h3{display:flex;align-items:center;gap:8px;margin:0 0 1.25rem;color:#1a1a1a;font-size:1.125rem;font-weight:600}.bpm-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bpm-results-grid.is-tempo-only .bpm-result-hero{grid-column:1 / -1}.bpm-result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.bpm-result-summary .bpm-result-item strong{font-size:1.35rem}.bpm-result-summary .bpm-result-item small{display:block;margin-top:4px;color:var(--text-muted)}.bpm-track-details{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.key-finder-workbench{min-width:0}.key-finder-results{overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#fff}.key-finder-results-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-bottom:1px solid var(--border)}.key-finder-results-header>div{min-width:0}.key-finder-results-header span,.key-finder-summary article>span,.key-finder-match-grid article>span{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.key-finder-results-header h3{margin:4px 0 0;overflow-wrap:anywhere;font-size:1.25rem;line-height:1.3}.key-finder-results-header p{margin:4px 0 0;color:var(--text-muted)}.key-finder-results-header .secondary-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}.key-finder-summary{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:16px;padding:32px;background:var(--surface-soft)}.key-finder-summary article{min-width:0;padding:20px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff}.key-finder-summary article>strong{display:block;margin-top:8px;overflow-wrap:anywhere;color:var(--text-strong);font-size:1.5rem;line-height:1.2}.key-finder-summary article>small{display:block;margin-top:4px;color:var(--text-muted);font-size:.8rem;line-height:1.4}.key-finder-summary .key-finder-primary-result{border-color:var(--function-color-4);background:linear-gradient(135deg,var(--function-color-1),#fff)}.key-finder-primary-result>strong{color:var(--accent)!important;font-size:1.75rem!important}.key-finder-primary-result button{margin-top:12px;padding:0;background:transparent;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:700}.key-finder-picker{padding:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.key-finder-picker>div:first-child{margin-bottom:16px}.key-finder-picker p,.key-finder-section-heading p,.key-finder-advice p{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.key-finder-key-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.key-finder-key-grid button{min-width:0;min-height:56px;padding:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition),color var(--transition)}.key-finder-key-grid button:hover,.key-finder-key-grid button.is-active{border-color:var(--accent);background:var(--function-color-1);color:var(--accent)}.key-finder-key-grid span,.key-finder-key-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-finder-key-grid span{font-size:.82rem;font-weight:700}.key-finder-key-grid small{margin-top:4px;font-size:.72rem}.key-finder-matches{padding:32px}.key-finder-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.key-finder-section-heading svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}.key-finder-section-heading h4{font-size:1.125rem}.key-finder-match-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.key-finder-match-grid article{min-width:0;padding:16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff}.key-finder-match-grid strong,.key-finder-match-grid b{display:block}.key-finder-match-grid strong{margin-top:8px;overflow-wrap:anywhere;font-size:1rem}.key-finder-match-grid b{margin-top:4px;color:var(--accent);font-size:1.25rem}.key-finder-match-grid p{margin:8px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.key-finder-empty{margin:0;padding:24px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.key-finder-advice{display:flex;gap:12px;margin:0 32px 32px;padding:20px;border:1px solid var(--function-color-3);border-radius:var(--radius-md);background:var(--function-color-1)}.key-finder-advice svg{flex:0 0 auto;color:var(--accent)}.key-finder-result-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 32px 32px;padding:20px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff}.key-finder-result-actions-copy{min-width:0}.key-finder-result-actions-copy strong{color:var(--text-strong)}.key-finder-result-actions-copy p{margin:4px 0 0;color:var(--text-muted);font-size:.85rem}.key-finder-result-action-links{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.key-finder-result-action-links a{display:inline-flex;align-items:center;min-height:40px;gap:8px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-strong);font-size:.85rem;font-weight:650;text-decoration:none;transition:border-color var(--transition),background var(--transition),color var(--transition)}.key-finder-result-action-links a:hover{border-color:var(--accent);background:var(--function-color-1);color:var(--accent)}.key-finder-file-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 32px;border-top:1px solid var(--border);background:var(--surface-soft)}.key-finder-file-meta small,.key-finder-file-meta strong{display:block;overflow-wrap:anywhere}.key-finder-file-meta small{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.key-finder-file-meta strong{margin-top:4px;font-size:.9rem}@media(max-width:900px){.key-finder-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.key-finder-key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.key-finder-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.key-finder-results-header{align-items:stretch;flex-direction:column;padding:24px}.key-finder-results-header .secondary-button{justify-content:center}.key-finder-summary,.key-finder-file-meta{grid-template-columns:1fr}.key-finder-summary,.key-finder-picker,.key-finder-matches{padding:24px}.key-finder-key-grid,.key-finder-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-finder-advice{margin:0 24px 24px}.key-finder-result-actions{align-items:stretch;flex-direction:column;margin:0 24px 24px}.key-finder-result-action-links{display:grid;grid-template-columns:1fr}.key-finder-result-action-links a{justify-content:center}.key-finder-file-meta{padding:24px}}.bpm-result-item{min-width:0;padding:1rem 1.25rem;border:1px solid #e0e4e8;border-radius:10px;background:#fff}.bpm-result-item strong{display:block;overflow-wrap:anywhere;color:#1a1a1a;font-size:1.25rem;line-height:1.3}.bpm-result-item small{display:block;margin-top:4px;color:#6b7280;font-size:.8rem}.bpm-result-label,.bpm-results-meta span{display:block;margin-bottom:4px;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bpm-result-hero{border:2px solid var(--accent);background:linear-gradient(135deg,var(--purple-0) 0%,var(--purple-1) 100%)}.bpm-result-hero .bpm-result-label,.bpm-result-hero strong{color:var(--accent)}.bpm-result-hero strong{font-size:2rem}.bpm-results-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e4e8}.bpm-results-meta strong{display:block;overflow-wrap:anywhere;color:#374151;font-size:.875rem}.bpm-analyze-another{margin-top:1.25rem}.waveform-wrap,.visualizer-wrap{position:relative;overflow:hidden;margin:1.5rem 0;border:0;border-radius:var(--radius-lg);background:#f7f8ff}.waveform-wrap canvas,.visualizer-wrap canvas{display:block;width:100%;height:140px}.trim-overlay{position:absolute;inset:0;pointer-events:none}.trim-region{position:absolute;top:0;bottom:0;background:rgb(var(--accent-rgb) / .12);border-left:3px solid var(--accent);border-right:3px solid var(--accent)}.time-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 1.5rem;text-align:center}.time-stat{padding:1rem;border-radius:var(--radius-lg);background:var(--surface-soft)}.time-stat span{display:block;color:var(--text-muted);font-size:.85rem}.time-stat strong{display:block;color:var(--accent);font-size:1.35rem}.related-tools-section{margin-top:0;padding:4rem 0;background:linear-gradient(135deg,var(--surface-tinted) 0%,var(--purple-0) 100%)}.related-tools-section .container{max-width:var(--container-main)}.related-tools-header{margin-bottom:1.5rem;text-align:center;font-size:2rem}.related-tools-tabs{display:flex;justify-content:center;gap:32px;margin:0 auto 32px}.related-tools-tab{position:relative;min-height:32px;padding:4px 0 8px;border:0;border-radius:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;line-height:1.2;transition:color var(--transition),font-weight var(--transition)}.related-tools-tab:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--accent);content:"";transform:scaleX(0);transform-origin:center;transition:transform var(--transition)}.related-tools-tab:hover{color:var(--accent)}.related-tools-tab.is-active{color:var(--accent);font-weight:700}.related-tools-tab.is-active:after{transform:scaleX(1)}.related-tools-panel{min-height:1px}.related-tools-grid{margin:0}.related-tools-explore{display:flex;width:max-content;min-height:46px;align-items:center;justify-content:center;margin:32px auto 0;padding:1rem 1.75rem;border:1px solid transparent;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:var(--shadow-accent);color:#fff;font-size:1.05rem;font-weight:700;transition:transform var(--transition),box-shadow var(--transition)}.related-tools-explore:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 22px rgb(var(--accent-rgb) / .28)}@media(max-width:768px){.related-tools-section{margin-top:0;padding:48px 0}.related-tools-header{margin-bottom:24px;font-size:1.75rem}.related-tools-tabs{justify-content:flex-start;width:100%;margin-left:0;padding:0 0 4px;overflow-x:auto;scrollbar-width:none}.related-tools-tabs::-webkit-scrollbar{display:none}.related-tools-tab{flex:0 0 auto;white-space:nowrap}.related-tools-explore{margin-top:24px}}.site-footer{margin-top:5rem;padding:4rem 0 2rem;background:var(--footer-bg);color:#e8eaed}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:3rem;margin-bottom:3rem}.footer-column h3{margin-bottom:1rem;color:#fff;font-size:1.1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:12px}.footer-page-row{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:8px}.footer-page-row>a{min-width:0}.footer-page-toggle{width:24px;height:24px;display:grid;flex:0 0 24px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-soft);cursor:pointer;transition:color var(--transition),background var(--transition)}.footer-page-toggle:hover,.footer-page-toggle:focus-visible{background:#ffffff14;color:#fff}.footer-page-toggle svg{transition:transform var(--transition)}.footer-page-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.footer-child-panel{max-height:320px;margin-top:8px;padding:12px;overflow-y:auto;border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-md);background:#ffffff0a;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .22) transparent}.footer-child-section+.footer-child-section{margin-top:16px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .08)}.footer-child-section h4{margin-bottom:8px;color:#ffffff94;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase}.footer-child-section li{margin-bottom:8px}.footer-child-section li:last-child{margin-bottom:0}.footer-child-section a{display:block;color:#ffffff9e;font-size:12px;line-height:1.4}.footer-column a{color:var(--text-soft);font-size:.95rem;transition:color var(--transition)}.footer-column a:hover{color:var(--accent)}.footer-bottom{padding-top:2rem;border-top:1px solid #333;color:var(--text-soft);font-size:.9rem;text-align:center}.workbench-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.audio-player{width:100%;margin:1rem 0 0}.small-note{color:var(--text-muted);font-size:.92rem;line-height:1.6}.tool-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.tool-tab{padding:.75rem 1rem;border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;font-weight:700}.tool-tab.active{border-color:var(--accent);background:var(--accent);color:#fff}.beat-shell{border-radius:var(--radius-xl);background:#16162a;color:#fff;padding:1.25rem}.beat-controls,.seq-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.beat-controls label,.seq-actions label{color:#fff;font-size:.9rem}.pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.drum-pad{min-height:92px;border-radius:var(--radius-lg);background:var(--accent);color:#fff;cursor:pointer;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:transform 90ms ease,filter 90ms ease}.drum-pad:active,.drum-pad.hit{transform:scale(.96);filter:brightness(1.25)}.drum-pad span{display:block}.drum-label{font-size:.78rem;font-weight:400}.drum-key{margin-top:4px;opacity:.78;font-size:.72rem}.sequencer-grid{min-width:680px;display:grid;grid-template-columns:112px repeat(16,30px);gap:4px}.sequencer-scroll{overflow-x:auto;padding-bottom:.5rem}.seq-cell,.seq-label{min-height:28px;border-radius:5px}.seq-label{display:flex;align-items:center;color:#fff;font-size:.75rem;font-weight:700}.seq-cell{background:#2a2a45;cursor:pointer}.seq-cell.active{background:var(--accent)}.seq-cell.cursor{outline:2px solid #facc15}.beat-workbench-loading{display:flex;min-height:420px;align-items:center;justify-content:center;gap:12px;border:1px solid #1a1a3a;border-radius:16px;background:#0d0d1a;color:#c8c9d6;font-size:.9rem;font-weight:700}.beat-maker-workbench{padding:1.5rem;border:1px solid #1a1a3a;border-radius:16px;background:#0d0d1a;color:#eeeef5}.beat-maker-workbench *,.beat-maker-workbench *:before,.beat-maker-workbench *:after{box-sizing:border-box}.beat-mode-toggle{display:flex;width:fit-content;margin:0 auto 1.5rem;overflow:hidden;border:2px solid #33334d;border-radius:10px}.beat-mode-toggle button{min-height:44px;padding:12px 24px;border:0;background:#1a1a2e;color:#8d8da1;cursor:pointer;font:inherit;font-size:.95rem;font-weight:700;transition:background .16s ease,color .16s ease}.beat-mode-toggle button:hover:not(.active){background:#252545;color:#c5c5d1}.beat-mode-toggle button.active{background:var(--accent);color:#fff}.beat-controls-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;border:1px solid #2a2a4a;border-radius:12px;background:#111126}.beat-control-group{display:flex;align-items:center;gap:.5rem;margin:0}.beat-control-group>span,.beat-control-group>label{color:#aaaabd;font-size:.8rem;font-weight:700;letter-spacing:.05em;line-height:1;text-transform:uppercase;white-space:nowrap}.beat-control-group select,.beat-control-group input[type=number]{min-height:36px;padding:8px;border:1px solid #3a3a5a;border-radius:6px;outline:none;background:#1a1a35;color:#eeeef5;font:inherit;font-size:.9rem;font-weight:650}.beat-select{position:relative;min-width:112px}.beat-select-trigger{display:flex;width:100%;min-height:36px;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #3a3a5a;border-radius:6px;background:#1a1a35;color:#eeeef5;cursor:pointer;font:inherit;font-size:.9rem;font-weight:650;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.beat-select-trigger:hover,.beat-select.open .beat-select-trigger{border-color:#707aff;background:#202043}.beat-select.open .beat-select-trigger{box-shadow:0 0 0 3px #707aff29}.beat-select-trigger:disabled{cursor:not-allowed;opacity:.48}.beat-select-trigger svg{flex:0 0 auto;color:#aeb4ff;transition:transform .15s ease}.beat-select.open .beat-select-trigger svg{transform:rotate(180deg)}.beat-select-menu{position:absolute;z-index:80;top:calc(100% + 8px);left:0;display:grid;width:max(100%,188px);max-height:240px;gap:2px;overflow-y:auto;padding:6px;border:1px solid rgba(153,163,255,.34);border-radius:8px;background:#15152d;box-shadow:0 18px 44px #0000007a,inset 0 1px #ffffff0f;animation:beat-select-menu-in .13s ease both}.beat-select-menu button{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:#b9b9ca;cursor:pointer;font:inherit;font-size:.86rem;font-weight:600;text-align:left}.beat-select-menu button:hover,.beat-select-menu button:focus-visible{outline:none;background:#707aff24;color:#fff}.beat-select-menu button.active{background:#707aff38;color:#fff;font-weight:700}.beat-select-menu button svg{flex:0 0 auto;color:#99a3ff}@keyframes beat-select-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.beat-control-group select:focus-visible,.beat-control-group input:focus-visible,.beat-maker-workbench button:focus-visible{outline:2px solid #99a0ff;outline-offset:2px}.beat-control-group input[type=number]{width:68px;text-align:center}.beat-bpm-stepper{display:grid;align-items:stretch;overflow:hidden;border:1px solid #3a3a5a;border-radius:6px;background:#1a1a35;grid-template-columns:32px minmax(44px,56px) 32px}.beat-bpm-stepper button{display:grid;min-width:32px;min-height:34px;place-items:center;padding:0;border:0;background:transparent;color:#aeb4ff;cursor:pointer;transition:background .15s ease,color .15s ease}.beat-bpm-stepper button:hover{background:#707aff29;color:#fff}.beat-bpm-stepper input[type=number]{width:100%;min-height:34px;padding:6px 4px;border:0;border-right:1px solid #3a3a5a;border-left:1px solid #3a3a5a;border-radius:0;background:transparent;appearance:textfield}.beat-bpm-stepper input[type=number]::-webkit-inner-spin-button,.beat-bpm-stepper input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}.beat-control-group small{min-width:32px;color:#aaaabd;font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.beat-tap-button{min-height:36px;padding:8px 12px;border:1px solid #3a3a5a;border-radius:6px;background:#1a1a35;color:#ccccd7;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;transition:background .15s ease,color .15s ease}.beat-tap-button:hover{background:#2a2a55;color:#fff}.beat-tap-button:active{background:var(--accent)}.beat-mini-slider,.beat-effect-row input,.beat-track-label input{appearance:none;border:0;outline:none;background:linear-gradient(to right,var(--accent) 0 var(--range-progress, 0%),#2a2a4a var(--range-progress, 0%) 100%);cursor:pointer}.beat-mini-slider{width:80px;height:6px;border-radius:3px}.beat-mini-slider::-webkit-slider-thumb,.beat-effect-row input::-webkit-slider-thumb{width:16px;height:16px;appearance:none;border:2px solid white;border-radius:50%;background:var(--accent)}.beat-mini-slider::-moz-range-thumb,.beat-effect-row input::-moz-range-thumb{width:14px;height:14px;border:2px solid white;border-radius:50%;background:var(--accent)}.beat-pad-mode{max-width:560px;margin:0 auto}.beat-pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:1.25rem}.beat-drum-pad{position:relative;display:flex;min-height:80px;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;font-weight:700;letter-spacing:.04em;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:transform 60ms ease,box-shadow .1s ease,filter .1s ease}.beat-drum-pad strong{margin-bottom:4px;font-size:.75rem;pointer-events:none}.beat-drum-pad>span{opacity:.5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;pointer-events:none}.beat-drum-pad:hover{filter:brightness(1.06)}.beat-drum-pad:active,.beat-drum-pad.hit{transform:scale(.93);box-shadow:0 0 25px #fff6,inset 0 0 20px #ffffff29}.beat-drum-pad.custom:after{position:absolute;right:7px;bottom:5px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff3;content:""}.beat-pad-mic,.beat-pad-reset{position:absolute;top:5px;display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;border-radius:4px;background:#0006;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.beat-pad-mic{right:5px}.beat-pad-reset{left:5px}.beat-drum-pad:hover .beat-pad-mic,.beat-drum-pad:hover .beat-pad-reset,.beat-pad-mic:focus-visible,.beat-pad-reset:focus-visible{opacity:.82}.beat-pad-mic:hover,.beat-pad-reset:hover{background:#0000009e;opacity:1}.beat-action-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.25rem}.beat-action-row button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;padding:12px 20px;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;transition:background .15s ease,transform .15s ease}.beat-action-row button:hover{transform:translateY(-1px)}.beat-record-button{background:#dc2626}.beat-record-button:hover{background:#b91c1c}.beat-record-button.recording,.beat-mic-record.recording{animation:beat-record-pulse 1s ease-in-out infinite}.beat-record-dot{width:11px;height:11px;border:2px solid white;border-radius:50%;background:#fff}.beat-play-button{background:var(--accent)}.beat-play-button:hover{background:#3d47d9}.beat-play-button.playing{background:#22c55e}@keyframes beat-record-pulse{0%,to{box-shadow:0 0 #dc26267a}50%{box-shadow:0 0 0 10px #dc262600}}.beat-sequencer-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:1rem 0}.beat-sequencer-actions>button,.beat-sequencer-actions>.beat-select,.beat-step-toggle button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;padding:.5rem 1rem;border:1px solid #3a3a5a;border-radius:6px;background:#1a1a35;color:#ccccd7;cursor:pointer;font:inherit;font-size:.85rem;font-weight:650;transition:background .15s ease,color .15s ease}.beat-sequencer-actions>button:hover,.beat-step-toggle button:hover{background:#2a2a55;color:#fff}.beat-sequencer-actions>.beat-select{min-width:168px;padding:0;border:0;background:transparent}.beat-sequencer-actions>.beat-select .beat-select-trigger{min-height:36px}.beat-step-toggle{display:flex;overflow:hidden;border:1px solid #3a3a5a;border-radius:6px}.beat-step-toggle button{min-width:46px;border:0;border-right:1px solid #3a3a5a;border-radius:0}.beat-step-toggle button:last-child{border-right:0}.beat-step-toggle button.active{border-color:var(--accent);background:var(--accent);color:#fff}.beat-sequencer-scroll{overflow-x:auto;padding:.25rem 0 12px;-webkit-overflow-scrolling:touch}.beat-sequencer-grid{display:grid;min-width:740px;gap:4px}.beat-step-header{padding:4px 0;color:#88889b;font-size:.65rem;font-weight:650;text-align:center}.beat-track-label{display:grid;min-height:28px;align-items:center;grid-template-columns:18px minmax(0,1fr) 50px;gap:4px;padding-right:12px;color:#ccccd7;font-size:.67rem;font-weight:700;white-space:nowrap}.beat-track-label span{overflow:hidden;text-overflow:ellipsis}.beat-track-label button{display:grid;width:18px;height:18px;place-items:center;padding:0;border:1px solid #55556a;border-radius:3px;background:transparent;color:#88889b;cursor:pointer;font:inherit;font-size:.55rem}.beat-track-label button.muted{border-color:#dc2626;background:#dc2626;color:#fff}.beat-track-label input{width:50px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--function-color-5) 0 var(--range-progress, 0%),#33334a var(--range-progress, 0%) 100%)}.beat-track-label input::-webkit-slider-thumb{width:10px;height:10px;appearance:none;border:0;border-radius:50%;background:#aaaabd}.beat-track-label input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#aaaabd}.beat-seq-cell{min-width:28px;min-height:28px;aspect-ratio:1;padding:0;border:1px solid #2a2a4a;border-radius:4px;background:#1a1a30;cursor:pointer;transition:background 80ms ease,box-shadow 80ms ease}.beat-seq-cell.alternate{background:#1e1e38}.beat-seq-cell:hover{background:#2a2a50}.beat-seq-cell.active,.beat-seq-cell.alternate.active{border-color:var(--function-color-5);background:var(--accent);box-shadow:0 0 6px rgb(var(--accent-rgb) / .4)}.beat-seq-cell.cursor{box-shadow:inset 0 0 0 2px #fff}.beat-seq-cell.active.cursor{box-shadow:0 0 6px rgb(var(--accent-rgb) / .5),inset 0 0 0 2px #fff}.beat-effects-panel,.beat-export-panel{margin:1.25rem 0;border:1px solid #2a2a4a;border-radius:12px;background:#111126}.beat-effects-panel{padding:1rem 1.25rem}.beat-effects-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;border:0;background:transparent;color:#ccccd7;cursor:pointer;font:inherit;font-weight:700;text-align:left}.beat-effects-header svg{transition:transform .18s ease}.beat-effects-header.open svg{transform:rotate(180deg)}.beat-effects-body{display:grid;gap:.75rem;padding-top:1rem}.beat-effect-row{display:grid;align-items:center;grid-template-columns:100px minmax(100px,200px) 52px;gap:1rem;margin:0}.beat-effect-row>span{color:#aaaabd;font-size:.8rem;font-weight:700;text-transform:uppercase}.beat-effect-row input{width:100%;height:6px;border-radius:3px}.beat-effect-row small{color:#88889b;font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.beat-export-panel{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1.25rem}.beat-export-panel .beat-select-menu{top:auto;bottom:calc(100% + 8px);animation-name:beat-select-menu-in-up}@keyframes beat-select-menu-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.beat-export-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;padding:12px 1.5rem;border:0;border-radius:8px;background:#22c55e;color:#fff;cursor:pointer;font:inherit;font-size:.95rem;font-weight:700;transition:background .15s ease,transform .15s ease}.beat-export-button:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.beat-export-button:disabled{cursor:not-allowed;opacity:.45}.beat-status{display:flex;min-height:34px;align-items:center;justify-content:center;gap:8px;padding:.5rem;color:#88889b;font-size:.85rem;text-align:center}.beat-status.error{color:#f87171}.beat-status.success{color:#4ade80}.beat-export-result{display:grid;gap:12px;border-color:#22c55e59;background:#101e1a;color:#dcfce7;text-align:center}.beat-export-result .primary-button{justify-self:center}.beat-export-result .audio-player{margin-top:0}.beat-mic-backdrop{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#000c}.beat-mic-modal{width:min(400px,100%);padding:2rem;border:2px solid #3a3a5a;border-radius:16px;background:#1a1a2e;color:#eeeef5;text-align:center}.beat-mic-modal h3{margin:0 0 4px;color:#fff;font-size:1.35rem}.beat-mic-modal p{margin:0 0 .75rem;color:#aaaabd;font-size:.85rem;font-weight:700}.beat-mic-error{margin:.75rem 0;padding:12px;border:1px solid rgba(248,113,113,.3);border-radius:8px;background:#7f1d1d40;color:#fecaca;font-size:.82rem;line-height:1.45}.beat-mic-loading{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;color:#aaaabd;font-size:.9rem}.beat-mic-timer{margin:.5rem 0;color:#ef4444;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.beat-mic-record{display:grid;width:80px;height:80px;place-items:center;margin:1rem auto;border:3px solid #dc2626;border-radius:50%;background:transparent;color:#dc2626;cursor:pointer}.beat-mic-record>span{width:28px;height:28px;border-radius:50%;background:#dc2626}.beat-mic-record.recording{background:#dc2626;color:#fff}.beat-mic-record:disabled{cursor:not-allowed;opacity:.35}.beat-mic-modal>small{display:block;color:#aaaabd;line-height:1.5}.beat-mic-waveform{height:80px;margin:1rem 0;overflow:hidden;border-radius:8px;background:#101019}.beat-mic-waveform canvas{width:100%;height:100%}.beat-mic-preview{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:.5rem 20px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-size:.85rem;font-weight:700}.beat-mic-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.beat-mic-actions button{min-height:38px;padding:8px 20px;border:0;border-radius:8px;background:#33334a;color:#ccccd7;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700}.beat-mic-actions .beat-mic-use{background:#22c55e;color:#fff}@media(max-width:768px){.conversion-selectors{grid-template-columns:1fr;gap:12px}.converter-track-header{grid-template-columns:42px minmax(0,1fr)}.converter-reupload{grid-column:1 / -1;width:100%}.conversion-arrow{justify-self:center;margin:-.2rem 0;transform:rotate(90deg)}.converter-output-settings{margin-bottom:24px}.converter-settings-content{gap:16px}.converter-option-grid,.converter-option-grid.is-bitrate{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-option-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-pcm-settings{grid-template-columns:1fr}.converter-batch-download{align-items:stretch;flex-direction:column}.converter-batch-download .primary-button{width:100%}.video-output-panel{grid-template-columns:1fr;gap:12px}.visualizer-mode-row,.visualizer-mode-row.is-three-column,.visualizer-options-grid{grid-template-columns:1fr}.visualizer-style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.visualizer-playback{grid-template-columns:auto minmax(0,1fr)}.visualizer-playback span{grid-column:1 / -1;justify-self:center}:root{--space-page-x: 24px;--functional-card-padding: 24px;--nav-height: 64px}.site-nav .container{width:calc(100% - 28px);min-height:var(--nav-height);display:flex;gap:.5rem;padding:0 12px 0 20px;border-radius:var(--nav-radius)}.site-nav .logo{flex:0 1 auto;min-width:0;font-size:16px}@media(max-width:480px){.site-nav .logo{max-width:230px;overflow:hidden;font-size:16px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}}.nav-controls{display:flex;flex:1 1 auto;justify-content:flex-end;margin-left:0}.nav-actions{margin-left:0}.mobile-nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:1008;width:100%;max-height:calc(100vh - var(--nav-height) - (var(--nav-offset) * 3));overflow-y:auto;flex-direction:column;align-items:stretch;gap:.25rem;padding:8px;border:1px solid var(--border);border-radius:20px;background:#fffffffa;box-shadow:var(--nav-solid-shadow);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-links.mobile-open{display:flex}.nav-links li{width:100%}.nav-links>.nav-group-item+.nav-group-item:before{display:none}.site-nav-overlay .nav-links .nav-trigger,.site-nav-solid .nav-links .nav-trigger{color:var(--text-strong)}.nav-trigger{width:100%;min-height:46px;justify-content:space-between;padding:12px;white-space:normal}.nav-links>.nav-group-item:first-child .nav-trigger{padding-left:12px}.group-menu{position:static;width:100%;max-height:none;margin:4px 0 0;border-color:var(--border);background:var(--surface-soft);box-shadow:none}.group-menu a,.site-nav-overlay .group-menu a{color:var(--text-muted)}.group-menu a:hover,.site-nav-overlay .group-menu a:hover{background:rgb(var(--accent-rgb) / .08);box-shadow:none;color:var(--accent)}.nav-menu-section h3{color:var(--text-strong)}.nav-group-align-right .group-menu{right:auto;left:auto}.language-dialog{padding:24px 20px 20px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-add-files{min-height:390px;justify-content:flex-start;gap:12px;padding:20px 16px}.upload-cloud-icon{width:30px;height:30px}.upload-title{max-width:320px;font-size:14px;line-height:1.2}.upload-provider-list{width:100%;flex-direction:column;gap:8px}.upload-provider{width:100%;min-height:50px;flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 12px;border-radius:12px}.upload-provider-slot{width:100%;min-width:0;padding-bottom:0}.upload-provider-icon{width:32px;height:32px;border-radius:9px}.upload-provider>span:last-child{font-size:.84rem}.upload-provider-helper{position:static;display:block;margin:4px 0 4px 52px;text-align:left;white-space:normal;transform:none}.upload-provider-panel{min-height:390px}.upload-provider-bar{grid-template-columns:auto 1fr;gap:8px;padding:0 12px}.upload-provider-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-panel,.link-import-panel{min-height:332px;padding:24px 16px}.link-import-row{grid-template-columns:1fr}.link-import-row button{width:100%}.page-header{padding:3rem 0 2rem;margin-bottom:2.5rem}.home-hero{min-height:600px;padding:calc(3.75rem + var(--nav-height) + var(--nav-offset)) 0 8rem}.home-page{background-image:radial-gradient(ellipse 145% 76% at 50% 100%,var(--hero-base) 0%,var(--hero-base) 40%,#e7e4ff 46%,#b8b1f7 52%,#8074ee 60%,#544bc4 68%,#25235f 77%,var(--hero-deep-blue) 88%,var(--hero-night) 100%);background-size:100% 710px}.home-tail-gradient{height:360px;margin-top:-72px;background-image:radial-gradient(ellipse 185% 110% at 50% -4%,var(--hero-base) 0%,var(--hero-base) 26%,#f8f9ff 34%,#f0f3ff 43%,#e4e8ff 51%,#cfd5ff 59%,#b6bdff 67%,#929bef 75%,#6d70d7 80%,#5555b0 85%,#3b3a78 89%,#25235f 93%,#191b42 96%,#101126 98%,var(--footer-bg) 100%);background-size:100% 360px}.tool-page{background-image:radial-gradient(ellipse 145% 76% at 50% 100%,var(--hero-base) 0%,var(--hero-base) 40%,#e7e4ff 46%,#b8b1f7 52%,#8074ee 60%,#544bc4 68%,#25235f 77%,var(--hero-deep-blue) 88%,var(--hero-night) 100%);background-size:100% 770px}.tool-page .page-header{min-height:0;padding:calc(var(--nav-height) + var(--nav-offset) + var(--space-24)) 0 32px}h1{font-size:2rem}.tagline{font-size:1.05rem}.tools-section{padding-top:3rem}.tool-section,.info-section,.popular-conversions-section{padding:var(--functional-card-padding)}.tool-faq{padding-top:4rem;padding-bottom:4rem}.tool-faq-header{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.tool-faq-header h2{font-size:2.5rem}.marketing-section{padding-top:4.5rem;padding-bottom:4.5rem}.marketing-split{grid-template-columns:1fr;gap:2.75rem}.marketing-copy-wide{margin-bottom:2.5rem}.marketing-centered-heading{margin-bottom:3rem;text-align:left}.marketing-steps{grid-template-columns:1fr}.marketing-steps li,.marketing-steps li:first-child,.marketing-steps li:last-child{min-height:0;padding:1.75rem 0;border-top:1px solid rgba(10,10,10,.14);border-left:0}.marketing-steps li:last-child{border-bottom:1px solid rgba(10,10,10,.14)}.marketing-step-number{margin-bottom:1.25rem}.marketing-item-grid{grid-template-columns:1fr}.marketing-item-grid article,.marketing-item-grid article:nth-child(2n){min-height:0;padding:1.75rem 0;border-left:0}.time-stats{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.beat-maker-workbench{padding:1rem}.beat-controls-bar{gap:.75rem;padding:12px}.beat-control-group{justify-content:center}.beat-effect-row{grid-template-columns:94px minmax(100px,1fr) 48px}.beat-sequencer-grid{min-width:680px}.video-file-summary{grid-template-columns:42px minmax(0,1fr)}.video-file-summary>button{grid-column:1 / -1;width:100%}.metadata-field-grid,.compression-format-row,.compression-preset-grid{grid-template-columns:1fr}.compressor-result-heading{align-items:flex-start;flex-direction:column}.compressor-result-heading>span{white-space:normal}.metadata-field.is-wide{grid-column:auto}.batch-summary{grid-template-columns:42px minmax(0,1fr)}.batch-summary>button{grid-column:1 / -1;width:100%}.batch-file-row{position:relative;grid-template-columns:minmax(0,1fr) 82px;align-items:end}.batch-file-identity{grid-column:1 / -1}.batch-file-row>label:not(.batch-track-field){grid-column:1 / 2}.batch-track-field{grid-column:2 / 3}.batch-file-actions{position:absolute;top:12px;right:12px;min-height:30px;justify-content:flex-end}.batch-file-identity{padding-right:40px}.batch-common-grid{grid-template-columns:1fr}}@media(max-width:480px){:root{--space-page-x: 20px}h1{font-size:1.75rem}.tagline{font-size:1rem}.tool-section,.info-section,.popular-conversions-section{padding:var(--functional-card-padding)}.pad-grid{gap:.5rem}.drum-pad{min-height:76px}.beat-maker-workbench{padding:.75rem}.beat-mode-toggle{width:100%}.beat-mode-toggle button{flex:1;padding:8px .75rem;font-size:.85rem}.beat-controls-bar{align-items:stretch;flex-direction:column;gap:12px}.beat-control-group{display:grid;grid-template-columns:70px minmax(0,1fr) auto}.beat-control-group input[type=number]{width:100%}.beat-bpm-stepper{width:100%;grid-template-columns:36px minmax(0,1fr) 36px}.beat-control-group .beat-mini-slider{width:100%}.beat-control-group .beat-select,.beat-select-menu{width:100%;min-width:0}.beat-export-panel .beat-control-group{width:100%;grid-template-columns:70px minmax(0,1fr)}.beat-export-panel .beat-export-button{width:100%}.beat-pad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.beat-drum-pad{min-height:70px;border-radius:10px}.beat-drum-pad strong{font-size:.6rem}.beat-pad-mic,.beat-pad-reset{width:22px;height:22px;opacity:.72}.beat-action-row button,.beat-export-button{flex:1 1 140px}.beat-export-panel .beat-export-button{width:100%;flex:0 0 auto}.beat-sequencer-actions>.beat-select{flex:1 1 100%}.beat-step-toggle{flex:1 1 auto}.beat-step-toggle button{flex:1}.beat-effects-panel,.beat-export-panel{padding:12px}.beat-effect-row{grid-template-columns:88px minmax(0,1fr) 46px;gap:8px}.beat-effect-row>span{font-size:.7rem}.beat-export-panel{align-items:stretch;flex-direction:column}.beat-mic-modal{padding:1.5rem 1rem}.video-audio-preview{padding:12px}.video-preview-label-row{align-items:flex-start;flex-direction:column;gap:4px}.video-preview-controls button{flex:1}.video-next-tools{align-items:stretch;flex-direction:column}.video-next-tools a{width:100%}.volume-mode-buttons{grid-template-columns:1fr}.voice-transport{display:grid;grid-template-columns:44px 44px minmax(0,1fr)}.voice-transport>span{grid-column:1 / -1;width:100%;text-align:center}.voice-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.voice-preset-button{min-width:0;justify-content:center;padding:8px;font-size:.8125rem;white-space:normal}.voice-param-row{grid-template-columns:90px minmax(70px,1fr) 52px;gap:8px}.voice-param-row>span{font-size:.78rem}.voice-param-row output{font-size:.72rem}.voice-download-section>button{width:100%}.cover-image-actions{opacity:1}.cover-image-copy{max-width:calc(100% - 120px)}.metadata-mode-switch{width:100%}.metadata-mode-switch button{padding-right:12px;padding-left:12px;font-size:.82rem}.batch-file-row{grid-template-columns:minmax(0,1fr) 74px}.batch-file-actions{justify-content:flex-end}.bpm-results-card{padding:1.25rem}.bpm-results-grid,.bpm-result-summary,.bpm-results-meta{grid-template-columns:1fr}}@media(max-width:600px){.speech-settings-row,.speech-export-row{grid-template-columns:1fr}.speech-audio-preview-header{align-items:stretch;flex-direction:column}.speech-audio-preview-header button{width:100%}.speech-audio-preview-header small{max-width:220px}.granular-synth-workbench{margin:-1.5rem}.granular-tool-wrap{padding:.75rem;border-radius:10px}.granular-panel{padding:16px}.granular-preset-row{align-items:stretch;flex-direction:column}.granular-preset-row select{width:100%}.granular-file-summary{grid-template-columns:40px minmax(0,1fr)}.granular-file-summary button{grid-column:1 / -1;width:100%}.granular-xy-wrap{min-height:220px;aspect-ratio:4 / 3}.granular-controls-grid{grid-template-columns:minmax(0,1fr)}.granular-effects-label{grid-column:1}.granular-transport{align-items:stretch}.granular-play-button{flex-basis:100%}.granular-stop-button,.granular-record-button,.granular-download-button{flex:1 1 120px}.granular-record-time{display:grid;place-items:center}}.analysis-suite{min-width:0;color:#111827}.analysis-suite button,.analysis-suite input{letter-spacing:0}.analysis-suite .status{display:flex;align-items:center;gap:12px}.analysis-mode-switch{width:fit-content;display:inline-grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:4px;margin:0 auto 1rem;padding:4px;border:1px solid #e2e5eb;border-radius:var(--radius-lg);background:#f2f3f6}.analysis-mode-switch button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 1rem;border-radius:var(--radius-sm);background:transparent;color:#667080;cursor:pointer;font-size:.82rem;font-weight:650}.analysis-mode-switch button.is-active{background:#fff;color:var(--purple-7);box-shadow:0 1px 4px #1217261f}.analysis-hero-card,.analysis-source-card,.lufs-ready-card,.tap-tempo-panel,.tap-tempo-controls,.metronome-stage,.metronome-controls{border:1px solid #e3e6ec;border-radius:var(--radius-xl);background:#fbfbfc}.analysis-hero-card{padding:2rem}.analysis-live-heading,.analysis-file-row,.analysis-actions,.tap-tempo-controls,.metronome-setting-row,.metronome-footer-actions{display:flex;align-items:center}.analysis-live-heading{justify-content:space-between;gap:2rem}.analysis-live-heading h2{margin:4px 0 8px;font-size:1.45rem;line-height:1.25;letter-spacing:0}.analysis-live-heading p{max-width:610px;margin:0;color:#697180;line-height:1.55}.vocal-recording-tip{display:flex;align-items:flex-start;gap:8px;margin:1rem 0 0;color:#687386;font-size:.875rem;line-height:1.5}.vocal-recording-tip svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}.analysis-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.analysis-level{width:126px;height:52px;flex:0 0 auto;display:flex;align-items:flex-end;gap:2px;padding:8px 12px;border:1px solid #e4e7ec;border-radius:var(--radius-md);background:#fff}.analysis-level span{width:4px;flex:1 1 0;border-radius:3px 3px 1px 1px;background:var(--function-color-5);transition:opacity 90ms linear}.analysis-level span:nth-child(1),.analysis-level span:nth-child(16){height:24%}.analysis-level span:nth-child(2),.analysis-level span:nth-child(15){height:42%}.analysis-level span:nth-child(3),.analysis-level span:nth-child(6),.analysis-level span:nth-child(11),.analysis-level span:nth-child(14){height:68%}.analysis-level span:nth-child(4),.analysis-level span:nth-child(5),.analysis-level span:nth-child(8),.analysis-level span:nth-child(9),.analysis-level span:nth-child(12),.analysis-level span:nth-child(13){height:100%}.analysis-level span:nth-child(7),.analysis-level span:nth-child(10){height:84%}.analysis-level.is-live{border-color:#c8c5ff;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.vocal-current-note{display:grid;grid-template-columns:158px minmax(0,1fr);align-items:center;gap:1.5rem;margin-top:2rem}.vocal-note-orb{aspect-ratio:1;display:grid;place-items:center;align-content:center;border:1px solid #e1e4eb;border-radius:50%;background:#fff;box-shadow:0 12px 30px #1c20370f;text-align:center}.vocal-note-orb.has-pitch{border-color:var(--function-color-3);box-shadow:0 12px 30px rgb(var(--accent-rgb) / .14)}.vocal-note-orb strong{color:#141625;font-size:2.35rem;line-height:1}.vocal-note-orb span{margin-top:8px;color:#737b8b;font-size:.78rem}.vocal-tuning-meter{position:relative;height:58px;border-radius:var(--radius-md);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#e7e9ee calc(10% - 1px),#e7e9ee 10%),#fff}.vocal-tuning-center{position:absolute;top:7px;bottom:18px;left:50%;width:2px;background:var(--accent);transform:translate(-50%)}.vocal-tuning-marker{position:absolute;top:9px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#e14980;box-shadow:0 0 0 1px #d62e6c;transform:translate(-50%);transition:left 90ms linear}.vocal-tuning-meter small{position:absolute;bottom:2px;color:#8a91a0;font-size:.64rem}.vocal-tuning-meter small:first-of-type{left:0}.vocal-tuning-meter small:nth-of-type(2){left:50%;transform:translate(-50%)}.vocal-tuning-meter small:last-of-type{right:0}.vocal-range-track{margin:36px 0 1.75rem}.vocal-range-workbench .analysis-hero-card .vocal-range-track{margin-bottom:3.5rem}.vocal-range-scale,.vocal-range-line{position:relative}.vocal-range-scale{height:26px}.vocal-range-scale span{position:absolute;color:#858d9b;font-size:.65rem;transform:translate(-50%)}.vocal-range-line{height:10px;border-radius:999px;background:#e6e8ed}.vocal-range-fill{position:absolute;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--purple-3))}.vocal-range-handle,.vocal-range-current{position:absolute;transform:translate(-50%)}.vocal-range-handle{top:-5px;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.vocal-range-handle strong{position:absolute;top:24px;left:50%;color:#252938;font-size:.72rem;white-space:nowrap;transform:translate(-50%)}.vocal-range-handle.is-high{background:var(--purple-3);box-shadow:0 0 0 1px var(--purple-3)}.vocal-range-current{top:-10px;width:2px;height:30px;background:#e14980}.analysis-actions{justify-content:center;flex-wrap:wrap;gap:.75rem}.analysis-actions .is-stop{background:#24262d;box-shadow:none}.analysis-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.analysis-result-grid article{min-width:0;padding:20px;border:1px solid #e3e6ec;border-radius:var(--radius-lg);background:#fff}.analysis-result-grid article>span{display:block;color:#777f8e;font-size:.72rem;font-weight:650}.analysis-result-grid article>strong{display:block;margin-top:4px;color:#11131c;font-size:1.45rem;line-height:1.2;overflow-wrap:anywhere}.analysis-result-grid article>strong.analysis-result-text{font-size:.98rem;line-height:1.35}.analysis-result-grid article>small{display:block;margin-top:8px;color:#8a91a0;font-size:.68rem;line-height:1.35}.voice-type-estimate{margin-top:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.voice-type-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.voice-type-heading>div:first-child>span{display:block;margin-bottom:4px;color:var(--accent);font-size:.72rem;font-weight:700}.voice-type-heading h3{color:var(--text-strong);font-size:1.15rem;line-height:1.3}.voice-type-heading p{margin-top:8px;color:var(--text-muted);font-size:.82rem;line-height:1.5}.voice-type-switch{display:grid;flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.voice-type-switch button{min-height:40px;padding:8px 16px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.76rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.voice-type-switch button:hover{color:var(--text-strong)}.voice-type-switch button.is-active{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.voice-type-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.voice-type-results.is-single{grid-template-columns:1fr}.voice-type-result{min-width:0;padding:16px 8px}.voice-type-result+.voice-type-result{padding-left:24px;border-left:1px solid var(--border)}.voice-type-result>span{display:block;color:var(--text-muted);font-size:.72rem;font-weight:650}.voice-type-result>strong{display:block;margin-top:4px;color:var(--accent);font-size:1.5rem;line-height:1.25}.voice-type-result p,.voice-type-result small{display:block;color:var(--text-muted);font-size:.76rem;line-height:1.5}.voice-type-result p{margin-top:8px;color:var(--text);font-weight:600}.voice-type-result small{margin-top:4px}.voice-type-empty{margin-top:24px;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.82rem;text-align:center}.voice-type-caveat{margin-top:16px;color:var(--text-muted);font-size:.72rem;line-height:1.55}.analysis-privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#6f7785;font-size:.8rem;text-align:center}.analysis-source-card{padding:1.25rem}.analysis-file-row{gap:12px}.analysis-file-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--purple-0);color:var(--accent)}.analysis-file-row>div{min-width:0;flex:1}.analysis-file-row strong,.analysis-file-row small{display:block}.analysis-file-row strong{overflow:hidden;color:#171923;text-overflow:ellipsis;white-space:nowrap}.analysis-file-row small{margin-top:4px;color:#7a8290;font-size:.75rem}.analysis-file-row .secondary-button{min-height:40px;padding:8px 12px;border-width:1px}.analysis-audio-preview{width:100%;height:42px;margin-top:1rem}.vocal-upload-analysis .vocal-range-track{margin:2rem 0 32px;padding:0 .5rem}.lufs-ready-card{margin-top:1rem;padding:1.5rem}.lufs-meter-preview{height:88px;display:grid;grid-template-columns:repeat(10,1fr);align-items:end;gap:8px;margin-bottom:1.5rem}.lufs-meter-preview span{min-width:0;text-align:center}.lufs-meter-preview i{height:calc(20px + (var(--index, 1) * 4px));min-height:26px;display:block;border-radius:3px;background:#cbd3df}.lufs-meter-preview span:nth-child(2) i{height:31px}.lufs-meter-preview span:nth-child(3) i{height:37px}.lufs-meter-preview span:nth-child(4) i{height:44px}.lufs-meter-preview span:nth-child(5) i{height:51px}.lufs-meter-preview span:nth-child(6) i{height:59px}.lufs-meter-preview span:nth-child(7) i{height:68px}.lufs-meter-preview span:nth-child(8) i{height:75px}.lufs-meter-preview span:nth-child(9) i{height:82px}.lufs-meter-preview span:nth-child(10) i{height:88px}.lufs-meter-preview .is-ready i{background:var(--function-color-6)}.lufs-meter-preview .is-hot i{background:#dc4b72}.lufs-meter-preview small{display:block;margin-top:.25rem;color:#89919f;font-size:.57rem}.analysis-progress{height:7px;margin-top:1rem;overflow:hidden;border-radius:999px;background:#e4e7ec}.analysis-progress span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .16s ease}.lufs-primary-result{display:grid;grid-template-columns:.8fr 1.7fr;gap:1rem;margin-top:1rem}.lufs-primary-result>div{min-width:0;padding:1.5rem;border:1px solid #e3e6ec;border-radius:var(--radius-xl);background:#fff}.lufs-primary-result>div:first-child{display:grid;place-items:center;align-content:center;background:#151722;color:#fff;text-align:center}.lufs-primary-result>div:first-child span{color:#b8becb;font-size:.78rem}.lufs-primary-result>div:first-child strong{margin-top:8px;font-size:3.35rem;line-height:1}.lufs-primary-result>div:first-child small{margin-top:8px;color:#949baa;font-size:.78rem}.lufs-target-panel>span{display:block;margin-bottom:12px;color:#6d7482;font-size:.76rem;font-weight:650}.lufs-target-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lufs-target-options button{min-width:0;padding:12px;border:1px solid #e2e5eb;border-radius:var(--radius-md);background:#fafafb;color:#2f3441;cursor:pointer;text-align:left}.lufs-target-options button.active{border-color:var(--function-color-5);background:var(--purple-0);color:#343dcb;box-shadow:inset 0 0 0 1px var(--function-color-5)}.lufs-target-options strong,.lufs-target-options small{display:block}.lufs-target-options strong{font-size:.84rem}.lufs-target-options small{margin-top:4px;color:#7d8593;font-size:.64rem}.lufs-target-summary{display:flex;align-items:center;gap:8px;margin-top:12px;padding:.75rem;border-radius:var(--radius-md);background:#edf6fc;color:#075985}.lufs-target-summary.success{background:#ecfdf5;color:#047857}.lufs-target-summary.warning{background:#fff7ed;color:#9a3412}.lufs-target-summary span,.lufs-target-summary strong{display:block}.lufs-target-summary span{font-size:.7rem;line-height:1.35}.lufs-target-summary strong{font-size:.8rem}.lufs-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lufs-metric-strip{display:grid;grid-template-columns:1.05fr 1fr 1.35fr;gap:.75rem;margin-top:1rem}.lufs-metric-strip article{position:relative;min-width:0;padding:1.25rem 20px;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fff}.lufs-metric-strip article>span,.lufs-metric-strip article>strong,.lufs-metric-strip article>small{display:block}.lufs-metric-strip article>span{color:#747d8d;font-size:.72rem;font-weight:650}.lufs-metric-strip article>strong{margin-top:4px;color:#11131c;font-size:2rem;line-height:1}.lufs-metric-strip article>small{margin-top:.5rem;color:#858d9c;font-size:.68rem;line-height:1.35}.lufs-metric-strip article>svg{position:absolute;top:1.2rem;right:1.2rem}.lufs-metric-strip .is-integrated{border-color:#232633;background:#171923}.lufs-metric-strip .is-integrated>span,.lufs-metric-strip .is-integrated>small{color:#aeb5c3}.lufs-metric-strip .is-integrated>strong{color:#fff}.lufs-metric-strip .is-safe{border-color:#a7e3ca}.lufs-metric-strip .is-safe>svg{color:#0f9f6e}.lufs-metric-strip .is-warning{border-color:#f0a0b3;background:#fff5f7}.lufs-metric-strip .is-warning>strong,.lufs-metric-strip .is-warning>svg{color:#c02654}.lufs-metric-strip .is-warning>small{color:#a61e49;font-weight:650}.lufs-chart-card{min-width:0;margin-top:1rem;padding:20px;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fff}.lufs-chart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.lufs-chart-heading>div:first-child>span{color:var(--function-color-6);font-size:.67rem;font-weight:750}.lufs-chart-heading h3{margin:4px 0 .25rem;color:#151722;font-size:1.2rem;letter-spacing:0}.lufs-chart-heading p{margin:0;color:#747d8b;font-size:.78rem}.lufs-chart-heading>div:last-child{flex:0 0 auto;text-align:right}.lufs-chart-heading>div:last-child span,.lufs-chart-heading>div:last-child strong{display:block}.lufs-chart-heading>div:last-child span{color:#858d9b;font-size:.65rem}.lufs-chart-heading>div:last-child strong{color:#2c313e;font-size:.9rem}.lufs-history-chart{min-width:0;overflow-x:auto;padding-bottom:4px}.lufs-history-chart svg{width:100%;min-width:610px;display:block}.lufs-chart-plot{fill:#fafbfc;stroke:#e5e8ed}.lufs-chart-grid{stroke:#dfe3e9;stroke-width:1}.lufs-chart-grid.is-vertical{stroke-dasharray:3 6}.lufs-chart-axis-label{fill:#818997;font-size:10px;font-variant-numeric:tabular-nums}.lufs-chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.lufs-chart-line.is-short-term{stroke:var(--accent);stroke-width:2.6}.lufs-chart-line.is-momentary{stroke:var(--function-color-5);stroke-width:1.4;opacity:.72}.lufs-chart-reference{stroke-width:1.5;stroke-dasharray:7 5}.lufs-chart-reference.is-integrated{stroke:#111827}.lufs-chart-reference.is-target{stroke:#e14980}.lufs-chart-line-label{font-size:10px;font-weight:700}.lufs-chart-line-label.is-integrated{fill:#111827}.lufs-chart-line-label.is-target{fill:#c02654}.lufs-chart-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:8px;color:#697281;font-size:.68rem}.lufs-chart-legend span{display:inline-flex;align-items:center;gap:4px}.lufs-chart-legend i{width:18px;height:3px;display:inline-block;border-radius:999px}.lufs-chart-legend i.is-short-term{background:var(--accent)}.lufs-chart-legend i.is-momentary{background:var(--function-color-5)}.lufs-chart-legend i.is-integrated{height:0;border-top:2px dashed #111827}.lufs-chart-legend i.is-target{height:0;border-top:2px dashed #e14980}.lufs-chart-empty{min-height:220px;display:grid;place-items:center;border:1px dashed #d8dce3;border-radius:var(--radius-lg);background:#fafbfc;color:#7b8391;font-size:.8rem;text-align:center}.lufs-target-panel{margin-top:1rem;padding:1.25rem;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fbfbfc}.lufs-target-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:16px}.lufs-target-heading>div:first-child span,.lufs-target-heading>div:first-child strong{display:block}.lufs-target-heading>div:first-child span{color:#7b8391;font-size:.67rem;font-weight:650}.lufs-target-heading>div:first-child strong{color:#252936;font-size:.95rem}.lufs-target-heading .lufs-target-summary{max-width:420px;margin-top:0}.lufs-target-panel .lufs-target-options{grid-template-columns:repeat(4,minmax(0,1fr))}.lufs-secondary-results{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-tempo-panel{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(210px,1fr) minmax(170px,.8fr);align-items:center;gap:1.5rem;padding:2rem}.tap-tempo-readout{text-align:center}.tap-tempo-readout>span{color:#7d8491;font-size:.75rem;font-weight:650}.tap-tempo-readout>div{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:4px}.tap-tempo-readout strong{color:#11131c;font-size:3.1rem;line-height:1}.tap-tempo-readout small{color:#727987;font-size:.75rem;font-weight:700}.tap-tempo-readout p{margin:.5rem 0 0;color:var(--function-color-6);font-size:.86rem;font-weight:650}.tap-tempo-button{position:relative;isolation:isolate;min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;overflow:hidden;border:1px solid #353a49;border-radius:var(--radius-xl);background:#171923;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tap-tempo-button>*:not(.tap-tempo-pulse){position:relative;z-index:1}.tap-tempo-button strong{margin-top:4px;font-size:1.2rem}.tap-tempo-button small{color:#a9b0bf;font-size:.72rem}.tap-tempo-button:active{transform:scale(.985)}.tap-tempo-pulse{position:absolute;width:32px;height:32px;border:2px solid rgba(126,136,255,.7);border-radius:50%;opacity:0;animation:tap-pulse .42s ease-out}@keyframes tap-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(8)}}.tap-tempo-stats{display:grid;gap:8px}.tap-tempo-stats>div{padding:12px 16px;border:1px solid #e3e6ec;border-radius:var(--radius-md);background:#fff}.tap-tempo-stats span,.tap-tempo-stats strong{display:block}.tap-tempo-stats span{color:#7f8795;font-size:.67rem}.tap-tempo-stats strong{margin-top:4px;color:#252936;font-size:.9rem}.tap-tempo-controls{justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem}.tap-tempo-adjust{display:inline-grid;grid-template-columns:repeat(4,58px);gap:4px}.tap-tempo-adjust button{min-height:40px;border:1px solid #e0e3e9;border-radius:var(--radius-sm);background:#fff;color:#343945;cursor:pointer;font-weight:700}.tap-tempo-adjust button:hover:not(:disabled){border-color:var(--function-color-5);color:#3942d0}.tap-tempo-adjust button:disabled{cursor:not-allowed;opacity:.4}.metronome-stage{display:grid;grid-template-columns:150px minmax(220px,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:2rem;padding:2rem}@media(min-width:681px){.tool-page-guitar-metronome .metronome-stage,.tool-page-piano-metronome .metronome-stage{grid-template-columns:minmax(240px,280px) minmax(320px,1fr);column-gap:40px;justify-content:center}}.metronome-pendulum{position:relative;grid-row:1 / 4;width:116px;height:230px;justify-self:center;border-radius:48px 48px 14px 14px;background:#171923;box-shadow:inset 0 0 0 1px #303441}.metronome-arm{position:absolute;bottom:34px;left:50%;width:4px;height:158px;border-radius:999px;background:#dce0e8;transform:translate(-50%) rotate(-28deg);transform-origin:50% calc(100% - 2px)}.metronome-pendulum.is-playing .metronome-arm{animation:metronome-swing var(--metronome-duration) ease-in-out infinite alternate}@keyframes metronome-swing{0%{transform:translate(-50%) rotate(-28deg)}to{transform:translate(-50%) rotate(28deg)}}.metronome-weight{position:absolute;top:58px;left:50%;width:30px;height:17px;border-radius:5px;background:var(--function-color-5);transform:translate(-50%)}.metronome-pivot{position:absolute;bottom:27px;left:50%;width:18px;height:18px;border:4px solid #444a59;border-radius:50%;background:#fff;transform:translate(-50%)}.metronome-tempo{text-align:center}.metronome-tempo>span{color:#7b8391;font-size:.74rem;font-weight:650}.metronome-tempo>div{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 .25rem}.metronome-tempo button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dfe3e9;border-radius:50%;background:#fff;color:#313642;cursor:pointer}.metronome-tempo label{min-width:130px;margin:0}.metronome-tempo input[type=number]{min-height:62px;padding:0;border:0;background:transparent;color:#11131c;font-size:3.2rem;font-weight:750;line-height:1;text-align:center;box-shadow:none;appearance:textfield}.metronome-tempo input::-webkit-inner-spin-button,.metronome-tempo input::-webkit-outer-spin-button{appearance:none}.metronome-tempo label small{display:block;margin-top:-.2rem;color:#777f8d;font-size:.7rem}.metronome-tempo>strong{color:var(--function-color-6);font-size:.82rem}.metronome-beats{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.25rem 0}.metronome-beats span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe3e9;border-radius:50%;background:#fff;color:#747c8a;font-size:.72rem;font-weight:700}.metronome-beats span.accent{border-color:#b8bcf8}.metronome-beats span.active{border-color:var(--accent);background:var(--accent);color:#fff;transform:scale(1.1)}.metronome-play{min-height:50px;display:inline-flex;align-items:center;justify-self:center;justify-content:center;gap:8px;padding:0 24px;border-radius:999px;background:#171923;color:#fff;cursor:pointer;font-weight:700}.metronome-play-row{display:flex;flex-direction:column;align-items:center;gap:8px}.metronome-play-row>span{min-height:18px;color:#7d8593;font-size:.72rem;font-variant-numeric:tabular-nums}.metronome-play.is-playing{background:var(--accent)}.metronome-controls{margin-top:1rem;padding:1.5rem}.metronome-slider{display:grid;grid-template-columns:120px minmax(0,1fr) 64px;align-items:center;gap:1rem;margin:0}.metronome-slider+.metronome-slider,.metronome-setting-row+.metronome-slider,.metronome-sound-settings+.metronome-slider{margin-top:24px}.metronome-slider>span{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:650}.metronome-volume-toggle{width:24px;height:24px;display:grid;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#4a5261;cursor:pointer}.metronome-volume-toggle:hover,.metronome-volume-toggle:focus-visible{background:var(--purple-0);color:var(--function-color-6)}.metronome-slider input[type=range]{width:100%;accent-color:var(--accent)}.metronome-slider output{color:#4a5261;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}.metronome-setting-row{justify-content:space-between;gap:1.5rem;margin-top:24px;padding:1.25rem 0;border-top:1px solid #e5e7ec;border-bottom:1px solid #e5e7ec}.metronome-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;padding:24px 0;border-top:1px solid #e5e7ec}.metronome-setting-grid+.metronome-setting-grid{margin-top:0;border-top:0}.metronome-sound-settings{padding-top:0;border-bottom:1px solid #e5e7ec}.metronome-setting-block{min-width:0}.metronome-setting-block>.field-label{display:block;margin-bottom:8px;color:#404653;font-size:.82rem;font-weight:650;letter-spacing:0}.metronome-setting-block>small{display:block;margin-top:8px;color:#858d9b;font-size:.7rem;line-height:1.45}.metronome-setting-row .field-label{margin-bottom:8px;font-size:.82rem;letter-spacing:0}.metronome-signatures{display:inline-grid;grid-template-columns:repeat(4,58px);gap:4px}.metronome-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.metronome-signatures button{min-height:40px;border:1px solid #dfe3e9;border-radius:var(--radius-sm);background:#fff;color:#4b5260;cursor:pointer;font-weight:700}.metronome-option-grid button,.metronome-accent-buttons button,.metronome-compact-options button,.metronome-timer-options button{min-height:40px;border:1px solid #dfe3e9;border-radius:var(--radius-sm);background:#fff;color:#4b5260;cursor:pointer;font-size:.76rem;font-weight:650}.metronome-signatures button.active,.metronome-option-grid button.active,.metronome-accent-buttons button.active,.metronome-compact-options button.active,.metronome-timer-options button.active{border-color:var(--accent);background:var(--purple-0);color:#3841cc;box-shadow:inset 0 0 0 1px var(--accent)}.metronome-accent-buttons{display:grid;grid-template-columns:repeat(6,minmax(40px,1fr));gap:4px}.metronome-toggle{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer}.metronome-toggle input{position:absolute;width:1px;height:1px;opacity:0}.metronome-toggle>span{position:relative;width:44px;height:24px;border-radius:999px;background:#cbd0d8;transition:background .15s ease}.metronome-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}.metronome-toggle input:checked+span{background:var(--accent)}.metronome-toggle input:checked+span:after{transform:translate(20px)}.metronome-toggle strong{color:#404653;font-size:.82rem}.metronome-practice-settings{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7ec}.metronome-practice-heading,.metronome-timer-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.metronome-practice-heading>div>.field-label{display:block;color:#404653;font-size:.84rem;font-weight:650}.metronome-practice-heading>div>small{display:block;margin-top:4px;color:#858d9b;font-size:.7rem}.metronome-trainer-grid{display:grid;grid-template-columns:minmax(132px,.75fr) minmax(240px,1.5fr) minmax(132px,.75fr);gap:16px;margin-top:20px}.metronome-trainer-grid>label,.metronome-trainer-grid>div{min-width:0;margin:0}.metronome-trainer-grid>label>span,.metronome-trainer-grid>div>span{display:block;margin-bottom:8px;color:#6d7583;font-size:.72rem;font-weight:650}.metronome-trainer-grid>label>div{position:relative}.metronome-trainer-grid input[type=number]{width:100%;height:40px;min-height:40px;padding:0 42px 0 12px;border:1px solid #dfe3e9;border-radius:var(--radius-sm);background:#fff;color:#262b35;font-size:.82rem;font-weight:650;box-shadow:none}.metronome-trainer-grid label small{position:absolute;top:50%;right:12px;color:#8a91a0;font-size:.65rem;transform:translateY(-50%)}.metronome-compact-options,.metronome-timer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.metronome-timer-row{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7ec}.metronome-timer-row>span{display:inline-flex;align-items:center;gap:8px;color:#404653;font-size:.82rem;font-weight:650;white-space:nowrap}.metronome-timer-options{width:min(100%,390px);grid-template-columns:repeat(5,minmax(0,1fr))}.metronome-timer-row output{min-width:70px;color:#646d7b;font-size:.72rem;font-variant-numeric:tabular-nums;text-align:right}.metronome-footer-actions{flex-wrap:wrap;gap:12px;margin-top:1.5rem}.metronome-footer-actions .secondary-button{min-height:40px;padding:8px 16px;border-width:1px}.metronome-footer-actions>span{margin-left:auto;color:#8a91a0;font-size:.7rem}@media(max-width:840px){.analysis-result-grid,.lufs-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-tempo-panel{grid-template-columns:1fr 1.25fr}.tap-tempo-stats{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.lufs-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.lufs-metric-strip article:last-child{grid-column:1 / -1}.lufs-target-panel .lufs-target-options,.metronome-trainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome-trainer-grid>div{grid-column:1 / -1;grid-row:2}}@media(max-width:680px){.analysis-hero-card,.tap-tempo-panel,.metronome-stage{padding:1.25rem}.analysis-live-heading,.analysis-file-row,.tap-tempo-controls,.metronome-setting-row,.metronome-practice-heading,.metronome-timer-row{align-items:stretch;flex-direction:column}.analysis-level{width:100%;height:58px;justify-content:space-between;gap:4px;padding-inline:16px}.analysis-level span{width:100%;max-width:14px}.vocal-current-note{grid-template-columns:1fr}.vocal-note-orb{width:148px;justify-self:center}.analysis-file-row .secondary-button{width:100%}.analysis-mode-switch{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.voice-type-estimate{padding:24px}.voice-type-heading{align-items:stretch;flex-direction:column;gap:16px}.voice-type-switch{width:100%}.voice-type-switch button{padding:8px;white-space:normal}.voice-type-results{grid-template-columns:1fr}.voice-type-result+.voice-type-result{padding-left:8px;border-top:1px solid var(--border);border-left:0}.lufs-primary-result,.tap-tempo-panel,.metronome-stage{grid-template-columns:1fr}.lufs-chart-heading,.lufs-target-heading{align-items:stretch;flex-direction:column}.lufs-chart-heading>div:last-child{text-align:left}.lufs-target-heading .lufs-target-summary{max-width:none}.tap-tempo-stats{grid-template-columns:1fr}.tap-tempo-controls{align-items:stretch}.tap-tempo-adjust,.metronome-signatures{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.metronome-setting-grid{grid-template-columns:1fr;gap:24px}.metronome-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metronome-accent-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.metronome-pendulum{grid-row:auto;height:190px}.metronome-arm{height:126px}.metronome-slider{grid-template-columns:82px minmax(0,1fr) 50px;gap:8px}.metronome-toggle{justify-content:center}.metronome-footer-actions>span{width:100%;margin-left:0;text-align:center}.metronome-timer-options{width:100%}.metronome-timer-row output{min-width:0;text-align:left}}@media(max-width:480px){.analysis-result-grid,.lufs-result-grid,.lufs-target-options,.lufs-metric-strip,.lufs-target-panel .lufs-target-options,.lufs-secondary-results{grid-template-columns:1fr}.lufs-metric-strip article:last-child{grid-column:auto}.analysis-mode-switch button{padding:0 .5rem;font-size:.74rem}.vocal-range-scale span:nth-child(2n){display:none}.lufs-meter-preview{gap:4px}.tap-tempo-readout strong{font-size:2.65rem}.tap-tempo-button{min-height:190px}.metronome-controls{padding:24px}.metronome-slider{grid-template-columns:72px minmax(0,1fr) 58px}.metronome-trainer-grid{grid-template-columns:1fr}.metronome-trainer-grid>div{grid-column:auto;grid-row:auto}.metronome-timer-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.metronome-pendulum.is-playing .metronome-arm,.tap-tempo-pulse{animation:none}}.online-tuner-workbench{max-width:940px;margin:0 auto}.online-tuner-workbench button,.online-tuner-workbench select{letter-spacing:0}.tuner-upload-area{margin-bottom:1rem}.tuner-upload-area .universal-uploader{margin-bottom:0}.tuner-upload-area .upload-field-label{display:block;margin-bottom:12px;color:#333946;font-size:.82rem;font-weight:700}.tuner-control-card{padding:1.5rem;border:1px solid #e3e6ec;border-radius:var(--radius-xl);background:#fbfbfc}.tuner-top-controls{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(170px,.9fr) auto 126px;align-items:end;gap:1rem}.tuner-top-controls>label>span,.tuner-calibration>span{display:block;margin-bottom:8px;color:#6d7482;font-size:.74rem;font-weight:700}.tuner-top-controls select{width:100%;height:42px;padding:0 2.25rem 0 12px;border:1px solid #dfe3ea;border-radius:var(--radius-md);outline:none;background:#fff;color:#171923;font-size:.84rem;font-weight:650}.tuner-top-controls select:focus-visible{border-color:var(--function-color-5);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .1)}.tuner-top-controls select:disabled{color:#8c94a1;cursor:not-allowed;opacity:.72}.tuner-calibration>div{height:42px;display:grid;grid-template-columns:38px minmax(112px,1fr) 38px;align-items:center;overflow:hidden;border:1px solid #dfe3ea;border-radius:var(--radius-md);background:#fff}.tuner-calibration button{height:100%;display:grid;place-items:center;background:transparent;color:#5e6675;cursor:pointer}.tuner-calibration button:hover:not(:disabled){background:#f0f2f6;color:var(--purple-7)}.tuner-calibration button:disabled{opacity:.35;cursor:not-allowed}.tuner-calibration strong{color:#252a34;font-size:.78rem;text-align:center;white-space:nowrap}.tuner-preset-note{margin:.75rem 0 0;color:#707887;font-size:.75rem;line-height:1.45}.tuner-string-guide{margin-top:20px;padding-top:1rem;border-top:1px solid #e4e7ec}.tuner-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tuner-guide-heading>div{min-width:0}.tuner-guide-heading strong,.tuner-guide-heading span{display:block}.tuner-guide-heading strong{color:#2b313b;font-size:.8rem}.tuner-guide-heading span{max-width:680px;margin-top:4px;color:#7a8290;font-size:.68rem;line-height:1.45}.tuner-guide-heading button,.tuner-auto-indicator{flex:0 0 auto;min-height:34px;padding:8px 12px;border:1px solid #dfe3ea;border-radius:var(--radius-sm);background:#fff;color:#626b79;font-size:.68rem;font-weight:650}.tuner-guide-heading button{cursor:pointer}.tuner-guide-heading button:hover{border-color:#aeb5ef;color:var(--purple-7)}.tuner-guide-heading button.is-active,.tuner-auto-indicator{border-color:var(--accent);background:var(--purple-0);color:var(--purple-7);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .08)}.tuner-auto-indicator{display:inline-flex;align-items:center;margin-top:0}.tuner-fretboard{position:relative;margin-top:12px;overflow:hidden;border:1px solid #dde1e8;border-radius:var(--radius-lg);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(111,119,134,.16) calc(12.5% - 1px),rgba(111,119,134,.16) 12.5%),linear-gradient(180deg,#f7f8fa,#eef1f5)}.tuner-string-course{min-height:48px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center}.tuner-string-course+.tuner-string-course{border-top:1px solid rgba(166,173,185,.28)}.tuner-string-course>span{padding-left:12px;color:#707988;font-size:.65rem;font-weight:650}.tuner-string-course>div{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-items:stretch}.tuner-string-course button{position:relative;min-width:0;min-height:47px;display:grid;grid-template-columns:minmax(0,1fr) 42px 18px;align-items:center;padding:0 .75rem;background:transparent;color:#555e6d;cursor:pointer}.tuner-string-course button+button{border-left:1px solid rgba(166,173,185,.28)}.tuner-string-course button i{height:2px;display:block;border-radius:999px;background:#8993a2;box-shadow:0 1px #ffffffd9}.tuner-string-course:nth-child(1) button i{height:4px}.tuner-string-course:nth-child(2) button i{height:3.5px}.tuner-string-course:nth-child(3) button i{height:3px}.tuner-string-course:nth-child(4) button i{height:2.5px}.tuner-string-course button strong{justify-self:end;font-size:.75rem}.tuner-string-course button>svg{justify-self:end;color:#929aa7}.tuner-string-course button small{position:absolute;right:.75rem;bottom:2px;color:#9097a3;font-size:.52rem}.tuner-string-course button:hover{background:#ffffff9e;color:var(--purple-7)}.tuner-string-course button.is-active{background:rgb(var(--accent-rgb) / .12);color:var(--purple-7);box-shadow:inset 3px 0 0 var(--accent)}.tuner-string-course button.is-active i{background:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .1)}.tuner-string-course button.is-active>svg{color:var(--accent)}.tuner-string-guide.is-twelve-string .tuner-string-course{min-height:58px}.tuner-string-guide.is-twelve-string .tuner-string-course button{min-height:57px}.tuner-chromatic-notes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:12px;overflow:hidden;border:1px solid #dde1e8;border-radius:var(--radius-lg);background:#dde1e8}.tuner-chromatic-notes span{min-width:0;padding:.75rem 4px;background:#fff;color:#4e5766;font-size:.66rem;font-weight:700;text-align:center}.tuner-chromatic-notes span:nth-child(2),.tuner-chromatic-notes span:nth-child(4),.tuner-chromatic-notes span:nth-child(7),.tuner-chromatic-notes span:nth-child(9),.tuner-chromatic-notes span:nth-child(11){background:#262a33;color:#fff}.tuner-gauge{position:relative;width:min(100%,620px);min-height:350px;margin:1.25rem auto 0;color:#737b88}.tuner-gauge.is-tuned{color:#059669}.tuner-gauge.is-close{color:#2563eb}.tuner-gauge.is-flat{color:#d97706}.tuner-gauge.is-sharp{color:#d94672}.tuner-gauge svg{width:100%;height:auto;overflow:visible}.tuner-gauge-arc,.tuner-gauge-zone{fill:none;stroke-linecap:round}.tuner-gauge-arc{stroke:#dfe3e9;stroke-width:6px}.tuner-gauge-zone{stroke:#4bb891;stroke-width:8px}.tuner-gauge line:not(.tuner-gauge-needle){stroke:#aab1bd;stroke-width:1.5px}.tuner-gauge line.is-major{stroke:#6e7684;stroke-width:2px}.tuner-gauge text{fill:#858d9b;font-size:8px;text-anchor:middle}.tuner-gauge-needle{stroke:currentColor;stroke-width:4px;stroke-linecap:round;transition:x2 .13s ease,y2 .13s ease,stroke .13s ease}.tuner-gauge-pin{fill:currentColor;stroke:#fff;stroke-width:4px}.tuner-note-readout{position:absolute;inset:auto 0 8px;display:grid;place-items:center;text-align:center}.tuner-note-readout strong{color:#10131a;font-size:4.25rem;font-weight:760;line-height:.95}.tuner-note-readout sup{margin-left:.12em;color:#5f6877;font-size:.35em;font-weight:700;vertical-align:1.25em}.tuner-note-readout span{margin-top:8px;color:#667080;font-size:.84rem}.tuner-note-readout b{margin-top:.25rem;color:currentColor;font-size:.78rem}.tuner-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.tuner-reading-grid article{min-width:0;padding:1rem;border:1px solid #e3e6ec;border-radius:var(--radius-lg);background:#fff}.tuner-reading-grid span,.tuner-reading-grid small{display:block}.tuner-reading-grid span{color:#858d9a;font-size:.68rem;font-weight:700;text-transform:uppercase}.tuner-reading-grid strong{display:block;margin-top:4px;overflow:hidden;color:#1c212b;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.tuner-reading-grid small{margin-top:4px;overflow:hidden;color:#777f8d;font-size:.7rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.tuner-main-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:1.25rem}.tuner-main-actions .primary-button.is-stop{background:#20242d;box-shadow:none}.tuner-file-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:1rem;border:1px solid #e3e6ec;border-radius:var(--radius-xl);background:#fff}.tuner-file-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--purple-0);color:var(--accent)}.tuner-file-card>div{min-width:0}.tuner-file-card strong,.tuner-file-card small{display:block}.tuner-file-card strong{overflow:hidden;color:#1d222c;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.tuner-file-card small{margin-top:4px;color:#7a8290;font-size:.7rem}.tuner-file-card .secondary-button{min-height:40px;padding:8px 12px;border-width:1px;font-size:.78rem}.tuner-file-card audio{width:100%;height:42px;grid-column:1 / -1}.tuner-file-card .analysis-progress{grid-column:1 / -1;margin-top:0}.online-tuner-workbench>.status{margin-top:1rem;padding:16px 1rem;border-left-width:3px;font-size:.82rem;line-height:1.45}.tuner-history{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid #e3e6ec;border-radius:var(--radius-lg);background:#fff}.tuner-history>div span,.tuner-history>div small{display:block}.tuner-history>div span{color:#303641;font-size:.78rem;font-weight:700}.tuner-history>div small{color:#89919e;font-size:.66rem}.tuner-history ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;list-style:none}.tuner-history li{min-width:54px;padding:8px .5rem;border-radius:var(--radius-sm);background:#f2f4f7;text-align:center}.tuner-history li strong,.tuner-history li span{display:block;line-height:1.2}.tuner-history li strong{color:#252a33;font-size:.75rem}.tuner-history li span{margin-top:4px;color:#7b8390;font-size:.62rem}.analysis-privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#7c8492;font-size:.7rem;text-align:center}@media(max-width:760px){.tuner-top-controls{grid-template-columns:1fr 1fr}.tuner-top-controls .analysis-level{width:100%;grid-column:1 / -1}.tuner-gauge{min-height:320px}.tuner-reading-grid{grid-template-columns:1fr}.tuner-reading-grid strong,.tuner-reading-grid small{white-space:normal}}@media(max-width:520px){.tuner-control-card{padding:1rem}.tuner-top-controls{grid-template-columns:1fr}.tuner-top-controls .analysis-level{grid-column:auto}.tuner-guide-heading{align-items:stretch;flex-direction:column}.tuner-guide-heading button,.tuner-auto-indicator{width:100%;justify-content:center}.tuner-string-course{grid-template-columns:68px minmax(0,1fr)}.tuner-string-course>span{padding-left:8px;font-size:.58rem}.tuner-string-course button{grid-template-columns:minmax(0,1fr) 36px 16px;padding-inline:.5rem}.tuner-string-course button small{right:.5rem}.tuner-chromatic-notes{grid-template-columns:repeat(6,minmax(0,1fr))}.tuner-gauge{min-height:270px}.tuner-note-readout{bottom:0}.tuner-note-readout strong{font-size:3.2rem}.tuner-main-actions,.tuner-main-actions .primary-button,.tuner-main-actions .secondary-button{width:100%}.tuner-file-card{grid-template-columns:44px minmax(0,1fr)}.tuner-file-card .secondary-button{width:100%;grid-column:1 / -1}.tuner-history{align-items:stretch;flex-direction:column}.tuner-history ul{justify-content:flex-start}}.online-tuner-workbench{width:100%;max-width:1180px}.tuna-shell{min-width:0;min-height:730px;display:grid;grid-template-columns:286px minmax(0,1fr);overflow:visible;border:1px solid #dfe3ea;border-radius:8px;background:#f8f9fc;box-shadow:0 22px 60px #191f331c}.tuna-sidebar{position:relative;z-index:5;min-width:0;padding:1rem 16px;border-right:1px solid #e1e4ea;border-radius:8px 0 0 8px;background:#fffffff0}.tuna-instrument-browser{height:696px;padding-right:4px;overflow-y:auto;scrollbar-color:#c9ced9 transparent;scrollbar-width:thin}.tuna-instrument-browser>header{padding:4px 8px 12px}.tuna-instrument-browser>header small,.tuna-instrument-browser>header strong{display:block}.tuna-instrument-browser>header small,.tuna-sidebar-back small{margin-bottom:4px;color:#8a919e;font-size:.62rem;font-weight:750;text-transform:uppercase}.tuna-instrument-browser>header strong{color:#222833;font-size:.92rem}.tuna-instrument-browser section+section{margin-top:16px}.tuna-instrument-browser section>span{display:block;padding:0 8px 4px;color:#8a919e;font-size:.62rem;font-weight:750;text-transform:uppercase}.tuna-instrument-browser section>div{display:grid;gap:4px}.tuna-instrument-browser section button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.5rem 8px;border-radius:5px;background:transparent;color:#4f5664;cursor:pointer;text-align:left}.tuna-instrument-browser section button:hover{background:#f1f3f7;color:#303744}.tuna-instrument-browser section button.is-active{background:var(--purple-1);color:var(--purple-7)}.tuna-instrument-browser section button strong{font-size:.74rem;line-height:1.25}.tuna-instrument-browser section button small{flex:0 0 auto;color:#939aa6;font-size:.58rem}.tuna-tuning-browser{min-width:0}.tuna-sidebar-back{width:100%;min-height:58px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dfe3ea;border-radius:7px;background:#fff;color:#2b313d;cursor:pointer;text-align:left}.tuna-sidebar-back:hover{border-color:#7e85ee;color:var(--purple-7)}.tuna-sidebar-back>svg{flex:0 0 auto}.tuna-sidebar-back span,.tuna-sidebar-back small,.tuna-sidebar-back strong{min-width:0;display:block}.tuna-sidebar-back strong{overflow:hidden;font-size:.82rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tuna-instrument-picker{position:relative}.tuna-instrument-trigger{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:12px;border:1px solid #dfe3ea;border-radius:7px;background:#fff;color:#171a22;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease}.tuna-instrument-trigger:hover,.tuna-instrument-trigger[aria-expanded=true]{border-color:#7e85ee;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .09)}.tuna-instrument-trigger span,.tuna-instrument-trigger small,.tuna-instrument-trigger strong{min-width:0;display:block}.tuna-instrument-trigger small{margin-bottom:4px;color:#858c99;font-size:.65rem;font-weight:700;text-transform:uppercase}.tuna-instrument-trigger strong{overflow:hidden;font-size:.82rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tuna-instrument-trigger>svg{flex:0 0 auto;color:#697080;transition:transform .16s ease}.tuna-instrument-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.tuna-instrument-menu{position:absolute;z-index:30;top:calc(100% + .55rem);left:0;width:min(640px,calc(100vw - 3rem));max-height:510px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;padding:1rem;overflow-y:auto;border:1px solid #d9dde6;border-radius:8px;background:#fff;box-shadow:0 24px 65px #13182833}.tuna-instrument-menu section>span,.tuna-tuning-list section>span{display:block;color:#8a919e;font-size:.62rem;font-weight:750;text-transform:uppercase}.tuna-instrument-menu section>span{margin-bottom:8px}.tuna-instrument-menu section>div{display:grid;gap:.25rem}.tuna-instrument-menu section button{width:100%;min-height:36px;padding:8px 12px;border-radius:5px;background:transparent;color:#424957;cursor:pointer;font-size:.76rem;font-weight:600;text-align:left}.tuna-instrument-menu section button:hover{background:#f0f2f8;color:var(--purple-7)}.tuna-instrument-menu section button.is-active{background:var(--purple-1);color:var(--purple-7)}.tuna-tuning-list{height:634px;margin-top:12px;padding-right:4px;overflow-y:auto;scrollbar-color:#c9ced9 transparent;scrollbar-width:thin}.tuna-tuning-list section+section{margin-top:1rem}.tuna-tuning-list section>span{padding:0 8px 4px}.tuna-tuning-list button{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;padding:8px;border-radius:5px;background:transparent;color:#5d6472;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}.tuna-tuning-list button:hover{background:#f1f3f7;color:#303744}.tuna-tuning-list button.is-active{background:var(--purple-1);color:var(--purple-7)}.tuna-tuning-list button strong,.tuna-tuning-list button small{min-width:0}.tuna-tuning-list button strong{font-size:.72rem;line-height:1.25}.tuna-tuning-list button small{overflow:hidden;color:#858c99;font-size:.59rem;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.tuna-tuning-list button.is-active small{color:#626bd5}.tuna-stage{position:relative;min-width:0;min-height:730px;display:grid;grid-template-rows:auto auto minmax(430px,1fr) auto;padding:16px 20px 1.25rem;border-radius:0 8px 8px 0;background-color:#f8f9fc;background-image:linear-gradient(rgba(77,84,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(77,84,111,.045) 1px,transparent 1px);background-size:24px 24px}.tuna-stage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tuna-calibration>span{display:block;margin-bottom:4px;color:#8a919e;font-size:.62rem;font-weight:700;text-transform:uppercase}.tuna-calibration>div{min-height:34px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dfe3ea;border-radius:6px;background:#ffffffe6}.tuna-calibration button{width:26px;height:26px;display:grid;place-items:center;border-radius:4px;background:transparent;color:#626a78;cursor:pointer}.tuna-calibration button:hover:not(:disabled){background:var(--purple-0);color:var(--purple-7)}.tuna-calibration button:disabled{opacity:.28;cursor:not-allowed}.tuna-calibration strong{min-width:78px;color:#303641;font-size:.7rem;text-align:center}.tuna-auto-switch{display:inline-flex;align-items:center;gap:8px;color:#4d5461;cursor:pointer;font-size:.7rem;font-weight:750;text-transform:uppercase}.tuna-auto-switch input{position:absolute;opacity:0;pointer-events:none}.tuna-auto-switch i{position:relative;width:38px;height:22px;border-radius:999px;background:#c7ccd5;box-shadow:inset 0 0 0 1px #444b5a14;transition:background .16s ease}.tuna-auto-switch i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1e243247;content:"";transition:transform .16s ease}.tuna-auto-switch input:checked+i{background:var(--accent)}.tuna-auto-switch input:checked+i:after{transform:translate(16px)}.tuna-auto-switch input:focus-visible+i{outline:3px solid rgb(var(--accent-rgb) / .2);outline-offset:2px}.tuna-pitch-readout{width:min(100%,430px);margin:-.4rem auto 0;color:#697180;text-align:center}.tuna-pitch-readout.is-tuned{color:#0f9d72}.tuna-pitch-readout.is-close{color:#2563eb}.tuna-pitch-readout.is-flat{color:#ca7a10}.tuna-pitch-readout.is-sharp,.tuna-pitch-readout.is-wrong{color:#d5486d}.tuna-pitch-rail{position:relative;height:64px;margin-inline:28px;border-bottom:1px solid #cfd4dd}.tuna-pitch-rail>span{position:absolute;bottom:-1.1rem;color:#9aa1ae;font-size:.56rem}.tuna-pitch-rail>span:first-child{left:0}.tuna-pitch-rail>span:nth-of-type(2){right:0}.tuna-pitch-rail>i.is-center{position:absolute;bottom:-4px;left:50%;width:1px;height:14px;background:#8d95a3}.tuna-pitch-marker{position:absolute;top:0;width:52px;height:52px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;background:#fff;box-shadow:0 5px 15px #242a3c1c;transform:translate(-50%);transition:left .11s linear,color .13s ease}.tuna-pitch-marker strong{color:currentColor;font-size:1rem}.tuna-pitch-marker b{position:absolute;bottom:-10px;left:50%;width:0;height:0;border-top:8px solid currentColor;border-right:5px solid transparent;border-left:5px solid transparent;transform:translate(-50%)}.tuna-pitch-readout p{margin-top:24px;color:currentColor;font-size:.84rem;font-weight:750}.tuna-pitch-readout small{display:block;min-height:1.2em;margin-top:20px;color:#7d8593;font-size:.65rem}.tuna-instrument-area{position:relative;min-height:680px;display:grid;place-items:start center;padding:4px 60px 12px}.tuna-note-guide{position:absolute;z-index:2;top:.4rem;left:0;width:100%;height:214px;color:#697180;pointer-events:none}.tuna-note-guide:before{position:absolute;z-index:-1;top:.65rem;bottom:0;left:50%;width:2px;background:#c9ced7;content:"";transform:translate(-50%)}.tuna-note-guide>span{position:absolute;top:0;left:50%;min-width:108px;padding:8px 12px;border-radius:999px;background:#eceef3;color:currentColor;font-size:.76rem;font-weight:700;text-align:center;white-space:nowrap;transform:translate(-50%);transition:transform .15s ease}.tuna-note-guide.is-guidance-left>span{transform:translate(calc(-100% - 36px))}.tuna-note-guide.is-guidance-right>span{transform:translate(36px)}.tuna-note-dot{position:absolute;top:62px;left:50%;width:68px;height:68px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#343944;color:#fff;box-shadow:0 8px 22px #1c22322e;transform:translate(-50%)}.tuna-note-dot strong,.tuna-note-dot small{line-height:1}.tuna-note-dot strong{font-size:2.25rem;font-weight:750}.tuna-note-dot small{margin-left:4px;font-size:1rem;font-weight:700;transform:translateY(.45rem)}.tuna-note-guide.is-tuned{color:#0f9d72}.tuna-note-guide.is-close{color:#2563eb}.tuna-note-guide.is-flat{color:#ca7a10}.tuna-note-guide.is-sharp,.tuna-note-guide.is-wrong{color:#d5486d}.tuna-instrument-head{position:relative;width:min(100%,480px);aspect-ratio:1;margin-top:184px}.tuna-instrument-asset{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.tuna-instrument-asset img{width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none}.tuna-peg-note{position:absolute;z-index:3;width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #d7dbe3;border-radius:50%;background:#fffffff5;color:#3d4452;box-shadow:0 8px 22px #1c22321f;cursor:pointer;font-size:16px;font-weight:750;gap:4px;transform:translateY(-50%);transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}.tuna-peg-note.is-left{left:-34px}.tuna-peg-note.is-right{right:-34px}.tuna-peg-note:hover{border-color:#8189ef;color:var(--purple-7);transform:translateY(-50%) scale(1.05)}.tuna-peg-note.is-active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 24px rgb(var(--accent-rgb) / .3)}.tuna-peg-note strong,.tuna-peg-note small{display:block;line-height:1}.tuna-peg-note strong{font-size:24px;font-weight:750}.tuna-peg-note small{margin:0;color:inherit;font-size:11px;font-weight:700}.tuna-chromatic-wheel button sup{margin-left:4px;font-size:.54em;vertical-align:.55em}.tuna-instrument-head.is-dense .tuna-peg-note{width:46px;height:46px;gap:4px;font-size:14px}.tuna-instrument-head.is-dense .tuna-peg-note strong{font-size:18px}.tuna-instrument-head.is-dense .tuna-peg-note small{font-size:8px}.tuna-instrument-head.is-dense .tuna-peg-note.is-left{left:-22px}.tuna-instrument-head.is-dense .tuna-peg-note.is-right{right:-22px}.tuna-chromatic-wheel{position:relative;width:min(100%,330px);aspect-ratio:1;border:1px solid #d9dde5;border-radius:50%;background:#ffffffb3;box-shadow:inset 0 0 0 26px #eff1f8b3}.tuna-chromatic-wheel>div{position:absolute;inset:34%;display:grid;place-items:center;border-radius:50%;background:#fff;color:#2c3240;box-shadow:0 10px 30px #1f25381a;text-align:center}.tuna-chromatic-wheel>div strong,.tuna-chromatic-wheel>div span{display:block}.tuna-chromatic-wheel>div strong{font-size:.8rem}.tuna-chromatic-wheel>div span{margin-top:4px;color:#89909d;font-size:.58rem}.tuna-chromatic-wheel button{position:absolute;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid #d9dde5;border-radius:50%;background:#fff;color:#4c5462;cursor:pointer;font-size:.72rem;font-weight:750;transform:translate(-50%,-50%)}.tuna-chromatic-wheel button:hover,.tuna-chromatic-wheel button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 7px 18px rgb(var(--accent-rgb) / .25)}.tuna-stage-footer{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:1rem;padding:4px .25rem 0}.tuna-target-summary span,.tuna-target-summary strong,.tuna-target-summary small{display:block}.tuna-target-summary span{color:#8a919e;font-size:.59rem;font-weight:750;text-transform:uppercase}.tuna-target-summary strong{margin-top:4px;color:#262c37;font-size:.82rem}.tuna-target-summary small{margin-top:4px;overflow:hidden;color:#858c99;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.tuna-input-level{display:flex;align-items:end;gap:4px;height:26px}.tuna-input-level i{width:3px;border-radius:99px;background:#798190;transition:opacity 80ms linear}.tuna-input-level i:nth-child(1),.tuna-input-level i:nth-child(10){height:8px}.tuna-input-level i:nth-child(2),.tuna-input-level i:nth-child(9){height:11px}.tuna-input-level i:nth-child(3),.tuna-input-level i:nth-child(8){height:14px}.tuna-input-level i:nth-child(4),.tuna-input-level i:nth-child(7){height:18px}.tuna-input-level i:nth-child(5),.tuna-input-level i:nth-child(6){height:23px}.tuna-input-level.is-live i{background:var(--accent)}.tuna-stage-footer .primary-button{min-height:42px;min-width:180px;justify-self:center;padding:12px 1rem;border-radius:6px;font-size:.78rem}.tuna-stage-footer .primary-button.is-stop{background:#2d323c;box-shadow:none}.online-tuner-workbench>.status{margin-top:12px}.tuna-mic-modal-backdrop{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:1.25rem;background:#080b199e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tuna-mic-modal{position:relative;width:min(100%,390px);padding:32px 28px 1.5rem;border:1px solid #e1e4ea;border-radius:8px;background:#fff;box-shadow:0 28px 80px #080c1b47;text-align:center}.tuna-mic-modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f1f3f6;color:#68707d;cursor:pointer}.tuna-mic-modal-close:hover{background:#e7e9ee;color:#2e3440}.tuna-mic-modal-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:var(--purple-0);color:var(--accent)}.tuna-mic-modal h2{color:#171b24;font-size:1.35rem;line-height:1.2}.tuna-mic-modal p{margin:12px auto 1.25rem;color:#656d7b;font-size:.82rem;line-height:1.65}.tuna-mic-modal>.primary-button{width:100%;min-height:44px;border-radius:6px}@media(max-width:920px){.tuna-shell{min-height:0;grid-template-columns:minmax(0,1fr)}.tuna-sidebar{padding:12px;border-right:0;border-bottom:1px solid #e1e4ea;border-radius:8px 8px 0 0}.tuna-instrument-browser{height:auto;max-height:220px}.tuna-instrument-browser>header{position:sticky;top:0;z-index:2;background:#fff}.tuna-tuning-list{height:auto;max-height:210px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.tuna-tuning-list section+section{margin-top:0}.tuna-stage{min-height:690px;border-radius:0 0 8px 8px}.tuna-instrument-area{min-height:614px}.tuna-instrument-head{width:min(100%,390px)}.tuna-note-dot strong{font-size:2rem}.tuna-note-dot small{font-size:.9rem}.tuna-peg-note{width:58px;height:58px}.tuna-peg-note strong{font-size:20px}.tuna-peg-note small{font-size:10px}.tuna-peg-note.is-left{left:-29px}.tuna-peg-note.is-right{right:-29px}.tuna-instrument-head.is-dense .tuna-peg-note{width:42px;height:42px}.tuna-instrument-head.is-dense .tuna-peg-note strong{font-size:16px}.tuna-instrument-head.is-dense .tuna-peg-note.is-left{left:-20px}.tuna-instrument-head.is-dense .tuna-peg-note.is-right{right:-20px}}@media(max-width:620px){.tuna-instrument-menu{width:calc(100vw - 3rem);grid-template-columns:minmax(0,1fr)}.tuna-tuning-list{max-height:170px;grid-template-columns:minmax(0,1fr)}.tuna-stage{min-height:640px;grid-template-rows:auto auto minmax(355px,1fr) auto;padding:16px .75rem}.tuna-stage-toolbar{align-items:center}.tuna-pitch-readout{margin-top:4px}.tuna-pitch-rail{margin-inline:2rem}.tuna-pitch-readout small{padding-inline:1rem}.tuna-instrument-area{min-height:500px;padding:.25rem 40px .5rem}.tuna-instrument-head{width:min(100%,315px)}.tuna-peg-note{width:58px;height:58px;font-size:16px}.tuna-peg-note strong{font-size:20px}.tuna-peg-note.is-left{left:-29px}.tuna-peg-note.is-right{right:-29px}.tuna-instrument-head.is-dense .tuna-peg-note{width:35px;height:35px;gap:4px;font-size:13px}.tuna-instrument-head.is-dense .tuna-peg-note.is-left{left:-17px}.tuna-instrument-head.is-dense .tuna-peg-note.is-right{right:-17px}.tuna-chromatic-wheel{width:min(100%,280px)}.tuna-chromatic-wheel button{width:36px;height:36px;font-size:.64rem}.tuna-stage-footer{grid-template-columns:minmax(0,1fr);gap:12px;padding:.75rem}.tuna-stage-footer .primary-button{width:100%;max-width:320px;justify-self:center}}@media(prefers-reduced-motion:reduce){.tuna-pitch-marker,.tuna-peg-note,.tuna-auto-switch i,.tuna-auto-switch i:after{transition:none}}.audio-normalizer-workbench{min-width:0;display:grid;gap:1rem;color:#171923}.audio-normalizer-workbench button,.audio-normalizer-workbench input,.audio-normalizer-workbench select{letter-spacing:0}.normalizer-mode-switch{display:flex;align-items:stretch;overflow:hidden;border:1px solid #dfe3e9;border-radius:var(--radius-lg);background:#fff}.normalizer-mode-switch button{position:relative;min-width:0;flex:1 1 0;min-height:88px;display:flex;align-items:flex-start;gap:12px;padding:20px;border:0;background:transparent;color:#707887;cursor:pointer;text-align:left}.normalizer-mode-switch button+button{border-left:1px solid #dfe3e9}.normalizer-mode-switch button>span{display:inline-flex;flex:0 0 auto;color:currentColor}.normalizer-mode-copy{min-width:0}.normalizer-mode-switch strong{display:block;color:currentColor;font-size:14px;font-weight:600}.normalizer-mode-switch small{display:block;margin-top:5px;color:#737b88;font-size:12px;font-weight:400;line-height:1.45}.normalizer-mode-switch button.is-active{background:#f4f5ff;color:#4754eb}.normalizer-mode-switch button.is-active strong{font-weight:600}.normalizer-source-card,.normalizer-settings,.normalizer-result{min-width:0;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fbfbfc}.normalizer-source-card,.normalizer-settings,.normalizer-result{padding:1.25rem}.normalizer-settings.is-disabled{opacity:.58}.normalizer-settings>header,.normalizer-settings>header>div,.normalizer-result>header,.normalizer-result>header>div{display:flex;align-items:center}.normalizer-settings>header,.normalizer-result>header{justify-content:space-between;gap:1rem}.normalizer-settings>header>div,.normalizer-result>header>div{min-width:0;gap:.75rem}.normalizer-settings>header>div>span,.normalizer-result>header>div>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:#eaf0ff;color:var(--function-color-6)}.normalizer-settings h3,.normalizer-result h3{margin:0;color:#20242e;font-size:1rem;line-height:1.25}.normalizer-settings header p,.normalizer-result header p{margin:4px 0 0;color:#737b88;font-size:.72rem;line-height:1.5}.normalizer-settings>header>strong{flex:0 0 auto;color:var(--function-color-6);font-size:1.05rem;font-variant-numeric:tabular-nums}.normalizer-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:1rem}.normalizer-preset-grid button{min-width:0;min-height:66px;padding:12px;border:1px solid #dfe3ea;border-radius:var(--radius-md);background:#fff;color:#414958;cursor:pointer;text-align:left}.normalizer-preset-grid strong,.normalizer-preset-grid small{display:block}.normalizer-preset-grid strong{font-size:.76rem}.normalizer-preset-grid small{margin-top:4px;overflow:hidden;color:#7d8491;font-size:.62rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.normalizer-preset-grid button:hover:not(:disabled){border-color:var(--function-color-4);background:#f8f8ff}.normalizer-preset-grid button.is-active{border-color:var(--accent);background:var(--purple-0);box-shadow:inset 0 0 0 1px var(--accent);color:var(--function-color-6)}.normalizer-custom-field{display:block;min-width:0;margin:16px 0 0}.normalizer-custom-field>span{display:block;margin-bottom:4px;color:#616977;font-size:.64rem;font-weight:750}.normalizer-custom-field>div{height:40px;display:flex;align-items:center;overflow:hidden;border:1px solid #d9dde5;border-radius:var(--radius-md);background:#fff}.normalizer-custom-field input,.normalizer-custom-field select{width:100%;height:40px;border:1px solid #d9dde5;border-radius:var(--radius-md);background:#fff;color:#262c37;font-size:.76rem}.normalizer-custom-field input{min-width:0;padding:0 12px;border:0;border-radius:0}.normalizer-custom-field>div>span{flex:0 0 auto;padding-right:12px;color:#727a88;font-size:.68rem;font-weight:700}.normalizer-custom-field select{padding:0 12px}.normalizer-loudness-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.normalizer-action{min-width:220px;min-height:44px;margin:20px auto 0}.normalizer-settings .analysis-progress{margin-top:12px}.normalizer-result>header>strong{color:#535b68;font-size:.72rem;font-variant-numeric:tabular-nums}.normalizer-result>header>div>span{background:#d9f5ea;color:#08785a}.normalizer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:1rem;overflow:hidden;border-radius:var(--radius-md);border:1px solid #e2e5eb;background:#e2e5eb}.normalizer-metrics article{min-width:0;padding:12px 16px;background:#fff}.normalizer-metrics span,.normalizer-metrics strong,.normalizer-metrics small{display:block}.normalizer-metrics span{color:#707887;font-size:.56rem;font-weight:750;text-transform:uppercase}.normalizer-metrics strong{margin-top:4px;color:#252a34;font-size:.85rem;font-variant-numeric:tabular-nums}.normalizer-metrics small{margin-top:4px;overflow:hidden;color:#737b88;font-size:.58rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.normalizer-metrics article.is-primary strong{color:var(--function-color-4)}.normalizer-metrics article:nth-child(4):nth-last-child(2),.normalizer-metrics article:nth-child(5):last-child,.normalizer-metrics article:nth-child(7):last-child{grid-column:span 2}.normalizer-result-preview{margin-top:1rem}.normalizer-result-tabs{display:flex;gap:20px;margin-bottom:10px;border-bottom:1px solid #e2e5eb}.normalizer-result-tabs button{position:relative;min-height:34px;padding:0;border:0;background:transparent;color:#737b88;font-size:14px;cursor:pointer}.normalizer-result-tabs button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.normalizer-result-tabs button.is-active{color:#4754eb;font-weight:600}.normalizer-result-tabs button.is-active:after{background:#4754eb}.normalizer-export-format{margin-top:1rem}.normalizer-download{width:fit-content;min-height:42px;margin:1rem auto 0}.audio-normalizer-workbench>.status{margin:0}@media(max-width:760px){.normalizer-preset-grid,.normalizer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.normalizer-metrics article:nth-child(4):nth-last-child(2),.normalizer-metrics article:nth-child(5):last-child{grid-column:auto}.normalizer-metrics article:nth-child(5):last-child,.normalizer-metrics article:nth-child(7):last-child{grid-column:span 2}}@media(max-width:620px){.normalizer-mode-switch{display:grid;grid-template-columns:1fr}.normalizer-mode-switch button{min-height:76px;padding:16px}.normalizer-mode-switch button+button{border-top:1px solid #dfe3e9;border-left:0}.normalizer-settings>header,.normalizer-result>header{align-items:flex-start}.normalizer-loudness-fields{grid-template-columns:1fr}.normalizer-action,.normalizer-download{width:100%;min-width:0}}.audio-mastering-workbench{min-width:0;display:grid;gap:1.25rem;color:#171923}.audio-mastering-workbench button,.audio-mastering-workbench input,.audio-mastering-workbench output{letter-spacing:0}.mastering-console{padding-block:1.25rem;border-top:1px solid #e1e4ea;border-bottom:1px solid #e1e4ea}.mastering-console-header,.mastering-console-header>div,.mastering-module>header,.mastering-module>header>div,.mastering-result>header,.mastering-result>header>div{display:flex;align-items:center}.mastering-console-header,.mastering-result>header{justify-content:space-between;gap:1rem}.mastering-console-header>div,.mastering-result>header>div{min-width:0;gap:.75rem}.mastering-console-header>div>span,.mastering-result>header>div>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;background:var(--purple-0);color:var(--accent)}.mastering-console-header h3,.mastering-result h3{font-size:1rem;line-height:1.25}.mastering-console-header p,.mastering-result p{margin-top:4px;color:#737b88;font-size:.72rem;line-height:1.5}.mastering-console-header .secondary-button{min-height:38px;flex:0 0 auto;padding:.5rem .75rem;border-radius:6px;font-size:.7rem}.mastering-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-top:1px solid #e1e4ea;border-bottom:1px solid #e1e4ea}.mastering-module{min-width:0;padding:16px 20px 1.25rem}.mastering-module+.mastering-module{border-left:1px solid #e1e4ea}.mastering-module>header{min-height:30px;justify-content:space-between;gap:.75rem}.mastering-module>header>div{gap:8px}.mastering-module>header span{color:#9299a6;font-size:.6rem;font-weight:750}.mastering-module h4{font-size:.82rem}.mastering-module>p{min-height:3.2em;margin:8px 0 1rem;color:#777f8c;font-size:.66rem;line-height:1.6}.mastering-toggle{position:relative;display:inline-flex;cursor:pointer}.mastering-toggle input{position:absolute;opacity:0;pointer-events:none}.mastering-toggle i{position:relative;width:38px;height:22px;border-radius:999px;background:#c8cdd6;transition:background .15s ease}.mastering-toggle i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14192640;content:"";transition:transform .15s ease}.mastering-toggle input:checked+i{background:var(--accent)}.mastering-toggle input:checked+i:after{transform:translate(16px)}.mastering-toggle input:focus-visible+i{outline:3px solid rgb(var(--accent-rgb) / .2);outline-offset:2px}.mastering-toggle input:disabled+i{opacity:.45;cursor:not-allowed}.mastering-range-control{display:block}.mastering-range-control+.mastering-range-control{margin-top:16px}.mastering-range-control>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mastering-range-control strong,.mastering-range-control output{font-size:.64rem}.mastering-range-control strong{color:#515967}.mastering-range-control output{color:var(--purple-7);font-variant-numeric:tabular-nums;font-weight:750}.mastering-range-control input[type=range]{width:100%;height:4px;display:block;border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress, 0%),var(--border-strong) var(--range-progress, 0%) 100%);accent-color:var(--accent);cursor:pointer}.mastering-range-control input[type=range]:disabled{filter:grayscale(1);opacity:.38;cursor:not-allowed}.mastering-meter-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:20px;overflow:hidden;border-radius:6px;background:#363c49}.mastering-meter-strip>div{min-width:0;padding:12px 16px;background:#1d222c}.mastering-meter-strip span,.mastering-meter-strip strong{display:block}.mastering-meter-strip span{color:#9ba3b2;font-size:.56rem;font-weight:700;text-transform:uppercase}.mastering-meter-strip strong{margin-top:4px;overflow:hidden;color:#fff;font-size:.78rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.mastering-render-button{min-width:210px;min-height:44px;margin:20px auto 0;border-radius:6px;font-size:.78rem}.mastering-result{padding-top:20px;border-top:1px solid #e1e4ea}.mastering-result>header>strong{color:#535b68;font-size:.72rem;font-variant-numeric:tabular-nums}.mastering-ab-listen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.mastering-ab-listen label{min-width:0}.mastering-ab-listen label>span{display:block;margin-bottom:4px;color:#636b78;font-size:.64rem;font-weight:750}.mastering-ab-listen audio{width:100%;height:40px}.mastering-result>.primary-button{width:fit-content;min-height:42px;margin:1rem auto 0;border-radius:6px;font-size:.76rem}.audio-mastering-workbench>.status{margin:0}@media(max-width:900px){.mastering-modules{grid-template-columns:minmax(0,1fr)}.mastering-module+.mastering-module{border-top:1px solid #e1e4ea;border-left:0}.mastering-module>p{min-height:0}}@media(max-width:620px){.mastering-console-header,.mastering-result>header{align-items:stretch;flex-direction:column}.mastering-console-header .secondary-button{width:100%}.mastering-meter-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mastering-render-button,.mastering-result>.primary-button{width:100%;min-width:0}.mastering-ab-listen{grid-template-columns:minmax(0,1fr)}}.vocal-synth-workbench{min-width:0;display:grid;gap:1rem;color:var(--text)}.vocal-synth-workbench button,.vocal-synth-workbench input,.vocal-synth-workbench select,.vocal-synth-workbench textarea{letter-spacing:0}.vocal-synth-card,.vocal-synth-result{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-soft)}.vocal-synth-heading{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.vocal-synth-heading>span,.vocal-synth-result>header>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-tinted);color:var(--accent)}.vocal-synth-heading h3,.vocal-synth-result h3{margin:0;color:#20242e;font-size:1rem;line-height:1.3}.vocal-synth-heading p,.vocal-synth-result header p{margin:4px 0 0;color:#737b88;font-size:.72rem;line-height:1.45}.vocal-synth-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vocal-synth-presets button{min-width:0;min-height:70px;padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:#303641;cursor:pointer;text-align:left}.vocal-synth-presets strong,.vocal-synth-presets small{display:block}.vocal-synth-presets strong{font-size:.76rem}.vocal-synth-presets small{margin-top:4px;color:#7c8492;font-size:.61rem;line-height:1.35}.vocal-synth-presets button:hover:not(:disabled),.vocal-synth-presets button.is-active{border-color:var(--accent);background:var(--surface-tinted);color:var(--accent-dark)}.vocal-synth-presets button.is-active{box-shadow:inset 0 0 0 1px var(--accent)}.vocal-synth-editor{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.45fr);gap:1.25rem;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.vocal-synth-voice-panel{min-width:0}.vocal-synth-vowel-display{position:relative;min-height:152px;display:grid;place-items:center;align-content:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.vocal-synth-vowel-display>span{position:relative;z-index:2;color:var(--accent);font-size:3rem;font-weight:760;line-height:1}.vocal-synth-vowel-display>small{position:relative;z-index:2;margin-top:8px;color:var(--text-muted);font-size:.65rem;font-weight:700}.vocal-synth-vowel-display>i{position:absolute;top:50%;left:50%;border:1px solid #dce1f5;border-radius:50%;transform:translate(-50%,-50%)}.vocal-synth-vowel-display>i:nth-of-type(1){width:84px;height:84px}.vocal-synth-vowel-display>i:nth-of-type(2){width:118px;height:118px}.vocal-synth-vowel-display>i:nth-of-type(3){width:154px;height:154px}.vocal-synth-select{display:block;margin-top:12px}.vocal-synth-select>span,.vocal-synth-phrase-input>span,.vocal-synth-keyboard-toolbar>div>span{display:block;margin-bottom:4px;color:#59616d;font-size:.67rem;font-weight:700}.vocal-synth-select select{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:#2c313c;font-size:.75rem}.vocal-synth-select select:focus,.vocal-synth-phrase-input textarea:focus{border-color:var(--accent);outline:2px solid rgb(var(--accent-rgb) / .12)}.vocal-synth-vowels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:12px}.vocal-synth-vowels button{min-width:0;min-height:48px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:#424955;cursor:pointer}.vocal-synth-vowels strong,.vocal-synth-vowels small{display:block}.vocal-synth-vowels strong{font-size:.76rem}.vocal-synth-vowels small{margin-top:4px;color:#8a919d;font-size:.53rem}.vocal-synth-vowels button.is-active{border-color:var(--accent);background:var(--surface-tinted);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-dark)}.vocal-synth-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1rem}.vocal-synth-range{min-width:0}.vocal-synth-range>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.vocal-synth-range strong,.vocal-synth-range output{font-size:.69rem;line-height:1.3}.vocal-synth-range strong{color:#4d5562}.vocal-synth-range output{color:var(--accent);font-weight:750;font-variant-numeric:tabular-nums}.vocal-synth-range input[type=range]{width:100%;accent-color:var(--accent)}.vocal-synth-phrase-input{display:block}.vocal-synth-phrase-input textarea{width:100%;min-height:74px;resize:vertical;padding:.75rem 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:#252a34;font:650 .82rem/1.55 var(--font-sans)}.vocal-synth-phrase-input>small{display:block;margin-top:4px;color:#7a8290;font-size:.61rem}.vocal-synth-phrase-input>small.is-error{color:var(--danger)}.vocal-synth-keyboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:1rem}.vocal-synth-octave{display:inline-grid;grid-template-columns:34px minmax(82px,auto) 34px;align-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.vocal-synth-octave button{height:34px;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:1rem}.vocal-synth-octave strong{border-inline:1px solid var(--border);color:#343a45;font-size:.66rem;text-align:center}.vocal-synth-keyboard{min-width:0;display:grid;grid-template-columns:repeat(13,minmax(42px,1fr));gap:4px;margin-top:12px;overflow-x:auto;padding-bottom:.25rem}.vocal-synth-keyboard button{min-width:42px;height:62px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:#303641;cursor:pointer}.vocal-synth-keyboard button.is-accidental{border-color:#303642;background:#272c35;color:#fff}.vocal-synth-keyboard button.is-rest{background:var(--surface-tinted);color:var(--accent-dark)}.vocal-synth-keyboard strong,.vocal-synth-keyboard small{display:block}.vocal-synth-keyboard strong{font-size:.7rem}.vocal-synth-keyboard small{margin-top:4px;color:#8a919d;font-size:.52rem}.vocal-synth-keyboard button.is-accidental small{color:#abb1bc}.vocal-synth-phrase-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.vocal-synth-metrics,.vocal-synth-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:1rem;overflow:hidden;border-radius:var(--radius-md);background:#343a46}.vocal-synth-metrics>div,.vocal-synth-result-metrics>div{min-width:0;padding:.75rem 12px;background:#1f242d}.vocal-synth-metrics span,.vocal-synth-metrics strong,.vocal-synth-result-metrics span,.vocal-synth-result-metrics strong{display:block}.vocal-synth-metrics span,.vocal-synth-result-metrics span{color:#949dac;font-size:.55rem;font-weight:700;text-transform:uppercase}.vocal-synth-metrics strong,.vocal-synth-result-metrics strong{margin-top:4px;overflow:hidden;color:#fff;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.vocal-synth-generate{width:fit-content;min-height:44px;margin:20px auto 0}.vocal-synth-result>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.vocal-synth-result>header>span{background:#d9f5ea;color:var(--success-dark)}.vocal-synth-result>header>strong{color:#58616e;font-size:.68rem}.vocal-synth-result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vocal-synth-result audio{width:100%;height:40px;margin-top:1rem}.vocal-synth-result>.primary-button{width:fit-content;margin:1rem auto 0}.vocal-synth-workbench>.status{margin:0}.vocal-synth-reset{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;margin-left:auto;border:1px solid currentColor;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}@media(max-width:900px){.vocal-synth-presets,.vocal-synth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vocal-synth-editor{grid-template-columns:minmax(210px,.7fr) minmax(0,1fr)}.vocal-synth-controls{grid-template-columns:1fr}}@media(max-width:680px){.vocal-synth-editor,.vocal-synth-phrase-controls{grid-template-columns:1fr}.vocal-synth-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.vocal-synth-keyboard-toolbar{align-items:stretch;flex-direction:column}.vocal-synth-keyboard-toolbar .secondary-button{width:100%}.vocal-synth-generate,.vocal-synth-result>.primary-button{width:100%}}@media(max-width:460px){.vocal-synth-card,.vocal-synth-result{padding:1rem}.vocal-synth-presets,.vocal-synth-controls,.vocal-synth-metrics,.vocal-synth-result-metrics{grid-template-columns:1fr}.vocal-synth-result>header{grid-template-columns:auto minmax(0,1fr)}.vocal-synth-result>header>strong{grid-column:2}}input[type=range]:not(.range-progress-manual){height:8px;padding:0;border:0;border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress, 0%),var(--border-strong) var(--range-progress, 0%) 100%)!important;appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:not(.range-progress-manual)::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:transparent}input[type=range]:not(.range-progress-manual)::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px;border:2px solid var(--accent);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-accent);-webkit-appearance:none;appearance:none}input[type=range]:not(.range-progress-manual)::-moz-range-track{height:8px;border-radius:999px;background:var(--border-strong)}input[type=range]:not(.range-progress-manual)::-moz-range-progress{height:8px;border-radius:999px;background:var(--accent)}input[type=range]:not(.range-progress-manual)::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--accent);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-accent)}input[type=range]:not(.range-progress-manual):disabled{cursor:not-allowed;opacity:.45}.immersive-audio-workbench{min-width:0;display:grid;gap:1rem;color:#171923}.immersive-audio-workbench button,.immersive-audio-workbench input{letter-spacing:0}.immersive-source-card,.immersive-scene-card,.immersive-result-card{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-soft)}.immersive-scene-card.is-disabled{opacity:.58}.immersive-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.immersive-section-heading>span,.immersive-result-card>header>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-tinted);color:var(--accent)}.immersive-section-heading h3,.immersive-result-card h3{margin:0;color:#20242e;font-size:1rem;line-height:1.3}.immersive-section-heading p,.immersive-result-card header p{margin:4px 0 0;color:#737b88;font-size:.72rem;line-height:1.45}.immersive-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.immersive-preset-grid button{min-width:0;min-height:70px;padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;color:#303641;cursor:pointer;text-align:left}.immersive-preset-grid strong,.immersive-preset-grid small{display:block}.immersive-preset-grid strong{font-size:.76rem}.immersive-preset-grid small{margin-top:4px;color:#7c8492;font-size:.61rem;line-height:1.35}.immersive-preset-grid button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-tinted)}.immersive-preset-grid button.is-active{border-color:var(--accent);background:var(--surface-tinted);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-dark)}.immersive-editor-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.55fr);align-items:center;gap:1.25rem;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7ec}.immersive-position-map{position:relative;width:min(100%,270px);aspect-ratio:1;margin-inline:auto;overflow:hidden;border:1px solid var(--border-strong);border-radius:50%;background:#f7f8fb}.immersive-position-map:before,.immersive-position-map:after{position:absolute;content:"";background:#dfe3e9}.immersive-position-map:before{top:50%;left:10%;width:80%;height:1px}.immersive-position-map:after{top:10%;left:50%;width:1px;height:80%}.immersive-map-ring{position:absolute;top:50%;left:50%;border:1px solid #d7dce4;border-radius:50%;transform:translate(-50%,-50%)}.immersive-map-ring.is-outer{width:72%;height:72%}.immersive-map-ring.is-inner{width:38%;height:38%}.immersive-map-label{position:absolute;z-index:2;color:#8a929f;font-size:.58rem;font-weight:700;text-transform:uppercase}.immersive-map-label.is-front{top:.7rem;left:50%;transform:translate(-50%)}.immersive-map-label.is-back{bottom:.7rem;left:50%;transform:translate(-50%)}.immersive-map-label.is-left{top:50%;left:.8rem;transform:translateY(-50%)}.immersive-map-label.is-right{top:50%;right:.8rem;transform:translateY(-50%)}.immersive-listener,.immersive-source-dot{position:absolute;z-index:3;display:grid;place-items:center;border-radius:50%}.immersive-listener{top:50%;left:50%;width:58px;height:58px;background:#252b35;color:#fff;transform:translate(-50%,-50%);box-shadow:0 8px 20px #1b1f282e}.immersive-source-dot{width:34px;height:34px;border:3px solid #fff;background:var(--accent);color:#fff;transform:translate(-50%,-50%);box-shadow:var(--shadow-accent);transition:left .18s ease,top .18s ease}.immersive-source-dot.motion-orbit svg{animation:spin 4s linear infinite}.immersive-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.immersive-range-control{min-width:0;margin:0}.immersive-range-control>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.immersive-range-control strong,.immersive-range-control output{font-size:14px;line-height:1.3}.immersive-range-control strong{color:#4d5562}.immersive-range-control output{color:var(--accent);font-weight:400;font-variant-numeric:tabular-nums}.immersive-range-control input[type=range]{width:100%;accent-color:var(--accent)}.immersive-motion-row{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(180px,.85fr);align-items:center;gap:1rem;margin-top:20px;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}.immersive-motion-row>div:first-child{display:flex;align-items:center;gap:12px}.immersive-motion-row>div:first-child>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-tinted);color:var(--accent)}.immersive-motion-row strong,.immersive-motion-row small{display:block}.immersive-motion-row strong{color:#303641;font-size:.74rem}.immersive-motion-row small{margin-top:4px;color:#818997;font-size:.61rem;line-height:1.35}.immersive-motion-options{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md)}.immersive-motion-options button{min-width:74px;height:38px;padding:0 12px;border-left:1px solid var(--border-strong);background:#fff;color:#646c79;cursor:pointer;font-size:.65rem;font-weight:700}.immersive-motion-options button:first-child{border-left:0}.immersive-motion-options button.is-active{background:var(--surface-tinted);color:var(--accent-dark)}.immersive-meter-strip,.immersive-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:1rem;overflow:hidden;border-radius:var(--radius-md);background:#343a46}.immersive-meter-strip>div,.immersive-result-metrics>div{min-width:0;padding:.75rem 12px;background:#1f242d}.immersive-meter-strip span,.immersive-meter-strip strong,.immersive-result-metrics span,.immersive-result-metrics strong{display:block}.immersive-meter-strip span,.immersive-result-metrics span{color:#949dac;font-size:.55rem;font-weight:700;text-transform:uppercase}.immersive-meter-strip strong,.immersive-result-metrics strong{margin-top:4px;overflow:hidden;color:#fff;font-size:.76rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.immersive-render-button,.immersive-download{width:fit-content;min-height:44px;margin:20px auto 0}.immersive-result-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.immersive-result-card>header>span{background:#d9f5ea;color:#08785a}.immersive-result-card>header>strong{color:#58616e;font-size:.68rem;font-variant-numeric:tabular-nums}.immersive-result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.immersive-ab-listen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.immersive-ab-listen label>span{display:block;margin-bottom:4px;color:#626b78;font-size:.64rem;font-weight:750}.immersive-ab-listen audio{width:100%;height:40px}.immersive-audio-workbench>.status{margin:0}@media(max-width:900px){.immersive-preset-grid,.immersive-meter-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.immersive-motion-row{grid-template-columns:1fr}.immersive-motion-options{width:100%}}@media(max-width:680px){.immersive-range-control strong,.immersive-range-control output{font-size:12px}.immersive-editor-layout{grid-template-columns:1fr}.immersive-position-map{width:min(100%,240px)}.immersive-controls-grid,.immersive-ab-listen{grid-template-columns:1fr}.immersive-result-card>header{grid-template-columns:auto minmax(0,1fr)}.immersive-result-card>header>strong{grid-column:2}.immersive-render-button,.immersive-download{width:100%}}@media(max-width:460px){.immersive-source-card,.immersive-scene-card,.immersive-result-card{padding:1rem}.immersive-preset-grid,.immersive-meter-strip,.immersive-result-metrics{grid-template-columns:1fr}.immersive-motion-options button{min-width:0;padding:0 4px}}.ringtone-maker-workbench{min-width:0;color:#171923}.ringtone-maker-workbench button,.ringtone-maker-workbench input{letter-spacing:0}.ringtone-source-card,.ringtone-editor-card,.ringtone-settings-card,.ringtone-result-card{min-width:0;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fbfbfc}.ringtone-source-card{padding:1.25rem}.ringtone-editor-card,.ringtone-settings-card{margin-top:1rem;padding:1.5rem}.ringtone-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ringtone-section-heading>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:#fcecf2;color:#c33469}.ringtone-section-heading h3{margin:0;color:#171923;font-size:1rem;line-height:1.3}.ringtone-section-heading p{margin:4px 0 0;color:#737b89;font-size:.76rem;line-height:1.45}.ringtone-duration-presets{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:12px}.ringtone-duration-presets>span{margin-right:4px;color:#747c8a;font-size:.68rem;font-weight:700}.ringtone-duration-presets button{min-width:48px;height:32px;padding:0 12px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#4f5664;cursor:pointer;font-size:.72rem;font-weight:700}.ringtone-duration-presets button:hover:not(:disabled){border-color:#ca7b9b;color:#a9275a}.ringtone-duration-presets button.is-active{border-color:#c33469;background:#fcecf2;color:#a9275a;box-shadow:inset 0 0 0 1px #c33469}.ringtone-waveform{position:relative;height:164px;overflow:hidden;border:0;border-radius:var(--radius-lg);background:#f8f8fc;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.ringtone-waveform canvas{width:100%;height:100%;display:block}.ringtone-waveform-shade,.ringtone-selection{position:absolute;top:0;bottom:0;pointer-events:none}.ringtone-waveform-shade{background:#16182357}.ringtone-waveform-shade.is-left{left:0}.ringtone-waveform-shade.is-right{right:0}.ringtone-selection{border-top:2px solid #c33469;border-bottom:2px solid #c33469;background:#c3346914}.ringtone-selection i{position:absolute;top:0;bottom:0;width:8px;border:2px solid #fff;border-radius:5px;background:#c33469;box-shadow:0 0 0 1px #c33469}.ringtone-selection i.is-start{left:0;transform:translate(-50%)}.ringtone-selection i.is-end{right:0;transform:translate(50%)}.ringtone-time-row{display:grid;grid-template-columns:repeat(2,minmax(115px,.75fr)) minmax(150px,1fr) auto;align-items:end;gap:.75rem;margin-top:16px}.ringtone-time-row label{position:relative;min-width:0;margin:0}.ringtone-time-row label>span,.ringtone-selection-summary>span{display:block;margin-bottom:4px;color:#747c8a;font-size:.68rem;font-weight:650}.ringtone-time-row input{width:100%;height:40px;padding:0 48px 0 .75rem;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#20232e;font-size:.82rem;font-variant-numeric:tabular-nums}.ringtone-time-row label>small{position:absolute;right:.65rem;bottom:.75rem;color:#8b92a0;font-size:.62rem;pointer-events:none}.ringtone-selection-summary{min-width:0}.ringtone-selection-summary strong,.ringtone-selection-summary small{display:block}.ringtone-selection-summary strong{color:#222632;font-size:1.05rem;font-variant-numeric:tabular-nums}.ringtone-selection-summary small{margin-top:4px;color:#8a91a0;font-size:.62rem;line-height:1.3}.ringtone-preview-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #d9dde5;border-radius:var(--radius-md);background:#fff;color:#343945;cursor:pointer;font-size:.78rem;font-weight:700}.ringtone-preview-button.is-playing{border-color:#c33469;background:#fcecf2;color:#a9275a}.ringtone-fade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ringtone-fade-grid label{min-width:0;margin:0}.ringtone-fade-grid label>span{display:flex;justify-content:space-between;gap:1rem;margin-bottom:8px;color:#333844;font-size:.74rem;font-weight:650}.ringtone-fade-grid output{color:#a9275a;font-variant-numeric:tabular-nums}.ringtone-fade-grid input[type=range]{width:100%;accent-color:#c33469}.ringtone-format-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7ec}.ringtone-task-section{display:grid;gap:8px;margin-bottom:16px}.ringtone-task-section>span{color:var(--function-gray-7);font-size:.72rem;font-weight:650}.ringtone-format-section>span{display:block;margin-bottom:8px;color:#747c8a;font-size:.68rem;font-weight:700}.ringtone-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #dfe3e9;border-radius:var(--radius-lg);background:#fff}.ringtone-format-grid button{position:relative;min-width:0;min-height:62px;padding:12px 2rem 12px 12px;border-left:1px solid #e3e6eb;background:#fff;color:#2a2e39;cursor:pointer;text-align:left}.ringtone-format-grid button:first-child{border-left:0}.ringtone-format-grid strong,.ringtone-format-grid small{display:block}.ringtone-format-grid strong{font-size:.8rem}.ringtone-format-grid small{margin-top:4px;overflow-wrap:anywhere;color:#818896;font-size:.61rem;line-height:1.25}.ringtone-format-grid svg{position:absolute;top:50%;right:.7rem;color:#c33469;transform:translateY(-50%)}.ringtone-format-grid button:hover:not(:disabled){background:#faf8f9}.ringtone-format-grid button.is-active{background:#fcecf2;color:#99234f;box-shadow:inset 0 0 0 1px #c33469}.ringtone-create-button{width:fit-content;display:flex;min-height:46px;margin:20px auto 0}.ringtone-result-card{display:grid;grid-template-columns:auto minmax(160px,.8fr) minmax(220px,1.2fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:16px;border-color:#b9e5d4;background:#f3fbf8}.ringtone-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d9f5ea;color:#08785a}.ringtone-result-card>div>span,.ringtone-result-card>div>strong,.ringtone-result-card>div>small{display:block}.ringtone-result-card>div>span{color:#08785a;font-size:.66rem;font-weight:700}.ringtone-result-card>div>strong{margin-top:4px;overflow-wrap:anywhere;color:#20252f;font-size:.83rem}.ringtone-result-card>div>small{margin-top:4px;color:#6f7b7a;font-size:.64rem;line-height:1.35}.ringtone-result-card audio{width:100%;min-width:0;height:40px}@media(max-width:900px){.ringtone-time-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ringtone-preview-button{width:100%}.ringtone-result-card{grid-template-columns:auto minmax(0,1fr) auto}.ringtone-result-card audio{grid-column:1 / -1;grid-row:2}}@media(max-width:680px){.ringtone-editor-card,.ringtone-settings-card{padding:20px}.ringtone-section-heading{align-items:flex-start}.ringtone-fade-grid{grid-template-columns:1fr}.ringtone-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ringtone-format-grid button:nth-child(3){border-left:0;border-top:1px solid #e3e6eb}.ringtone-format-grid button:nth-child(4){border-top:1px solid #e3e6eb}.ringtone-result-card{grid-template-columns:auto minmax(0,1fr)}.ringtone-result-card audio,.ringtone-result-card .primary-button{grid-column:1 / -1}.ringtone-result-card .primary-button{width:100%}}@media(max-width:460px){.ringtone-time-row{grid-template-columns:1fr}.ringtone-waveform{height:136px}.ringtone-duration-presets>span{width:100%}}.audio-looper-workbench,.audio-to-midi-workbench{min-width:0;color:#171923}.audio-looper-workbench button,.audio-looper-workbench input,.audio-looper-workbench select,.audio-to-midi-workbench button,.audio-to-midi-workbench input,.audio-to-midi-workbench select{letter-spacing:0}.looper-source-card,.looper-editor-card,.looper-settings-card,.looper-result-card,.midi-source-card,.midi-analysis-card,.midi-edit-card,.midi-result-card,.midi-download-card{min-width:0;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fbfbfc}.looper-source-card,.midi-source-card{padding:1.25rem}.looper-editor-card,.looper-settings-card,.midi-analysis-card,.midi-edit-card,.midi-result-card{margin-top:1rem;padding:1.5rem}.looper-section-heading,.midi-section-heading,.looper-subheading,.midi-result-heading,.midi-export-row,.midi-download-card{display:flex;align-items:center}.looper-section-heading,.midi-section-heading{gap:12px;margin-bottom:20px}.looper-section-heading>span,.midi-section-heading>span,.looper-subheading>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--purple-0);color:var(--accent)}.looper-section-heading h3,.midi-section-heading h3,.midi-result-heading h3{margin:0;color:#171923;font-size:1rem;line-height:1.3;letter-spacing:0}.looper-section-heading p,.midi-section-heading p,.midi-result-heading p{margin:4px 0 0;color:#737b89;font-size:14px;line-height:1.45}.looper-waveform{position:relative;height:156px;overflow:hidden;border:0;border-radius:var(--radius-lg);background:#f7f8ff;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.looper-waveform canvas{width:100%;height:100%;display:block}.looper-waveform-shade,.looper-selection{position:absolute;top:0;bottom:0;pointer-events:none}.looper-waveform-shade{background:#16182352}.looper-waveform-shade.is-left{left:0}.looper-waveform-shade.is-right{right:0}.looper-selection{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);background:rgb(var(--accent-rgb) / .08)}.looper-selection-handle{position:absolute;top:0;bottom:0;width:8px;padding:0;border:2px solid #fff;border-radius:5px;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:ew-resize;pointer-events:auto;touch-action:none}.looper-selection-handle.is-start{left:0;transform:translate(-50%)}.looper-selection-handle.is-end{right:0;transform:translate(50%)}.looper-time-row{display:grid;grid-template-columns:repeat(2,minmax(115px,.75fr)) minmax(145px,1fr) auto;align-items:end;gap:.75rem;margin-top:16px}.looper-time-row label,.looper-time-row>div{min-width:0;margin:0}.looper-time-row label>span,.looper-time-row>div>span,.looper-time-row>div>strong,.looper-time-row>div>small{display:block}.looper-time-row label>span,.looper-time-row>div>span{margin-bottom:4px;color:#747c8a;font-size:14px;font-weight:650}.looper-time-row input{width:100%;height:40px;padding:0 48px 0 .75rem;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#20232e;font-size:16px;font-variant-numeric:tabular-nums}.looper-time-row label{position:relative}.looper-time-row label>small{position:absolute;right:.65rem;bottom:.75rem;color:#8b92a0;font-size:12px;pointer-events:none}.looper-time-row>div>strong{color:#222632;font-size:16px;font-variant-numeric:tabular-nums}.looper-time-row>div>small{margin-top:4px;color:#8a91a0;font-size:12px}.looper-preview-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #d9dde5;border-radius:var(--radius-md);background:#fff;color:#343945;cursor:pointer;font-size:14px;font-weight:700}.looper-preview-button.is-playing{border-color:#5d66e8;background:var(--purple-0);color:#3d46cf}.looper-mode-control{margin-bottom:16px}.looper-mode-control>span,.looper-target-control>span{display:block;margin-bottom:8px;color:#747c8a;font-size:14px;font-weight:650}.looper-mode-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#f5f6f8}.looper-mode-segmented button{min-width:0;min-height:64px;padding:12px 16px;border-right:1px solid #dfe3e9;background:transparent;color:#6f7785;cursor:pointer;text-align:left}.looper-mode-segmented button:last-child{border-right:0}.looper-mode-segmented strong,.looper-mode-segmented small{display:block}.looper-mode-segmented strong{color:#343945;font-size:14px}.looper-mode-segmented small{margin-top:4px;font-size:12px;line-height:1.35}.looper-mode-segmented button.is-active{background:#fff;color:#555edb;box-shadow:inset 0 -2px 0 var(--accent)}.looper-mode-segmented button.is-active strong{color:#363fcd}.looper-sound-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #e5e7ec}.looper-advanced-trigger{width:100%;min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:8px 16px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#343945;cursor:pointer;text-align:left}.looper-advanced-trigger>span:nth-child(2){min-width:0}.looper-advanced-trigger strong,.looper-advanced-trigger small{display:block}.looper-advanced-trigger strong{font-size:14px}.looper-advanced-trigger small{margin-top:4px;color:#7b8391;font-size:12px}.looper-advanced-trigger>svg{color:#747c8a;transition:transform .16s ease}.looper-advanced-trigger.is-open>svg{transform:rotate(180deg)}.looper-advanced-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--purple-0);color:var(--accent)}.looper-advanced-panel{padding:16px;border:1px solid #dfe3e9;border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);background:#f8f9fb}.looper-advanced-trigger.is-open{border-radius:var(--radius-md) var(--radius-md) 0 0;background:#fbfbff}.looper-advanced-panel .looper-sound-section{margin:0;padding:0;border:0}.looper-subheading{gap:12px;margin-bottom:12px}.looper-subheading>span{width:34px;height:34px;background:#eef7f8;color:#14798b}.looper-subheading strong,.looper-subheading small{display:block}.looper-subheading strong{color:#2a2e3a;font-size:14px}.looper-subheading small{margin-top:4px;color:#7b8391;font-size:12px}.looper-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.looper-sound-preset,.midi-sensitivity-grid button{min-width:0;min-height:104px;padding:12px;border:1px solid #e0e3e9;border-radius:var(--radius-lg);background:#fff;color:#262a35;cursor:pointer;text-align:left}.looper-sound-preset strong,.looper-sound-preset span,.looper-sound-preset small,.midi-sensitivity-grid strong,.midi-sensitivity-grid span{display:block}.looper-sound-preset strong,.midi-sensitivity-grid strong{font-size:14px;line-height:1.3}.looper-sound-preset span,.midi-sensitivity-grid span{margin-top:4px;color:#727a88;font-size:12px;line-height:1.35}.looper-sound-preset small{margin-top:8px;color:#8b92a0;font-size:12px;line-height:1.3}.looper-sound-preset:hover:not(:disabled),.midi-sensitivity-grid button:hover:not(:disabled){border-color:#8f96ee}.looper-sound-preset.is-active,.midi-sensitivity-grid button.is-active{border-color:var(--accent);background:var(--purple-0);color:#333cc9;box-shadow:inset 0 0 0 1px var(--accent)}.looper-transform-grid,.looper-fade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.looper-transform-grid label,.looper-fade-grid label,.midi-transpose-field{min-width:0;margin:0}.looper-transform-grid label>span,.looper-fade-grid label>span,.midi-transpose-field>span{display:flex;justify-content:space-between;gap:1rem;margin-bottom:8px;color:#333844;font-size:14px;font-weight:650}.looper-transform-grid output,.looper-fade-grid output,.midi-transpose-field output{color:var(--function-color-6);font-variant-numeric:tabular-nums}.looper-transform-grid input[type=range],.looper-fade-grid input[type=range],.midi-transpose-field input[type=range]{width:100%;accent-color:var(--accent)}.looper-transform-grid label>small{display:block;margin-top:4px;color:#838b99;font-size:12px;line-height:1.4}.looper-settings-grid{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(180px,1fr) minmax(160px,.8fr);align-items:end;gap:12px}.looper-count-control>span,.looper-target-control>span,.looper-output-summary>span{display:block;margin-bottom:8px;color:#747c8a;font-size:14px;font-weight:650}.looper-count-control>div{height:40px;display:grid;grid-template-columns:40px minmax(70px,1fr) 40px;border:1px solid #dfe3e9;border-radius:var(--radius-md);overflow:hidden;background:#fff}.looper-count-control button{display:grid;place-items:center;background:#f7f8fa;color:#3a3f4b;cursor:pointer}.looper-count-control button:first-child{border-right:1px solid #e2e5eb}.looper-count-control button:last-child{border-left:1px solid #e2e5eb}.looper-count-control label{position:relative;display:block;margin:0}.looper-count-control input{width:100%;height:38px;padding:0 48px;border:0;background:#fff;color:#20232e;font-weight:700;text-align:center}.looper-count-control label small{position:absolute;top:50%;right:12px;color:#8b92a0;font-size:12px;transform:translateY(-50%);pointer-events:none}.looper-target-control label{position:relative;display:block;margin:0}.looper-target-control label input{width:100%;height:40px;padding:0 64px 0 12px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#20232e;font-weight:700;font-variant-numeric:tabular-nums}.looper-target-control label small{position:absolute;top:50%;right:12px;color:#8b92a0;font-size:12px;transform:translateY(-50%);pointer-events:none}.looper-target-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px}.looper-target-presets button{min-height:28px;padding:4px;border:1px solid #e0e3e9;border-radius:var(--radius-sm);background:#fff;color:#6f7785;cursor:pointer;font-size:12px;font-weight:650}.looper-target-presets button.is-active{border-color:var(--accent);background:var(--purple-0);color:#3b44cf}.looper-output-summary{min-height:40px}.looper-output-summary strong,.looper-output-summary small{display:block}.looper-output-summary strong{color:#222632;font-size:16px;line-height:1.05}.looper-output-summary small{margin-top:4px;color:#858d9b;font-size:12px;line-height:1.3}.looper-format-control{margin:0}.looper-format-before-create{width:min(100%,280px);margin:20px 0 0}.looper-preview-audio{display:none}.looper-trim-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.looper-trim-action>span{color:#737b89;font-size:14px}.looper-trim-action .secondary-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:14px}.looper-trim-modal-backdrop{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:24px;background:#0d0d1b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.looper-trim-modal{position:relative;width:min(760px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;margin:0}.looper-trim-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f3f4f7;color:#737b89}.looper-trim-player{margin-top:16px}.looper-trim-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.looper-format-control .converter-format-trigger{min-height:40px}.looper-fade-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.looper-create-button,.midi-analyze-button{width:fit-content;display:flex;min-height:46px;margin:20px 0 0}.looper-result-card{display:grid;grid-template-columns:auto minmax(160px,.8fr) minmax(220px,1.2fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:16px;background:#f3fbf8;border-color:#b9e5d4}.looper-result-icon,.midi-download-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d9f5ea;color:#08785a}.looper-result-card>div>span,.looper-result-card>div>strong,.looper-result-card>div>small,.midi-download-card strong,.midi-download-card small{display:block}.looper-result-card>div>span{color:#08785a;font-size:12px;font-weight:700}.looper-result-card>div>strong,.midi-download-card strong{margin-top:4px;overflow-wrap:anywhere;color:#20252f;font-size:14px}.looper-result-card>div>small,.midi-download-card small{margin-top:4px;color:#6f7b7a;font-size:12px}.looper-result-card audio{width:100%;min-width:0;height:40px}.midi-sensitivity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.midi-sensitivity-grid button{min-height:88px}.midi-edit-grid{display:grid;grid-template-columns:.7fr 1fr 1fr 1.5fr;align-items:end;gap:.75rem}.midi-edit-grid label{min-width:0;margin:0}.midi-edit-grid label>span{display:block;margin-bottom:8px;color:#747c8a;font-size:.68rem;font-weight:650}.midi-edit-grid input[type=number],.midi-edit-grid select{width:100%;height:40px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#242833;font-size:.78rem}.midi-edit-grid select{padding:0 2rem 0 12px}.midi-number-field{position:relative}.midi-number-field input{padding:0 44px 0 12px}.midi-number-field small{position:absolute;top:50%;right:.7rem;color:#858d9b;font-size:.6rem;transform:translateY(-50%);pointer-events:none}.midi-transpose-field{padding-bottom:.25rem}.midi-result-heading{justify-content:space-between;gap:1rem;margin-bottom:1rem}.midi-result-heading>div>span{color:var(--function-color-6);font-size:.66rem;font-weight:750;text-transform:uppercase}.midi-result-heading h3{margin-top:4px;font-size:1.2rem}.midi-result-heading .secondary-button{flex:0 0 auto;min-height:40px;border-width:1px}.midi-result-heading .secondary-button.is-active{border-color:var(--accent);background:var(--purple-0);color:#3e47d0}.midi-piano-roll{min-width:0;overflow-x:auto;border:1px solid #e0e3e9;border-radius:var(--radius-lg);background:#fff}.midi-piano-roll svg{width:100%;min-width:660px;display:block}.midi-roll-surface{fill:#f8f9fb;stroke:#e3e6eb}.midi-roll-grid{stroke:#e7e9ee;stroke-width:1}.midi-roll-grid.is-octave{stroke:#cbd0d9}.midi-roll-time-grid{stroke:#d8dce4;stroke-width:1;stroke-dasharray:3 6}.midi-roll-label{fill:#7e8795;font-size:10px;font-variant-numeric:tabular-nums}.midi-roll-note{fill:var(--accent);stroke:#3f48cf;stroke-width:.6}.midi-note-list{margin-top:1rem;overflow:hidden;border:1px solid #e2e5eb;border-radius:var(--radius-lg);background:#fff}.midi-note-row{min-height:38px;display:grid;grid-template-columns:1fr repeat(3,.8fr);align-items:center;gap:.75rem;padding:0 16px;border-bottom:1px solid #eceef2;color:#626b79;font-size:.7rem;font-variant-numeric:tabular-nums}.midi-note-row.is-heading{min-height:34px;background:#f5f6f8;color:#777f8d;font-size:.63rem;font-weight:700}.midi-note-row strong{color:#2a2f3b;font-size:.78rem}.midi-note-list>small{display:block;padding:12px 16px;color:#858d9b;font-size:.62rem}.midi-export-row{justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.midi-export-row>span{color:#858d9b;font-size:.64rem}.midi-download-card{gap:16px;margin-top:1rem;padding:1rem 16px;border-color:#b9e5d4;background:#f3fbf8}.midi-download-card>div{min-width:0;flex:1}.midi-download-card .primary-button{flex:0 0 auto}@media(max-width:900px){.looper-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.looper-settings-grid,.midi-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.looper-result-card{grid-template-columns:auto minmax(0,1fr) auto}.looper-result-card audio{grid-column:1 / -1;grid-row:2}}@media(max-width:680px){.looper-editor-card,.looper-settings-card,.midi-analysis-card,.midi-edit-card,.midi-result-card{padding:20px}.looper-section-heading,.midi-section-heading,.midi-result-heading{align-items:flex-start}.looper-time-row{grid-template-columns:repeat(2,minmax(0,1fr))}.looper-time-row .looper-preview-button{width:100%}.looper-section-heading p,.looper-time-row label>span,.looper-time-row>div>span,.looper-preview-button,.looper-mode-control>span,.looper-target-control>span,.looper-mode-segmented strong,.looper-transform-grid label>span,.looper-fade-grid label>span,.looper-count-control>span,.looper-output-summary>span,.looper-trim-action>span,.looper-trim-action .secondary-button{font-size:12px}.looper-time-row input,.looper-time-row>div>strong,.looper-output-summary strong{font-size:14px}.looper-trim-modal-backdrop{align-items:end;padding:12px}.looper-trim-modal{max-height:calc(100vh - 24px)}.looper-trim-action{align-items:flex-start}.looper-preset-grid,.midi-sensitivity-grid{grid-template-columns:1fr}.looper-sound-preset{min-height:82px}.looper-transform-grid,.looper-fade-grid,.looper-settings-grid,.midi-edit-grid{grid-template-columns:1fr}.looper-result-card{grid-template-columns:auto minmax(0,1fr)}.looper-result-card audio,.looper-result-card .primary-button{grid-column:1 / -1}.looper-result-card .primary-button{width:100%}.midi-result-heading{flex-direction:column}.midi-result-heading .secondary-button{width:100%}.midi-download-card{align-items:flex-start;flex-wrap:wrap}.midi-download-card .primary-button{width:100%;flex-basis:100%}}@media(max-width:460px){.looper-time-row{grid-template-columns:1fr}.looper-waveform{height:132px}.midi-note-row{grid-template-columns:.9fr repeat(3,.75fr);gap:4px;padding:0 8px;font-size:.62rem}}.audio-joiner-workbench,.audio-joiner-workbench button,.audio-joiner-workbench input,.audio-joiner-workbench select{letter-spacing:0}.joiner-editor-card,.joiner-result-card{min-width:0;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fbfbfc}.joiner-editor-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--function-gray-4);border-radius:var(--radius-lg);background:var(--function-gray-0)}.joiner-editor-entry>div{min-width:0;display:grid;gap:4px}.joiner-editor-entry strong{color:var(--function-gray-9);font-size:14px;font-weight:500}.joiner-editor-entry span{color:var(--function-gray-6);font-size:12px}.joiner-editor-entry .primary-button{min-height:40px;flex:0 0 auto;padding:0 16px;font-size:14px}.joiner-editor-overlay{position:fixed;z-index:2100;inset:0;display:grid;align-items:end;padding:72px 24px 0;background:#040410ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joiner-editor-drawer{position:relative;width:min(1180px,100%);max-height:calc(100dvh - 72px);margin:0 auto;overflow:auto;padding:36px 24px 32px;border:1px solid rgb(255 255 255 / .14);border-bottom:0;border-radius:16px 16px 0 0;background:#0d0d1b;box-shadow:0 -24px 80px #0000005c}.joiner-editor-drawer-handle{position:absolute;top:12px;left:50%;width:40px;height:4px;border-radius:999px;background:#ffffff52;transform:translate(-50%)}.joiner-editor-close{position:sticky;top:0;z-index:3;width:36px;height:36px;display:grid;place-items:center;float:right;margin-top:-24px;padding:0;border:1px solid rgb(255 255 255 / .18);border-radius:50%;background:#ffffff14;color:#ffffffe0;cursor:pointer}.joiner-editor-close:hover{background:#ffffff29}.joiner-editor-drawer .joiner-editor-card{clear:both;padding:0;border:0;border-radius:0;background:transparent}.joiner-editor-drawer .joiner-editor-heading h3,.joiner-editor-drawer .joiner-track-heading strong{color:#fff}.joiner-editor-drawer .joiner-editor-heading p,.joiner-editor-drawer .joiner-track-heading>span,.joiner-editor-drawer .joiner-track-heading small{color:#ffffff94}.joiner-editor-drawer .joiner-editor-heading>div>span{background:#4754eb33;color:#9aa4ff}.joiner-editor-drawer .joiner-reset-button{border-color:#ffffff2e;background:#ffffff14;color:#fffc}.joiner-editor-drawer .joiner-track-actions{border-color:#ffffff1f}.joiner-editor-drawer .joiner-track-actions>button{border-color:#ffffff24;background:#1a1a2a;color:#ffffffc2}.joiner-editor-drawer .joiner-track-actions>button:hover:not(:disabled){background:#25253a;color:#fff}.joiner-project-toolbar{grid-template-columns:minmax(0,1fr)}.joiner-editor-drawer .joiner-project-toolbar,.joiner-editor-drawer .editor-project-settings{background:#171726}.joiner-editor-drawer .joiner-project-playback{background:#202033}.joiner-editor-drawer .audio-playback-play,.joiner-editor-drawer .audio-playback-bar output{color:#fffc}.joiner-editor-drawer .editor-project-settings,.joiner-editor-drawer .editor-segmented,.joiner-editor-drawer .wav-output-settings select{border-color:#ffffff21;background:#171726;color:#ffffffdb}.joiner-editor-drawer .editor-setting-group>span,.joiner-editor-drawer .editor-control-grid label>span,.joiner-editor-drawer .wav-output-settings label>span{color:#ffffffbd}.joiner-editor-drawer .editor-setting-group>small,.joiner-editor-drawer .editor-clip-actions>span{color:#ffffff85}.joiner-editor-drawer .editor-clip-actions button,.joiner-editor-drawer .editor-segmented button{background:#202033;color:#fffc}.joiner-editor-drawer .editor-segmented button.is-active{background:#4754eb;color:#fff}.joiner-add-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .12)}.joiner-add-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid rgb(154 164 255 / .5);border-radius:var(--radius-md);background:#4754eb2e;color:#b9c0ff;cursor:pointer;font-size:14px;font-weight:500}.joiner-add-button:hover:not(:disabled){background:#4754eb52;color:#fff}.joiner-add-button:disabled{cursor:not-allowed;opacity:.48}.joiner-add-row>span{color:#ffffff80;font-size:12px}.joiner-editor-drawer .joiner-format-control>span{color:#ffffff94}.joiner-editor-drawer .joiner-format-control .converter-format-trigger{border-color:#ffffff29;background:#202033;color:#fff}.joiner-editor-drawer .joiner-status,.joiner-editor-drawer .joiner-result-card{border-color:#ffffff1f;background:#171726}.joiner-editor-drawer .joiner-status,.joiner-editor-drawer .joiner-status>div:first-child,.joiner-editor-drawer .joiner-result-copy strong,.joiner-editor-drawer .joiner-result-copy p,.joiner-editor-drawer .joiner-result-copy small{color:#ffffffc2}@media(min-width:921px){.joiner-editor-drawer{padding-right:32px;padding-left:32px}.joiner-editor-drawer .joiner-editor-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,336px);grid-template-areas:"heading heading" "timeline settings" "clip settings" "add settings" "transport export";column-gap:24px;row-gap:16px;align-items:start}.joiner-editor-drawer .joiner-editor-card>audio{display:none}.joiner-editor-drawer .joiner-editor-heading{grid-area:heading;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid rgb(255 255 255 / .12)}.joiner-editor-drawer .joiner-track-list{grid-area:timeline}.joiner-editor-drawer .editor-clip-actions{grid-area:clip;margin-top:0;padding-top:0}.joiner-editor-drawer .joiner-add-row{grid-area:add;margin-top:0}.joiner-editor-drawer .editor-project-settings{grid-area:settings;position:sticky;top:0;margin-top:0;padding:20px}.joiner-editor-drawer .editor-control-grid,.joiner-editor-drawer .wav-output-settings{grid-template-columns:1fr}.joiner-editor-drawer .editor-checkbox-control{grid-column:auto}.joiner-editor-drawer .joiner-project-toolbar{grid-area:transport;margin-top:0}.joiner-editor-drawer .joiner-export-row{grid-area:export;align-self:stretch;display:grid;margin-top:0}.joiner-editor-drawer .joiner-output-actions{width:100%;grid-template-columns:1fr}.joiner-editor-drawer .joiner-format-control>span{display:none}.joiner-editor-drawer .joiner-format-control .converter-format-trigger,.joiner-editor-drawer .joiner-action-button{min-height:48px}.joiner-editor-drawer .joiner-action-button{font-size:14px}.joiner-editor-drawer .editor-control-grid input[type=range]{width:100%;height:6px;margin:0;border:0;border-radius:999px;outline:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#6f78ff 0 var(--range-progress, 50%),#35354d var(--range-progress, 50%) 100%)}.joiner-editor-drawer .editor-control-grid input[type=range]::-webkit-slider-thumb{width:16px;height:16px;border:2px solid #aeb4ff;border-radius:50%;background:#f8f9ff;box-shadow:0 1px 8px #4754eb66;cursor:pointer;appearance:none;-webkit-appearance:none}.joiner-editor-drawer .editor-control-grid input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #aeb4ff;border-radius:50%;background:#f8f9ff;box-shadow:0 1px 8px #4754eb66;cursor:pointer}}.joiner-editor-card{padding:24px}.joiner-editor-heading,.joiner-editor-heading>div,.joiner-result-copy,.joiner-result-copy>div{min-width:0;display:flex;align-items:center}.joiner-editor-heading{justify-content:space-between;gap:1rem;margin-bottom:20px}.joiner-editor-heading>div{gap:12px}.joiner-editor-heading>div>span{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--purple-0);color:var(--accent)}.joiner-editor-heading h3{margin:0;color:#171923;font-size:1rem;line-height:1.3;letter-spacing:0}.joiner-editor-heading p{margin:4px 0 0;color:#737b89;font-size:.73rem;line-height:1.45}.joiner-reset-button{min-height:38px;flex:0 0 auto;padding:0 12px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#59616f;cursor:pointer;font-size:.72rem;font-weight:700}.joiner-reset-button:hover:not(:disabled){border-color:#c9ced8;color:#20242d}.joiner-track-list{display:grid;gap:12px}.editor-clip-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.editor-clip-actions>span{margin-right:auto;color:var(--function-gray-6);font-size:.68rem;font-variant-numeric:tabular-nums}.editor-clip-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:var(--radius-md);background:var(--function-gray-0);color:var(--function-gray-8);cursor:pointer;font-size:.72rem;font-weight:650}.editor-clip-actions button:hover:not(:disabled){border-color:var(--function-color-5);color:var(--function-color-6)}.editor-clip-actions button:disabled{cursor:not-allowed;opacity:.48}.editor-project-settings{display:grid;gap:16px;margin-top:16px;padding:16px;border:1px solid var(--function-gray-4);border-radius:var(--radius-lg);background:var(--function-gray-0)}.editor-setting-group{display:grid;gap:8px}.editor-setting-group>span,.editor-control-grid label>span,.wav-output-settings label>span,.wav-size-estimate>span{color:var(--function-gray-7);font-size:.68rem;font-weight:650}.editor-setting-group>small{color:var(--function-gray-6);font-size:.62rem;line-height:1.45}.editor-segmented{width:fit-content;display:inline-grid;grid-auto-flow:column;overflow:hidden;border:1px solid var(--function-gray-4);border-radius:var(--radius-md);background:var(--function-gray-2)}.editor-segmented button{min-height:40px;padding:0 16px;border-right:1px solid var(--function-gray-4);background:transparent;color:var(--function-gray-7);cursor:pointer;font-size:.7rem;font-weight:600}.editor-segmented button:last-child{border-right:0}.editor-segmented button.is-active{background:var(--function-color-6);color:var(--function-gray-0)}.editor-segmented button:disabled{color:var(--function-gray-5);cursor:not-allowed}.editor-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editor-control-grid label{min-width:0;display:grid;gap:8px;margin:0}.editor-control-grid label>span{display:flex;justify-content:space-between;gap:8px}.editor-control-grid output{color:var(--function-color-6);font-variant-numeric:tabular-nums}.editor-control-grid input[type=range]{width:100%}.editor-control-grid .editor-checkbox-control{grid-column:1 / -1;display:flex;align-items:center;gap:8px}.editor-checkbox-control input{width:16px;height:16px;accent-color:var(--function-color-6)}.wav-output-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(150px,1fr);gap:16px;align-items:end}.wav-output-settings label,.wav-size-estimate{min-width:0;display:grid;gap:8px;margin:0}.wav-output-settings select{width:100%;height:40px;padding:0 32px 0 12px;border:1px solid var(--function-gray-4);border-radius:var(--radius-md);background:var(--function-gray-0);color:var(--function-gray-8);font-size:.72rem}.wav-size-estimate{min-height:40px;justify-content:center;padding:8px 12px;border:1px solid var(--function-color-3);border-radius:var(--radius-md);background:var(--function-color-1)}.wav-size-estimate strong{color:var(--function-color-6);font-size:.82rem;font-variant-numeric:tabular-nums}.joiner-track,.joiner-track-main{min-width:0}.joiner-track-heading{min-width:0;height:26px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 4px;color:#727a89;font-size:.66rem}.joiner-track-heading>span{color:#9aa1ae;font-variant-numeric:tabular-nums;text-align:center}.joiner-track-heading strong{min-width:0;overflow:hidden;color:#4b5260;font-size:.7rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.joiner-track-heading small{color:#8d95a2;font-size:.62rem;font-variant-numeric:tabular-nums}.joiner-waveform{position:relative;min-width:0;height:76px;overflow:hidden;border:0;border-radius:var(--radius-lg);background:#0d0d1b;cursor:pointer;touch-action:none;transition:box-shadow var(--transition),height var(--transition)}.joiner-track.is-expanded .joiner-waveform{height:168px;box-shadow:none}.joiner-waveform:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .14)}.joiner-waveform canvas{width:100%;height:100%;display:block;pointer-events:none}.joiner-waveform-shade,.joiner-waveform-selection,.joiner-playhead{position:absolute;top:0;bottom:0}.joiner-waveform-shade{z-index:1;background:#0d0d1bb3;pointer-events:none}.joiner-waveform-shade.is-left{left:0}.joiner-waveform-shade.is-right{right:0}.joiner-waveform-selection{z-index:2;border-top:1px solid rgb(255 255 255 / .42);border-bottom:1px solid rgb(255 255 255 / .42);background:#ffffff0a;pointer-events:none}.joiner-trim-handle{position:absolute;top:0;bottom:0;z-index:5;width:9px;padding:0;border:2px solid #fff;border-radius:5px;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:ew-resize;pointer-events:auto;touch-action:none}.joiner-trim-handle:after{position:absolute;top:50%;left:50%;width:2px;height:22px;border-radius:2px;background:#ffffffd9;content:"";transform:translate(-50%,-50%)}.joiner-trim-handle.is-start{left:0;transform:translate(-50%)}.joiner-trim-handle.is-end{right:0;transform:translate(50%)}.joiner-edge-actions{position:absolute;top:10px;z-index:6;display:flex;gap:4px}.joiner-edge-actions.is-start{left:12px}.joiner-edge-actions.is-end{right:12px}.joiner-edge-actions button{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(108,116,137,.2);border-radius:var(--radius-sm);background:#ffffffe6;color:#6d7482;cursor:pointer;box-shadow:0 3px 12px #1e233714;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.joiner-edge-actions button:hover,.joiner-edge-actions button.is-active{border-color:#7e86ea;background:var(--purple-0);color:#414bd2}.joiner-track-duration{position:absolute;bottom:10px;left:50%;z-index:4;padding:4px 8px;border-radius:999px;background:#0d0d1bc7;color:#ffffffd1;font-size:.61rem;font-variant-numeric:tabular-nums;pointer-events:none;transform:translate(-50%)}.joiner-playhead{z-index:7;width:.5px;background:#fff;box-shadow:none;pointer-events:none}.joiner-playhead-time{position:absolute;top:8px;z-index:8;padding:4px 8px;border-radius:999px;background:#4754eb;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;transform:translate(-50%)}.joiner-waveform-times{position:absolute;right:12px;bottom:8px;left:12px;z-index:7;display:flex;justify-content:space-between;color:#ffffff9e;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.joiner-playhead:before{position:absolute;top:0;left:50%;width:7px;height:7px;border-radius:50%;background:#fff;content:"";transform:translate(-50%,-50%)}.joiner-track-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--function-gray-3)}.joiner-track-actions>button{width:40px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #e0e3e9;border-radius:var(--radius-sm);background:#fff;color:#697180;cursor:pointer}.joiner-track-actions>.joiner-track-add-button{width:auto;min-width:112px;display:inline-flex;justify-content:center;gap:8px;margin-right:auto;padding:0 12px;border-color:#aeb4f2;background:#f4f5ff;color:#3f48d0;font-size:14px;font-weight:500}.joiner-track-actions>.joiner-track-add-button:hover:not(:disabled){border-color:#656ee1;background:var(--purple-0)}.joiner-track-actions>.joiner-track-add-button:disabled{cursor:not-allowed;opacity:.48}.joiner-track-actions>button:hover:not(:disabled){background:#f2f3f6;color:#252a34}.joiner-track-actions>button.is-danger:hover:not(:disabled){background:#fff1f2;color:#be123c}.joiner-track-actions>button:disabled{color:#c6cad2;cursor:not-allowed}.joiner-project-toolbar{grid-template-columns:minmax(250px,1fr) minmax(220px,.68fr)}.joiner-track-actions.is-legacy{overflow:hidden;border:1px solid #e0e3e9;border-radius:var(--radius-lg);background:#fff}.joiner-track.is-expanded .joiner-track-actions.is-legacy{margin-bottom:24px}.joiner-track-actions.is-legacy button{width:40px;height:40px;display:grid;place-items:center;border-bottom:1px solid #e8eaee;background:#fff;color:#697180;cursor:pointer}.joiner-track-actions.is-legacy button:last-child{border-bottom:0}.joiner-track-actions.is-legacy button:hover:not(:disabled){background:#f2f3f6;color:#252a34}.joiner-track-actions.is-legacy button.is-danger:hover:not(:disabled){background:#fff1f2;color:#be123c}.joiner-track-actions.is-legacy button:disabled{color:#c6cad2;cursor:not-allowed}.joiner-native-input{display:none}.joiner-project-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(220px,.68fr);align-items:end;gap:16px;margin-top:16px;padding:16px;border-radius:var(--radius-lg);background:var(--function-gray-2)}.joiner-project-playback{min-width:0;border:0;background:var(--function-gray-0)}.joiner-export-row{display:flex;justify-content:flex-end;align-items:end;margin-top:16px}.joiner-time-fields{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.joiner-time-fields label{position:relative;min-width:0;margin:0}.joiner-time-fields label>span,.joiner-format-control>span{display:block;margin-bottom:4px;color:#747c8a;font-size:.66rem;font-weight:650}.joiner-time-fields input{width:100%;height:40px;padding:0 32px 0 12px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#20232e;font-size:.78rem;font-variant-numeric:tabular-nums}.joiner-time-fields input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .1)}.joiner-time-fields small{position:absolute;right:.68rem;bottom:.68rem;color:#8b92a0;font-size:.62rem;pointer-events:none}.joiner-output-actions{width:min(100%,440px);min-width:0;display:grid;grid-template-columns:minmax(108px,.65fr) minmax(148px,1fr);align-items:end;gap:12px}.joiner-format-control{min-width:0}.joiner-format-control .converter-format-trigger{min-height:40px;padding:0 .75rem;border-width:1px;border-radius:var(--radius-md);font-size:.78rem}.joiner-format-control .converter-format-menu{min-width:230px;right:0;left:auto}.joiner-format-control .converter-format-menu button>span{min-width:0}.joiner-format-control .converter-format-menu strong,.joiner-format-control .converter-format-menu small{display:block}.joiner-format-control .converter-format-menu strong{color:inherit;font-size:14px}.joiner-format-control .converter-format-menu small{margin-top:4px;color:#8a92a0;font-size:12px;font-weight:500}.joiner-action-button{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 16px;font-size:.76rem;white-space:nowrap}.joiner-status{margin-top:12px;padding:.75rem 16px;border:1px solid #e1e4ea;border-radius:var(--radius-lg);background:#f8f9fb;color:#646d7b;font-size:.7rem}.joiner-status.is-error{border-color:#fecdd3;background:#fff1f2;color:#be123c}.joiner-status.is-success{border-color:#b9e5d4;background:#f3fbf8;color:#08785a}.joiner-status>div:first-child{display:flex;align-items:center;gap:.5rem}.joiner-progress{height:5px;overflow:hidden;margin-top:8px;border-radius:999px;background:#e2e5ea}.joiner-progress span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .18s ease}.joiner-result-card{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(220px,1.2fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 16px;border-color:#b9e5d4;background:#f3fbf8}.joiner-result-copy{gap:12px}.joiner-result-copy>span{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#d9f5ea;color:#08785a}.joiner-result-copy small,.joiner-result-copy strong,.joiner-result-copy p{display:block}.joiner-result-copy small{color:#08785a;font-size:.63rem;font-weight:750}.joiner-result-copy strong{margin-top:4px;overflow-wrap:anywhere;color:#20252f;font-size:.79rem}.joiner-result-copy p{margin:4px 0 0;color:#70807c;font-size:.6rem}.joiner-result-card audio{width:100%;min-width:0;height:40px}.joiner-result-card .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 1rem;font-size:.74rem}@media(max-width:920px){.editor-control-grid,.wav-output-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.joiner-time-fields{grid-column:1 / -1}.joiner-result-card{grid-template-columns:minmax(0,1fr) auto}.joiner-result-card audio{grid-column:1 / -1;grid-row:2}}@media(max-width:680px){.joiner-editor-entry{align-items:stretch;flex-direction:column}.joiner-editor-entry .primary-button{width:100%}.joiner-editor-overlay{padding:32px 0 0}.joiner-editor-drawer{max-height:calc(100dvh - 32px);padding:32px 16px 24px;border-right:0;border-left:0;border-radius:16px 16px 0 0}.joiner-editor-close{margin-top:-20px}.joiner-editor-card{padding:16px}.joiner-editor-heading{align-items:flex-start}.joiner-editor-heading>div{align-items:flex-start}.editor-clip-actions{align-items:stretch;flex-direction:column}.editor-clip-actions>span{margin-right:0}.editor-clip-actions button,.editor-segmented,.editor-segmented button{width:100%}.editor-segmented{grid-auto-flow:row}.editor-segmented button{border-right:0;border-bottom:1px solid var(--function-gray-4)}.editor-segmented button:last-child{border-bottom:0}.editor-control-grid,.wav-output-settings{grid-template-columns:1fr}.joiner-track{grid-template-columns:minmax(0,1fr);gap:4px}.joiner-track.is-expanded .joiner-waveform{height:148px}.joiner-project-toolbar{grid-template-columns:1fr;gap:12px;padding:12px}.joiner-export-row{display:block}.joiner-output-actions{width:100%}.joiner-add-row{align-items:flex-start;flex-direction:column}.joiner-add-button{width:100%}.joiner-result-card{grid-template-columns:1fr}.joiner-result-card audio,.joiner-result-card .primary-button{grid-column:auto;grid-row:auto}.joiner-result-card .primary-button{width:100%}}@media(max-width:460px){.joiner-editor-heading{flex-direction:column}.joiner-reset-button{width:100%}.joiner-track-heading{grid-template-columns:20px minmax(0,1fr)}.joiner-track-heading small{display:none}.joiner-edge-actions{top:8px}.joiner-edge-actions.is-start{left:10px}.joiner-edge-actions.is-end{right:10px}.joiner-edge-actions button{width:30px;height:30px}.joiner-playhead-time,.joiner-waveform-times{font-size:12px}.joiner-output-actions{grid-template-columns:1fr}.joiner-format-control .converter-format-menu{width:100%;min-width:0;right:auto;left:0}}.joiner-editor-overlay{align-items:end;padding:32px 0 0;background:#04040cc2}.joiner-editor-drawer{width:100%;height:calc(100dvh - 32px);max-height:none;overflow:hidden;padding:0;border:1px solid rgb(255 255 255 / .12);border-bottom:0;border-radius:14px 14px 0 0;background:#090910}.joiner-editor-drawer .joiner-editor-card{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 76px;grid-template-areas:none;align-items:stretch;column-gap:0;row-gap:0;padding:0;border:0;border-radius:0;background:#090910}.joiner-editor-topbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;min-width:0;padding:0 24px;border-bottom:1px solid rgb(255 255 255 / .08);background:#181820}.joiner-editor-topbar>div{min-width:0;text-align:center}.joiner-editor-topbar h2{margin:0;overflow:hidden;color:#fff;font-size:16px;font-weight:600;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.joiner-editor-topbar span{display:block;margin-top:2px;color:#ffffff80;font-size:12px}.joiner-editor-back,.joiner-editor-drawer .joiner-editor-close{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:var(--radius-md);background:transparent;color:#ffffffbd;cursor:pointer;font-size:14px;font-weight:500}.joiner-editor-back{justify-self:start}.joiner-editor-drawer .joiner-editor-close{position:static;width:36px;height:36px;justify-self:end;float:none;margin:0;padding:0;justify-content:center;border-radius:50%}.joiner-editor-back:hover,.joiner-editor-drawer .joiner-editor-close:hover{background:#ffffff14;color:#fff}.joiner-editor-body{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 336px;overflow:hidden}.joiner-timeline-pane{min-width:0;min-height:0;overflow:auto;padding:22px 28px 32px;background:#090910;scrollbar-color:#35354b transparent}.joiner-overview-block{display:grid;gap:8px}.joiner-overview-heading,.joiner-timeline-copy,.joiner-timeline-copy>div,.joiner-duration-readouts,.joiner-inspector-control label>span{display:flex;align-items:center}.joiner-overview-heading,.joiner-timeline-copy{justify-content:space-between;gap:16px}.joiner-overview-heading strong,.joiner-timeline-copy strong{color:#ffffffe6;font-size:14px;font-weight:500}.joiner-overview-heading span,.joiner-timeline-copy span{color:#ffffff7a;font-size:12px}.joiner-overview-waveform{position:relative;height:72px;overflow:hidden;border-radius:var(--radius-md);background:#191921;cursor:pointer}.joiner-overview-waveform:focus-visible{outline:2px solid #7e88ff;outline-offset:2px}.joiner-overview-waveform canvas{width:100%;height:100%;display:block;opacity:.68}.joiner-overview-playhead{position:absolute;inset-block:0;width:1px;background:#fff;pointer-events:none}.joiner-timeline-copy{margin:24px 0 12px}.joiner-timeline-copy>div:first-child{min-width:0;display:grid;gap:3px}.joiner-timeline-copy>div:first-child span{max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joiner-timeline-copy>div:last-child{flex:0 0 auto;gap:24px;font-variant-numeric:tabular-nums}.joiner-timeline-ruler{display:flex;justify-content:space-between;margin:2px 0 8px;padding:0 2px;color:#ffffff85;font-size:12px;font-variant-numeric:tabular-nums}.joiner-editor-drawer .joiner-track-list{display:grid;gap:12px}.joiner-lane{min-width:0}.joiner-lane-heading{height:28px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;color:#ffffff8c}.joiner-lane-heading>span{color:#8d96ff;font-size:12px}.joiner-lane-heading strong{overflow:hidden;color:#ffffffe0;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.joiner-lane-heading small{color:#ffffff7a;font-size:12px}.joiner-lane-editor{min-width:0}.joiner-lane-editor.is-selected{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.joiner-lane-clips{min-width:0;display:flex;align-items:stretch;gap:3px}.joiner-editor-drawer .joiner-track.is-segment{min-width:72px;display:block;flex:1 1 0}.joiner-editor-drawer .joiner-track.is-expanded.has-no-actions{display:block}.joiner-editor-drawer .joiner-track.is-expanded.has-no-actions .joiner-track-main{width:100%}.joiner-editor-drawer .joiner-track.is-segment .joiner-track-main{height:100%}.joiner-editor-drawer .joiner-track.is-segment .joiner-waveform{height:72px}.joiner-editor-drawer .joiner-lane.is-selected .joiner-track.is-segment .joiner-waveform{height:132px}.joiner-editor-drawer .joiner-track.is-segment.is-expanded .joiner-waveform{border-color:#6672ff;box-shadow:0 0 0 1px #6672ff38}.joiner-lane-editor>.joiner-track-actions{height:132px;margin:0}.joiner-editor-drawer .joiner-track{display:block;min-width:0}.joiner-editor-drawer .joiner-track.is-expanded{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.joiner-editor-drawer .joiner-track-heading{height:28px;grid-template-columns:22px minmax(0,1fr) auto;color:#ffffff8c}.joiner-editor-drawer .joiner-track-heading>span{color:#8d96ff}.joiner-editor-drawer .joiner-track-heading strong{color:#ffffffe0;font-size:13px;font-weight:500}.joiner-editor-drawer .joiner-track-heading small{color:#ffffff7a;font-size:12px}.joiner-editor-drawer .joiner-waveform{height:72px;border:1px solid transparent;border-radius:var(--radius-md);background:#171720}.joiner-editor-drawer .joiner-track.is-expanded .joiner-waveform{height:132px;border-color:#6672ff;box-shadow:0 0 0 1px #6672ff38}.joiner-editor-drawer .joiner-waveform-selection{border-color:#97a0ffbd;background:#4754eb14}.joiner-editor-drawer .joiner-track-actions{align-self:end;height:132px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;margin:28px 0 0;padding:0;border:0}.joiner-editor-drawer .joiner-lane-editor>.joiner-track-actions{align-self:start;margin:0}.joiner-editor-drawer .joiner-track-actions>button{width:42px;height:42px;border:0;border-radius:4px;background:#20202b;color:#ffffffad}.joiner-editor-drawer .joiner-track-actions>button:hover:not(:disabled){background:#2b2b3a;color:#fff}.joiner-editor-drawer .joiner-track-actions>button:disabled{background:#181820;color:#fff3;cursor:not-allowed;opacity:.52}.joiner-editor-drawer .joiner-track-actions>button.is-danger:hover:not(:disabled){background:#be123c33;color:#ff9eb4}.joiner-editor-drawer .joiner-playhead-time{top:8px;background:#5965f4}.joiner-editor-drawer .joiner-edge-actions{top:10px;z-index:8}.joiner-editor-drawer .joiner-edge-actions.is-start{left:10px}.joiner-editor-drawer .joiner-edge-actions.is-end{right:10px}.joiner-editor-drawer .joiner-edge-actions button{width:32px;height:32px;border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-md);background:#181820e6;color:#ffffffad;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.joiner-editor-drawer .joiner-edge-actions button:hover,.joiner-editor-drawer .joiner-edge-actions button.is-active{border-color:#7f89ff;background:#4754eb;color:#fff}.joiner-editor-drawer .joiner-track.is-cutting .joiner-waveform-selection{background:#4754eb2e}.joiner-editor-drawer .joiner-track.is-cutting .joiner-trim-handle{top:0;width:24px;height:100%;border:0;background:transparent;cursor:col-resize;touch-action:none}.joiner-editor-drawer .joiner-track.is-cutting .joiner-trim-handle:after{width:4px;height:100%;border-radius:0;background:#aeb5ff;box-shadow:0 0 0 1px #4754eb,0 0 12px #4754eb73}.joiner-editor-drawer .joiner-track.is-cutting .joiner-trim-handle.is-start{left:0;transform:none}.joiner-editor-drawer .joiner-track.is-cutting .joiner-trim-handle.is-end{right:0;transform:none}.joiner-editor-drawer .joiner-track-duration{display:none}.joiner-editor-drawer .editor-clip-actions{justify-content:flex-end;width:100%;margin-top:12px;padding:0}.joiner-editor-drawer .editor-clip-actions button,.joiner-editor-drawer .joiner-add-button{min-height:38px;border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius-md);background:#20202b;color:#ffffffc7;font-size:13px;font-weight:500}.joiner-editor-drawer .joiner-add-button{border-color:#4754eb;color:#fff}.joiner-editor-drawer .editor-clip-actions button:hover:not(:disabled),.joiner-editor-drawer .joiner-add-button:hover:not(:disabled){border-color:#848eff8f;background:#29293a;color:#fff}.joiner-editor-drawer .editor-clip-actions.is-splitting .is-confirm{border-color:#7f89ff;background:#4754eb;color:#fff}.joiner-editor-drawer .editor-clip-actions button.is-active{border-color:#7f89ff;background:#4754eb38;color:#bec4ff}.joiner-editor-drawer .editor-clip-actions>span,.joiner-editor-drawer .joiner-add-row>span{color:#ffffff73;font-size:12px}.joiner-editor-drawer .joiner-add-row{margin-top:24px;padding-top:0;border-top:0}.joiner-inspector{min-width:0;min-height:0;display:grid;align-content:start;gap:16px;overflow:auto;padding:16px 20px 32px;border-left:1px solid rgb(255 255 255 / .08);background:#181820;scrollbar-color:#3d3d50 transparent}.joiner-inspector-file{min-width:0;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:12px;border:0;border-radius:var(--radius-md);background:#292932;color:inherit;cursor:pointer;font:inherit;text-align:left}.joiner-inspector-file:hover:not(:disabled){background:#31313d}.joiner-inspector-file:disabled{cursor:wait;opacity:.58}.joiner-inspector-file>span{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:#5965f429;color:#9aa4ff}.joiner-inspector-file>div{min-width:0;display:grid;gap:3px}.joiner-inspector-file strong{overflow:hidden;color:#fff;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.joiner-inspector-file small{color:#ffffff7a;font-size:12px}.joiner-inspector-file-action{color:#ffffff9e}.joiner-inspector-section{min-width:0;display:grid;gap:12px;padding-top:2px}.joiner-inspector-section+.joiner-inspector-section{padding-top:16px;border-top:1px solid rgb(255 255 255 / .08)}.joiner-inspector-section h3{margin:0;color:#ffffffdb;font-size:14px;font-weight:500;letter-spacing:0}.joiner-duration-readouts{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.joiner-duration-readouts>div{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:var(--radius-md);background:#292932}.joiner-duration-readouts>span{color:#ffffff5c}.joiner-duration-readouts span,.joiner-duration-readouts strong{font-variant-numeric:tabular-nums}.joiner-duration-readouts svg{flex:0 0 auto;color:#ffffffa8}.joiner-duration-readouts strong{color:#fff;font-size:13px;font-weight:500}.joiner-inspector-control label{min-width:0;display:grid;gap:8px;margin:0}.joiner-inspector-control label>span{justify-content:space-between;gap:12px;color:#ffffffb8;font-size:13px;font-weight:400}.joiner-inspector-control output{color:#9da6ff;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.joiner-inspector-control input[type=range]{width:100%;height:20px;margin:0;border:0;border-radius:999px;outline:0;appearance:none;-webkit-appearance:none;background:transparent!important}.joiner-inspector-control input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#707bff 0 var(--range-progress, 50%),#4a4a57 var(--range-progress, 50%) 100%)}.joiner-inspector-control input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid #9aa4ff;border-radius:50%;background:#bfc1ca;box-shadow:0 2px 10px #4754eb5c;cursor:pointer;appearance:none;-webkit-appearance:none}.joiner-inspector-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #9aa4ff;border-radius:50%;background:#bfc1ca;box-shadow:0 2px 10px #4754eb5c;cursor:pointer}.joiner-inspector-control input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#4a4a57}.joiner-inspector-control input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:#707bff}.joiner-inspector .editor-checkbox-control{display:flex;align-items:center;gap:8px;padding-top:4px}.joiner-inspector .editor-checkbox-control span{color:#ffffff9e;font-size:12px}.joiner-inspector .editor-checkbox-control input{width:16px;height:16px;display:grid;flex:0 0 16px;place-items:center;margin:0;border:1px solid #686876;border-radius:3px;background:#464650;appearance:none;-webkit-appearance:none;cursor:pointer}.joiner-inspector .editor-checkbox-control input:after{width:7px;height:4px;border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";opacity:0;transform:translateY(-1px) rotate(-45deg)}.joiner-inspector .editor-checkbox-control input:checked{border-color:#7f89ff;background:#4754eb}.joiner-inspector .editor-checkbox-control input:checked:after{opacity:1}.joiner-crossfade-toggle{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius-md);background:#272731;color:#ffffffad;cursor:pointer;font-size:12px}.joiner-crossfade-toggle.is-active{border-color:#737dff;background:#4754eb33;color:#b7bdff}.joiner-inspector .editor-segmented{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));border-color:#ffffff1f;background:#292932}.joiner-inspector .editor-segmented button{min-height:38px;padding:0 10px;border-color:#ffffff1a;color:#ffffffa3;font-size:12px;font-weight:400}.joiner-inspector .editor-segmented button.is-active{border-color:#737dff;background:#4754eb;color:#fff;box-shadow:inset 0 0 0 1px #ffffff29}.joiner-inspector .editor-setting-group>small{color:#ffffff73;font-size:12px}.joiner-inspector .wav-output-settings{grid-template-columns:1fr}.joiner-inspector .wav-output-settings h3{grid-column:1 / -1}.joiner-inspector .wav-output-settings select{border-color:#ffffff1f;background:#292932;color:#fff}.joiner-inspector .wav-size-estimate{border:0;background:#292932}.joiner-inspector .wav-size-estimate>span{color:#fff}.joiner-editor-footer{position:relative;z-index:30;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 336px;align-items:center;gap:24px;padding:12px 20px;border-top:1px solid rgb(255 255 255 / .08);background:#181820}.joiner-editor-drawer .joiner-project-toolbar{grid-area:auto;grid-column:1;grid-row:1;min-width:0;display:grid;grid-template-columns:48px max-content 40px 40px;align-items:center;justify-content:start;gap:8px;margin:0;padding:0;background:transparent}.joiner-transport-play{width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#292934;color:#fff;cursor:pointer}.joiner-transport-play:hover{background:#363647}.joiner-transport-play>span{width:11px;height:15px;border-inline:3px solid currentColor}.joiner-transport-time{min-width:112px;color:#ffffffb3;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.joiner-skip-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#24242e;color:#ffffffb3;cursor:pointer}.joiner-skip-button:hover:not(:disabled){background:#30303e;color:#fff}.joiner-skip-button:disabled{cursor:not-allowed;opacity:.32}.joiner-editor-footer .joiner-output-actions{grid-column:2;grid-row:1;width:100%;justify-self:end;display:grid;grid-template-columns:minmax(116px,.8fr) minmax(160px,1.2fr);gap:10px;padding-left:20px;border-left:1px solid rgb(255 255 255 / .08)}.joiner-fade-summary{display:flex;flex-wrap:wrap;gap:6px;margin:0;color:#ffffff94;font-size:12px;line-height:1.5}.joiner-editor-footer .joiner-format-control>span{display:none}.joiner-editor-footer .joiner-format-control .converter-format-trigger,.joiner-editor-footer .joiner-action-button{min-height:48px}.joiner-editor-footer .joiner-format-control .converter-format-trigger{border:1px solid rgb(255 255 255 / .14);background:#292932;color:#fff;font-size:14px;font-weight:400}.joiner-editor-footer .converter-format-menu{overflow:hidden;border-color:#ffffff1f;background:#252530;box-shadow:0 18px 48px #0000006b}.joiner-editor-footer .converter-format-menu button{color:#ffffffc7}.joiner-editor-footer .converter-format-menu button:hover,.joiner-editor-footer .converter-format-menu button.active{background:#4754eb2e;color:#fff}.joiner-editor-footer .converter-format-menu small{color:#ffffff7a}.joiner-editor-footer .joiner-action-button{padding-inline:20px;font-size:14px;font-weight:500}.joiner-inspector .joiner-result-card{grid-template-columns:1fr;gap:12px;margin:0;padding:14px;border:0;border-radius:var(--radius-md);background:#252530}.joiner-inspector .joiner-result-copy>span{background:#36d3991f;color:#60d7ac}.joiner-inspector .joiner-result-copy small,.joiner-inspector .joiner-result-copy strong,.joiner-inspector .joiner-result-copy p{color:#ffffffbd}.joiner-inspector .joiner-result-card .audio-playback-bar{background:#30303b}.joiner-inspector .joiner-result-card .primary-button{width:100%}.joiner-editor-drawer .joiner-status{border-color:#ffffff1a;background:#171720;color:#ffffffa8}.joiner-editor-drawer .joiner-status.is-error{border-color:#fb71855c;background:#be123c1f;color:#fda4af}@media(max-width:920px){.joiner-editor-overlay{padding:20px 0 0}.joiner-editor-drawer{width:100%;height:calc(100dvh - 20px);border-right:0;border-left:0;border-radius:14px 14px 0 0}.joiner-editor-drawer .joiner-editor-card{grid-template-rows:60px minmax(0,1fr) auto}.joiner-editor-topbar{grid-template-columns:minmax(72px,1fr) minmax(0,auto) minmax(72px,1fr);padding:0 12px}.joiner-editor-topbar h2{font-size:14px}.joiner-editor-topbar span{display:none}.joiner-editor-back{padding-inline:8px;font-size:12px}.joiner-editor-body{display:block;overflow:auto}.joiner-timeline-pane{overflow:visible;padding:20px 16px 28px}.joiner-inspector{overflow:visible;padding:16px 16px 32px;border-top:1px solid rgb(255 255 255 / .08);border-left:0}.joiner-editor-footer{grid-template-columns:1fr;gap:10px;padding:10px 12px 12px}.joiner-editor-drawer .joiner-project-toolbar{grid-template-columns:44px max-content 36px 36px;justify-content:start}.joiner-transport-play{width:44px;height:44px}.joiner-skip-button{width:36px;height:36px}.joiner-editor-footer .joiner-output-actions{width:100%;grid-template-columns:minmax(104px,.62fr) minmax(144px,1fr);padding-left:0;border-left:0}.joiner-editor-footer .joiner-format-control .converter-format-trigger,.joiner-editor-footer .joiner-action-button{min-height:44px}}@media(max-width:560px){.joiner-overview-heading span,.joiner-timeline-copy>div:first-child span{display:none}.joiner-timeline-copy>div:last-child{gap:12px}.joiner-editor-drawer .joiner-track.is-expanded,.joiner-lane-editor.is-selected{grid-template-columns:minmax(0,1fr) 38px;gap:6px}.joiner-editor-drawer .joiner-track-actions>button{width:38px;height:38px}.joiner-editor-drawer .joiner-track-heading{grid-template-columns:20px minmax(0,1fr)}.joiner-editor-drawer .joiner-track-heading small{display:none}.joiner-editor-drawer .editor-clip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.joiner-editor-drawer .editor-clip-actions>span{grid-column:1 / -1}.joiner-editor-drawer .editor-clip-actions button{width:100%}.joiner-editor-drawer .joiner-add-row{align-items:center;flex-direction:row}.joiner-editor-drawer .joiner-add-button{width:auto}.joiner-transport-time{min-width:0;font-size:12px}.joiner-editor-footer .joiner-action-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.audio-to-chords-workbench{min-width:0;color:#171923}.audio-to-chords-workbench button,.audio-to-chords-workbench input{letter-spacing:0}.chords-source-card,.chords-settings-card,.chords-timeline-card,.chords-editor-card,.chords-distribution-card{min-width:0;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fbfbfc}.chords-source-card{padding:1.25rem}.chords-settings-card,.chords-timeline-card,.chords-editor-card,.chords-distribution-card{margin-top:1rem;padding:1.5rem}.chords-result-card{min-width:0;margin-top:1rem;padding:0;overflow:hidden;border:1px solid #e2e5eb;border-radius:var(--radius-xl);background:#fff}.chords-live-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:16px 20px;color:#fff;background:#171923}.chords-play-button,.chords-segment-nav button{display:inline-grid;place-items:center;border:0;color:#fff;background:transparent;cursor:pointer}.chords-play-button{width:44px;height:44px;border-radius:50%;background:#4754eb}.chords-play-button:hover{background:#3442df}.chords-live-copy,.chords-live-copy span,.chords-live-copy strong{min-width:0;display:block}.chords-live-copy span{color:#b7bdcf;font-size:12px}.chords-live-copy strong{margin-top:2px;overflow:hidden;color:#fff;font-size:20px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.chords-live-time{color:#d5d9e4;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.chords-segment-nav{display:flex;gap:4px}.chords-segment-nav button{width:32px;height:32px;border-radius:6px;color:#d5d9e4;background:#2a2e39}.chords-segment-nav button:disabled{opacity:.35;cursor:not-allowed}.chords-result-tabs{display:flex;gap:20px;padding:0 20px;border-bottom:1px solid #e2e5eb}.chords-result-tabs button{min-height:48px;padding:0;border:0;border-bottom:2px solid transparent;color:#737b89;background:transparent;font-size:14px;font-weight:600;cursor:pointer}.chords-result-tabs button.is-active{border-bottom-color:#4754eb;color:#4754eb}.chords-timeline-view{padding:20px}.chords-result-card .chords-details-layout{margin:0;padding:20px}.chords-result-card .chords-editor-card,.chords-result-card .chords-distribution-card{margin:0}.chords-summary-list{display:grid;gap:12px;margin-top:24px}.chords-summary-list>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.chords-summary-list>div:first-child span{color:#171923;font-size:14px;font-weight:650}.chords-summary-list>div:first-child small{color:#737b89;font-size:12px}.chords-summary-chips{display:flex;flex-wrap:wrap;gap:8px}.chords-summary-chips button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid #dfe3ee;border-radius:6px;color:#303746;background:#f8f9fc;cursor:pointer}.chords-summary-chips button:hover{border-color:#8992f5;color:#3442df}.chords-summary-chips strong{font-size:14px}.chords-summary-chips span{color:#737b89;font-size:12px}.chords-result-card>.chords-export-actions{justify-content:flex-end;padding:16px 20px;border-top:1px solid #e2e5eb}.chords-section-heading,.chords-result-heading,.chords-export-actions{display:flex;align-items:center}.chords-section-heading{gap:12px;margin-bottom:20px}.chords-section-heading>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:#fcecf2;color:#c02f65}.chords-section-heading h3,.chords-result-heading h3,.chords-distribution-card h3{margin:0;color:#171923;font-size:1rem;line-height:1.3;letter-spacing:0}.chords-section-heading p,.chords-result-heading p,.chords-distribution-card p{margin:4px 0 0;color:#737b89;font-size:.76rem;line-height:1.45}.chords-settings-groups{display:grid;gap:1.25rem}.chords-settings-groups .field-label{margin-bottom:8px;font-size:.7rem;letter-spacing:0}.chords-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chords-option-grid button{min-width:0;min-height:82px;padding:12px;border:1px solid #dfe3e9;border-radius:var(--radius-lg);background:#fff;color:#272b36;cursor:pointer;text-align:left}.chords-option-grid strong,.chords-option-grid span{display:block}.chords-option-grid strong{font-size:.78rem;line-height:1.3}.chords-option-grid span{margin-top:4px;color:#747c8a;font-size:.64rem;line-height:1.4}.chords-option-grid button:hover:not(:disabled){border-color:#df83a7}.chords-option-grid button.is-active{border-color:#d84c82;background:#fff1f6;color:#ae2157;box-shadow:inset 0 0 0 1px #d84c82}.chords-analyze-button{width:fit-content;min-height:46px;display:flex;margin:20px auto 0}.chords-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.chords-summary-grid article{min-width:0;padding:16px;border:1px solid #e2e5eb;border-radius:var(--radius-lg);background:#fff}.chords-summary-grid article>span,.chords-summary-grid article>strong,.chords-summary-grid article>small{display:block}.chords-summary-grid article>span{display:flex;align-items:center;gap:8px;color:#777f8e;font-size:.68rem;font-weight:650}.chords-summary-grid article>span svg{color:#ca3e74}.chords-summary-grid article>strong{margin-top:8px;overflow-wrap:anywhere;color:#171923;font-size:1.28rem;line-height:1.15}.chords-summary-grid article>small{margin-top:8px;color:#89919f;font-size:.62rem;line-height:1.35}.chords-result-heading{justify-content:space-between;gap:1rem;margin-bottom:1rem}.chords-result-heading>div:first-child>span,.chords-distribution-card>span{color:#c02f65;font-size:.66rem;font-weight:750;text-transform:uppercase}.chords-result-heading h3{margin-top:4px;font-size:1.2rem}.chords-export-actions{flex:0 0 auto;gap:.5rem}.chords-export-actions .secondary-button{min-height:40px;padding:8px 12px;border-width:1px}.chords-timeline{min-width:0;display:flex;overflow-x:auto;padding:4px 0 8px;scrollbar-width:thin}.chords-timeline button{position:relative;min-width:74px;min-height:88px;display:grid;place-items:center;align-content:center;gap:.25rem;margin-right:4px;padding:12px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#272b36;cursor:pointer}.chords-timeline button:last-child{margin-right:0}.chords-timeline button:hover{border-color:#dd81a4}.chords-timeline button.is-active{border-color:#d43f77;background:#d43f77;color:#fff;box-shadow:0 8px 20px #cb2d682e}.chords-timeline button.is-empty{border-style:dashed;background:#f4f5f7;color:#8a91a0}.chords-timeline button strong{font-size:1.05rem;line-height:1}.chords-timeline button span{font-size:.6rem;font-variant-numeric:tabular-nums;opacity:.75}.chords-timeline-scale{display:flex;justify-content:space-between;color:#89919f;font-size:.59rem;font-variant-numeric:tabular-nums}.chords-details-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:1rem}.chords-editor-card,.chords-distribution-card{height:fit-content}.chords-table{overflow:hidden;border:1px solid #e1e4ea;border-radius:var(--radius-lg);background:#fff}.chords-table-row{min-height:46px;display:grid;grid-template-columns:.9fr 1.1fr .8fr .7fr;align-items:center;gap:.75rem;padding:0 12px;border-bottom:1px solid #eceef2;color:#626b79;font-size:.68rem;font-variant-numeric:tabular-nums}.chords-table-row:last-child{border-bottom:0}.chords-table-row.is-heading{min-height:34px;background:#f5f6f8;color:#777f8d;font-size:.62rem;font-weight:700}.chords-table-row>button{width:fit-content;padding:0;background:transparent;color:#4650d6;cursor:pointer;font-size:.68rem;font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:3px}.chords-table-row label{margin:0}.chords-table-row input{width:100%;height:40px;padding:0 12px;border:1px solid #dfe3e9;border-radius:var(--radius-md);background:#fff;color:#242833;font-size:.76rem;font-weight:700}.chords-table-row input:focus{border-color:#d54b7f;outline:0;box-shadow:0 0 0 3px #d54b7f1a}.chords-table-row .is-high{color:#08785a}.chords-table-row .is-medium{color:#a16207}.chords-table-row .is-low{color:#be315f}.chords-distribution-card h3{margin-top:4px;font-size:1.05rem}.chords-distribution-card>div{display:grid;gap:12px;margin-top:20px}.chords-distribution-card article>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chords-distribution-card article strong{color:#2a2e39;font-size:.78rem}.chords-distribution-card article span,.chords-distribution-card article small{color:#7e8795;font-size:.62rem;font-variant-numeric:tabular-nums}.chords-distribution-card article i{height:7px;display:block;margin:4px 0;overflow:hidden;border-radius:999px;background:#e8eaf0}.chords-distribution-card article b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#5059e0,#d43f77)}@media(max-width:900px){.chords-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chords-details-layout{grid-template-columns:1fr}.chords-distribution-card{margin-top:0}}@media(max-width:680px){.chords-live-player{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;min-height:68px;padding:14px 16px}.chords-play-button{width:40px;height:40px}.chords-live-copy span,.chords-summary-list>div:first-child small{font-size:12px}.chords-live-copy strong{font-size:18px}.chords-live-time{display:none}.chords-result-tabs,.chords-timeline-view,.chords-result-card .chords-details-layout{padding-left:16px;padding-right:16px}.chords-result-tabs{gap:16px}.chords-timeline{margin-right:-16px;padding-right:16px}.chords-timeline button{min-width:68px;min-height:76px}.chords-result-card>.chords-export-actions{justify-content:flex-start;padding:14px 16px}.chords-settings-card,.chords-timeline-card,.chords-editor-card,.chords-distribution-card{padding:20px}.chords-section-heading,.chords-result-heading{align-items:flex-start}.chords-option-grid{grid-template-columns:1fr}.chords-option-grid button{min-height:72px}.chords-result-heading{flex-direction:column}.chords-export-actions{width:100%}.chords-export-actions .secondary-button{flex:1}.chords-table{overflow-x:auto}.chords-table-row{min-width:540px}}@media(max-width:460px){.chords-summary-grid{grid-template-columns:1fr}}.effect-studio{min-width:0;display:grid;gap:1rem;color:var(--text)}.effect-studio>.universal-uploader{margin-bottom:0}.effect-studio button,.effect-studio input,.effect-studio output{letter-spacing:0}.effect-source-card,.effect-control-card,.effect-result-card,.effect-headphone-note{min-width:0;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.effect-source-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:1rem 20px}.effect-card-icon,.effect-section-heading>span,.effect-result-card>header>span{width:40px;height:40px;display:grid;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);background:var(--surface-tinted);color:var(--accent)}.effect-source-copy{min-width:0;display:grid;line-height:1.35}.effect-source-card>.effect-card-icon svg{width:16px;height:16px}.effect-source-copy span,.effect-source-copy small{color:var(--text-muted);font-size:.7rem}.effect-source-copy strong{overflow:hidden;color:var(--text-strong);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.effect-result-card audio{width:100%;height:40px}.effect-source-card audio{display:none}.audio-playback-bar{min-width:0;min-height:44px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 12px;border-radius:var(--radius-md);background:var(--surface-soft)}.audio-playback-bar audio{display:none}.audio-playback-play{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--accent-dark);cursor:pointer}.audio-playback-play:hover{background:var(--surface-tinted)}.audio-playback-play span{width:10px;height:14px;border-inline:3px solid currentColor}.audio-playback-bar input[type=range]{width:100%;min-width:0}.audio-playback-bar output{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.effect-source-player{grid-column:2 / -1}.effect-result-player{width:100%;margin-top:16px}.effect-replace-button{min-height:40px;padding:0 16px;font-size:14px}.eight-d-workbench .effect-replace-button{border:1px solid var(--border-strong);background:var(--surface-soft);box-shadow:none;color:var(--text-muted)}.eight-d-workbench .effect-replace-button:hover{border-color:var(--border-strong);background:#f1f3f5;box-shadow:none;color:var(--text);transform:none}.effect-control-card,.effect-result-card{padding:1.25rem}.effect-control-card.is-disabled{background:#fafbfc}.effect-section-heading,.effect-result-card>header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.effect-section-heading>div,.effect-result-card>header>div{min-width:0;flex:1}.effect-section-heading h3,.effect-result-card h3{margin:0;color:var(--text-strong);font-size:.98rem;line-height:1.3}.effect-section-heading p,.effect-result-card header p{margin:4px 0 0;color:var(--text-muted);font-size:.72rem;line-height:1.45}.effect-switch{position:relative;display:inline-flex;align-items:center;gap:8px;margin-left:auto;cursor:pointer}.effect-switch-copy{display:grid;line-height:1.1;text-align:right}.effect-switch-copy strong{color:var(--text-strong);font-size:.72rem}.effect-switch-copy small{margin-top:4px;color:var(--accent-dark);font-size:.62rem;font-weight:700}.effect-switch.is-off .effect-switch-copy small{color:var(--text-muted)}.effect-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.effect-switch i{position:relative;width:44px;height:24px;flex:0 0 auto;border-radius:999px;background:var(--border-strong);transition:background var(--transition)}.effect-switch i:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);content:"";transition:transform var(--transition)}.effect-switch input:checked+i{background:var(--accent)}.effect-switch input:checked+i:after{transform:translate(20px)}.effect-switch input:focus-visible+i{outline:3px solid rgb(var(--accent-rgb) / .2);outline-offset:2px}.effect-switch input:disabled+i{opacity:.45;cursor:not-allowed}.effect-mode-tabs,.effect-segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.effect-mode-tabs{width:min(100%,440px);margin-bottom:1rem}.effect-mode-tabs button,.effect-segmented button{min-height:40px;padding:0 12px;background:transparent;color:var(--text-muted);font-size:.74rem;font-weight:700;cursor:pointer}.effect-mode-tabs button.is-active,.effect-segmented button.is-active{background:var(--surface);color:var(--accent-dark);box-shadow:var(--shadow-sm)}.effect-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.effect-preset-grid button{min-width:0;min-height:72px;display:grid;align-content:center;gap:4px;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--transition),background-color var(--transition),transform var(--transition)}.effect-preset-grid button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.effect-preset-grid button.is-active{border-color:var(--accent);background:var(--surface-tinted);color:var(--accent-dark)}.effect-preset-grid strong,.effect-preset-grid small{display:block;min-width:0}.effect-preset-grid strong{font-size:.76rem;line-height:1.3}.effect-preset-grid small{color:var(--text-muted);font-size:.62rem;line-height:1.35}.reverb-preset-grid,.eq-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eq-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.eq-workbench .upload-dashboard{border-color:var(--function-gray-4);background:var(--function-gray-1)}.eq-workbench .upload-provider:hover,.eq-workbench .upload-provider:focus-visible{background:var(--function-gray-2)}.eq-workbench .upload-provider-icon{border-color:var(--function-gray-3)}.eq-editor{min-width:0}.eq-editor-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;margin-bottom:1rem}.eq-toolbar-action,.eq-toolbar-close,.eq-play-button,.eq-format-trigger{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text)}.eq-editor-file{min-width:0;display:grid;line-height:1.35}.eq-editor-file strong{overflow:hidden;color:var(--text-strong);font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.eq-editor-file small{color:var(--text-muted);font-size:12px}.eq-toolbar-action{gap:4px;padding:0 .75rem;border-radius:var(--radius-md);color:var(--text-muted);font-size:.7rem;font-weight:700;cursor:pointer}.eq-toolbar-close{width:40px;padding:0;border-radius:50%;cursor:pointer}.eq-toolbar-action:hover,.eq-toolbar-close:hover,.eq-play-button:hover,.eq-format-trigger:hover{border-color:var(--function-color-5);color:var(--accent-dark)}.eq-waveform{position:relative;height:190px;margin-top:1.75rem;overflow:visible;border:1px solid var(--function-gray-4);border-radius:var(--radius-lg);background-color:#0d0d1b;background-image:linear-gradient(rgb(255 255 255 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px);background-size:32px 32px;cursor:pointer;outline:none}.eq-waveform:focus-visible{box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .12)}.eq-waveform canvas{position:absolute;inset:0;width:100%;height:100%}.eq-waveform canvas{z-index:1;border-radius:inherit}.eq-waveform-base{opacity:.2}.eq-waveform-unplayed{z-index:2;opacity:1;pointer-events:none}.eq-waveform-cursor{position:absolute;top:0;bottom:0;z-index:3;width:.5px;background:#fff;box-shadow:none;pointer-events:none;transform:translate(-1px)}.eq-waveform-playhead-time{position:absolute;top:0;z-index:6;min-width:64px;padding:8px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);box-shadow:var(--shadow-accent);color:#fff;font-size:.66rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;text-align:center;pointer-events:none;transform:translate(-50%,-100%)}.eq-waveform-playhead-time:after{position:absolute;top:100%;left:50%;width:8px;height:8px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);background:var(--accent);content:"";transform:translate(-50%,-50%) rotate(45deg)}.eq-waveform>small{position:absolute;bottom:.65rem;z-index:4;color:#ffffff9e;font-size:.62rem;font-variant-numeric:tabular-nums;pointer-events:none}.eq-waveform-current{left:.75rem}.eq-waveform-duration{right:.75rem}.eq-preset-rail,.eq-mobile-preset{margin:1rem 0 0;border:1px solid var(--function-gray-4);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--function-gray-2)}.eq-preset-rail{min-width:0;display:flex;align-items:stretch;padding:0 8px}.eq-preset-rail>button,.eq-more-presets>button{min-width:0;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto;padding:0 8px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer}.eq-preset-rail>button:hover,.eq-more-presets>button:hover,.eq-preset-rail>button.is-active,.eq-more-presets>button.is-active{color:var(--accent-dark)}.eq-preset-rail>button.is-active,.eq-more-presets>button.is-active{box-shadow:inset 0 -2px var(--function-color-6);font-weight:800}.eq-more-presets{position:relative;display:flex;flex:1 1 auto}.eq-more-menu,.eq-format-menu{position:absolute;z-index:30;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--nav-solid-shadow)}.eq-more-menu{top:calc(100% + .4rem);right:0;width:170px;padding:4px}.eq-more-menu button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.68rem;text-align:left;cursor:pointer}.eq-more-menu button:hover{background:var(--surface-tinted);color:var(--accent-dark)}.eq-mobile-preset{position:relative;display:none;align-items:center;min-height:54px;padding:0}.eq-mobile-preset-trigger{width:100%;min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1rem;border:0;background:transparent;color:var(--text-strong);font-size:14px;font-weight:800;cursor:pointer}.eq-mobile-preset-trigger svg{flex:0 0 auto;color:var(--text-muted);transition:transform var(--transition)}.eq-mobile-preset-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.eq-mobile-preset-menu{position:absolute;top:calc(100% + .45rem);right:0;left:0;z-index:40;max-height:280px;overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--nav-solid-shadow)}.eq-mobile-preset-menu button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .75rem;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.68rem;font-weight:650;text-align:left;cursor:pointer}.eq-mobile-preset-menu button:hover,.eq-mobile-preset-menu button.is-active{background:var(--surface-tinted);color:var(--accent-dark)}.eq-slider-panel{min-width:0;padding:1rem 1rem 12px;border:1px solid var(--function-gray-4);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface)}.eq-slider-bank{position:relative;min-width:0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}.eq-vertical-control{position:relative;min-width:0;height:184px;display:grid;grid-template-rows:20px minmax(0,1fr) 18px;justify-items:center;gap:4px}.eq-vertical-control output{min-width:42px;color:var(--accent-dark);font-size:12px;font-weight:750;text-align:center;opacity:0;transition:opacity var(--transition)}.eq-vertical-control:hover output,.eq-vertical-control:focus-within output{opacity:1}.eq-vertical-slider{position:relative;z-index:1;width:30px;height:136px}.eq-vertical-track{position:absolute;top:0;bottom:0;left:50%;width:6px;overflow:hidden;border-radius:999px;background:var(--function-gray-3);pointer-events:none;transform:translate(-50%)}.eq-vertical-track i{position:absolute;right:0;left:0;border-radius:999px;background:linear-gradient(to top,var(--function-color-6),var(--function-color-5))}.eq-vertical-control input[type=range]{position:absolute;top:0;left:50%;width:8px;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;writing-mode:vertical-lr;direction:rtl;accent-color:var(--accent);transform:translate(-50%)}.eq-vertical-control input[type=range]::-webkit-slider-runnable-track{width:8px;border-radius:999px;background:transparent}.eq-vertical-control input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-left:-7px;border:2px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-accent)}.eq-vertical-control input[type=range]::-moz-range-track{width:8px;border-radius:999px;background:transparent}.eq-vertical-control input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-accent)}.eq-vertical-control>span{color:var(--text-muted);font-size:12px;font-weight:700;text-align:center;white-space:nowrap}.eq-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.eq-play-button{width:112px;min-width:112px;height:48px;min-height:48px;box-sizing:border-box;border-radius:var(--radius-md);color:var(--accent-dark);cursor:pointer}.eq-export-actions{display:flex;align-items:stretch;gap:12px}.eq-format-control{position:relative}.eq-format-trigger{width:112px;min-width:112px;height:48px;min-height:48px;box-sizing:border-box;gap:4px;padding:0 12px;border-radius:var(--radius-md);font-size:.95rem;font-weight:400;cursor:pointer}.eq-format-menu{right:0;bottom:calc(100% + .5rem);width:230px;padding:4px}.eq-format-menu button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 12px;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer}.eq-format-menu button:hover,.eq-format-menu button.is-active{background:var(--surface-tinted);color:var(--accent-dark)}.eq-format-menu button>span{min-width:0;display:grid}.eq-format-menu strong{font-size:14px}.eq-format-menu small{color:var(--text-muted);font-size:12px}.eq-save-button{width:112px;min-width:112px;height:48px;min-height:48px;box-sizing:border-box;margin:0}.eq-preview-audio{display:none}.eq-reference-workbench .effect-result-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.eq-curve{margin:1rem 0 .5rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:#fbfcff;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px}.eq-curve svg{width:100%;height:132px;display:block}.eq-curve line{stroke:#cbd1dc;stroke-width:1}.eq-curve polyline{fill:none;stroke:var(--accent);stroke-linejoin:round;stroke-width:3}.eq-curve circle{fill:var(--surface);stroke:var(--accent);stroke-width:2}.eq-band-grid,.effect-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 1rem;margin-top:1rem}.eq-band-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.effect-range{min-width:0;display:grid;gap:8px}.effect-range>span,.effect-option-control>span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.effect-range strong,.effect-option-control strong{color:#454b57;font-size:14px;font-weight:400}.effect-range output,.effect-option-control output{color:var(--accent-dark);font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.effect-range input[type=range]{width:100%;height:8px;min-height:8px;padding:0;border:0;border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress, 0%),var(--border-strong) var(--range-progress, 0%) 100%);box-shadow:none;accent-color:var(--accent)}.effect-range input[type=range]::-webkit-slider-thumb{border:2px solid var(--accent);background:var(--gray-0);box-shadow:var(--shadow-accent)}.effect-range input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:var(--gray-0);box-shadow:var(--shadow-accent)}.effect-range-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.effect-option-control{display:grid;gap:8px}.effect-segmented{width:100%}.effect-segmented button{min-width:0;padding:0 8px}.effect-output-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.effect-summary{display:grid;line-height:1.35}.effect-summary span{color:var(--text-muted);font-size:.64rem}.effect-summary strong{font-size:.78rem}.effect-process-button,.effect-download-button{width:fit-content;min-height:44px;margin:1rem auto 0}.effect-headphone-note{position:relative;display:flex;align-items:center;gap:16px;min-height:72px;padding:16px;border-color:rgb(var(--accent-rgb) / .32);border-left:4px solid var(--accent);background:var(--surface-tinted);box-shadow:0 8px 24px rgb(var(--accent-rgb) / .12);color:var(--accent-dark)}.effect-headphone-note>svg{width:42px;height:42px;flex:0 0 auto;padding:12px;border-radius:var(--radius-md);background:var(--accent);box-shadow:var(--shadow-accent);color:#fff;stroke-width:2.2}.effect-headphone-note>div{display:grid;line-height:1.35}.effect-headphone-note strong{color:var(--text-strong);font-size:14px;font-weight:800}.effect-headphone-note span{margin-top:4px;color:var(--text-muted);font-size:12px}.eight-d-editor{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(280px,1.35fr);align-items:center;gap:1.25rem;margin-top:1rem}.eight-d-orbit{position:relative;width:min(100%,220px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto;border:1px solid var(--border);border-radius:50%;background:radial-gradient(circle,#fff 0 36%,var(--surface-tinted) 37% 38%,#fff 39% 64%,var(--border) 65% 66%,#fff 67%)}.eight-d-listener{position:absolute;top:50%;left:50%;z-index:3;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.eight-d-source{position:absolute;top:7px;left:calc(50% - 10px);z-index:4;width:20px;height:20px;border:5px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 4px 16px rgb(var(--accent-rgb) / .35);transform-origin:10px calc(50% + 93px);animation:eight-d-orbit 8s linear infinite}.eight-d-axis{position:absolute;inset:8px;z-index:2;border-radius:50%;background:conic-gradient(from -35deg,transparent 0 74%,rgb(var(--accent-rgb) / .06) 80%,rgb(var(--accent-rgb) / .24) 92%,rgb(var(--accent-rgb) / .58) 100%);pointer-events:none;animation:eight-d-orbit 8s linear infinite;-webkit-mask:radial-gradient(circle,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(circle,transparent calc(100% - 5px),#000 calc(100% - 4px))}.eight-d-source.is-reverse,.eight-d-axis.is-reverse{animation-direction:reverse}@keyframes eight-d-orbit{to{transform:rotate(360deg)}}.icon-stat-readout,.effect-result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:1rem}.icon-stat-readout-two{grid-template-columns:repeat(2,minmax(0,1fr))}.nightcore-export-format,.effect-export-format{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--text-strong);font-size:.88rem;font-weight:600}.nightcore-export-format>span,.effect-export-format>span{flex:1 1 auto;min-width:0}.nightcore-format-select,.effect-format-select{flex:0 0 104px;min-width:0}.nightcore-format-select .converter-format-trigger,.effect-format-select .converter-format-trigger{min-height:40px;padding:8px 12px;border-width:1px;border-radius:var(--radius-md);font-size:.88rem;font-weight:600}.nightcore-format-select .converter-format-menu,.effect-format-select .converter-format-menu{right:0;left:auto;min-width:104px}.icon-stat-card,.effect-result-metrics>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 8px;padding:12px;border:0;border-radius:var(--radius-lg);background:var(--surface-soft)}.icon-stat-card{grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;align-items:start}.icon-stat-card svg{grid-column:1;grid-row:1;align-self:start;margin-top:1px;color:var(--accent)}.icon-stat-card span,.effect-result-metrics span{color:var(--text-muted);font-size:14px;line-height:1.3}.icon-stat-card strong,.effect-result-metrics strong{overflow:hidden;justify-self:end;color:var(--text-strong);font-size:16px;line-height:1.35;text-align:right;text-overflow:ellipsis;white-space:nowrap}.icon-stat-card span,.icon-stat-card strong{grid-column:2;justify-self:start;text-align:left}.icon-stat-card strong{grid-row:2}.time-pitch-preview{display:grid;gap:12px;margin-top:16px;padding:16px;border:0;border-radius:var(--radius-lg);background:var(--function-gray-1)}.time-pitch-preview-heading{display:flex;align-items:center}.time-pitch-preview-heading>div{min-width:0;display:grid;gap:4px}.time-pitch-preview-heading strong{color:var(--text-strong);font-size:14px;line-height:1.35}.time-pitch-preview-heading small{color:var(--text-muted);font-size:12px;line-height:1.4}.time-pitch-preview audio{width:100%;min-height:40px}.time-pitch-preview-state{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:12px;text-align:center}.time-pitch-preview-state.error{color:var(--danger)}.song-key-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px;margin-top:16px}.song-key-controls>label{min-width:0;display:grid;gap:8px}.song-key-controls>label>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-strong);font-size:13px;font-weight:700}.song-key-controls>label>span small{color:var(--accent);font-size:11px;font-weight:600}.song-key-select{width:100%}.song-key-select .converter-format-trigger{min-height:48px;border-width:1px;border-radius:var(--radius-md);font-size:14px}.song-key-select .converter-format-menu{max-height:280px;overflow-y:auto}.song-key-arrow{display:grid;width:32px;height:48px;place-items:center;color:var(--accent);font-size:22px;font-weight:700}.vocal-tuner-workbench{display:grid;gap:16px}.vocal-tuner-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1px solid var(--border)}.vocal-tuner-mode-tabs button{position:relative;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:14px;font-weight:600}.vocal-tuner-mode-tabs button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.vocal-tuner-mode-tabs button.is-active{color:var(--accent);font-weight:800}.vocal-tuner-mode-tabs button.is-active:after{background:var(--accent)}.vocal-tuner-settings-card,.vocal-tuner-live-card,.vocal-tuner-source-card{display:grid;gap:16px}.vocal-tuner-section-heading{display:flex;align-items:flex-start;gap:12px}.vocal-tuner-section-heading>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-tinted);color:var(--accent)}.vocal-tuner-section-heading h2{margin:0;color:var(--text-strong);font-size:16px;line-height:1.4}.vocal-tuner-section-heading p{margin:4px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.vocal-tuner-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vocal-tuner-key-grid>label{min-width:0;display:grid;gap:8px;color:var(--text-strong);font-size:13px;font-weight:700}.vocal-tuner-select .converter-format-trigger{min-height:40px;padding:8px 12px;border-width:1px;border-radius:var(--radius-md);font-size:14px}.vocal-tuner-select .converter-format-menu{max-height:264px;overflow-y:auto}.vocal-tuner-export-format{margin-top:0}.vocal-tuner-export-format .vocal-tuner-select{flex:0 0 120px}.vocal-tuner-export-format .converter-format-menu{right:0;left:auto;min-width:120px}.vocal-tuner-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.vocal-tuner-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.vocal-tuner-source-card{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr) auto;align-items:center}.vocal-tuner-source-card>div{min-width:0;display:grid;gap:4px}.vocal-tuner-source-card span,.vocal-tuner-source-card small{color:var(--text-muted);font-size:12px}.vocal-tuner-source-card strong{overflow:hidden;color:var(--text-strong);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.vocal-tuner-source-card audio{width:100%}.vocal-tuner-process{width:100%}.vocal-tuner-headphone-note{margin:0}.vocal-tuner-headphone-check{display:flex;align-items:center;gap:8px;color:var(--text-strong);cursor:pointer;font-size:13px;font-weight:700}.vocal-tuner-headphone-check input{width:18px;height:18px;accent-color:var(--accent)}.vocal-tuner-readout{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;align-items:center;gap:16px;min-height:176px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-soft);background-image:linear-gradient(rgb(var(--accent-rgb) / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb) / .055) 1px,transparent 1px);background-size:24px 24px}.vocal-tuner-readout.is-active{border-color:rgb(var(--accent-rgb) / .35)}.vocal-tuner-note{display:grid;justify-items:center;gap:4px;text-align:center}.vocal-tuner-note span,.vocal-tuner-note small{color:var(--text-muted);font-size:11px}.vocal-tuner-note strong{width:72px;height:72px;display:grid;place-items:center;border:2px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--text-strong);font-size:24px}.vocal-tuner-note.is-target strong{border-color:var(--accent);color:var(--accent)}.vocal-tuner-meter{min-width:0;display:grid;gap:12px}.vocal-tuner-meter-track{position:relative;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--warning),var(--accent) 50%,var(--warning))}.vocal-tuner-meter-track:after{position:absolute;top:-8px;bottom:-8px;left:50%;width:2px;background:var(--accent);content:""}.vocal-tuner-meter-track>span{position:absolute;top:50%;z-index:2;width:18px;height:18px;border:3px solid var(--accent);border-radius:50%;background:#fff;box-shadow:0 3px 12px rgb(var(--accent-rgb) / .2);transform:translate(-50%,-50%);transition:left 80ms linear}.vocal-tuner-meter-scale{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:11px}.vocal-tuner-meter-scale strong{color:var(--text-strong);font-size:12px}.vocal-tuner-live-actions{display:flex;justify-content:center;gap:12px}.vocal-tuner-live-actions .primary-button,.vocal-tuner-live-actions .secondary-button{min-width:190px}.vocal-tuner-live-actions .is-recording{background:var(--danger)}.vocal-tuner-result-card{display:grid;gap:16px}.vocal-tuner-compare{display:grid;gap:12px}.vocal-tuner-compare label{min-width:0;display:grid;gap:8px;color:var(--text-strong);font-size:13px;font-weight:700}.vocal-tuner-compare audio,.vocal-tuner-result-card>audio{width:100%}@media(max-width:760px){.vocal-tuner-key-grid,.vocal-tuner-controls,.vocal-tuner-compare{grid-template-columns:1fr}.vocal-tuner-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.vocal-tuner-source-card{grid-template-columns:1fr}.vocal-tuner-source-card .secondary-button{width:100%}.vocal-tuner-readout{grid-template-columns:80px minmax(0,1fr) 80px;gap:8px;min-height:152px;padding:16px 8px}.vocal-tuner-note strong{width:56px;height:56px;font-size:18px}.vocal-tuner-note small{max-width:72px}.vocal-tuner-live-actions{flex-direction:column}.vocal-tuner-live-actions .primary-button,.vocal-tuner-live-actions .secondary-button{width:100%;min-width:0}}@media(max-width:420px){.vocal-tuner-mode-tabs button{font-size:12px}.vocal-tuner-presets{grid-template-columns:1fr}.vocal-tuner-readout{grid-template-columns:64px minmax(0,1fr) 64px}.vocal-tuner-note strong{width:48px;height:48px;font-size:16px}}.pitch-export-format{padding-top:0}.video-pitch-changer-workbench{display:grid;gap:16px}.video-pitch-result{display:grid;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.video-pitch-result video{width:100%;max-height:420px;border-radius:var(--radius-lg);background:#101114}.video-pitch-controls{margin:0}.video-pitch-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.video-pitch-actions .primary-button,.video-pitch-actions .secondary-button,.video-pitch-result .primary-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.video-pitch-cancel{color:var(--danger)}.video-pitch-result header{display:flex;align-items:center;justify-content:space-between;gap:16px}.video-pitch-result header strong{color:var(--text-strong);font-size:16px}.video-pitch-result header span,.video-pitch-result>small{color:var(--text-muted);font-size:12px}.video-pitch-result .primary-button{justify-self:center}.effect-result-card>header>span{background:#e6f7ef;color:var(--success-dark)}.effect-result-card audio{margin-top:1rem}.effect-studio>.status{margin:0}.tempo-detection-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft)}.tempo-detection-row>div{min-width:0;display:grid;flex:1;line-height:1.3}.tempo-detection-row span{color:var(--text-muted);font-size:.64rem}.tempo-detection-row strong{font-size:1rem}.tempo-detection-row button{width:40px;height:36px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--accent-dark);cursor:pointer}.tempo-detection-row .tempo-pitch-preserved{display:flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--accent-dark);font-weight:700}.tempo-pitch-preserved svg{color:var(--accent)}.tempo-pitch-preserved span{color:var(--accent-dark);font-size:12px}.time-pitch-tempo .effect-controls-grid{grid-template-columns:minmax(0,1fr)}.bpm-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.bpm-control-grid>label{min-width:0;display:grid;gap:8px}.bpm-control-grid>label>span:first-child,.bpm-source-readout>span{display:flex;align-items:center;gap:8px;color:var(--text-strong);font-size:13px;font-weight:600}.bpm-control-grid>label>span:first-child small{color:var(--text-muted);font-size:11px;font-weight:600}.bpm-source-readout{display:grid;align-content:start;gap:4px;padding:0}.bpm-source-readout strong{min-height:40px;display:flex;align-items:center;gap:6px;color:var(--accent-dark);font-size:18px;font-weight:400;font-variant-numeric:tabular-nums}.bpm-source-readout strong b{font:inherit;font-size:24px;font-weight:500}.bpm-source-readout strong small{color:var(--text-muted);font-size:12px;font-weight:400}.bpm-source-readout strong.is-empty{color:var(--text-muted);font-size:14px}.bpm-pitch-note{min-height:36px;display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.bpm-pitch-note svg{color:var(--accent)}@media(max-width:900px){.effect-source-card{grid-template-columns:auto minmax(0,1fr) auto}.effect-source-player{grid-column:1 / -1}.effect-preset-grid,.eq-channel-grid,.eq-preset-grid,.reverb-preset-grid,.eq-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-preset-rail{overflow-x:auto}.eq-preset-rail>button,.eq-more-presets{min-width:max-content}}@media(max-width:680px){.effect-range strong,.effect-option-control strong,.effect-range output,.effect-option-control output{font-size:12px}.effect-source-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy replace" "player player player"}.effect-source-card>.effect-card-icon{grid-area:icon}.effect-source-copy{grid-area:copy}.effect-replace-button{grid-area:replace;width:auto;padding-inline:12px;font-size:12px}.effect-replace-button svg{width:14px;height:14px}.effect-source-player{grid-area:player}.effect-section-heading{align-items:flex-start;flex-wrap:wrap}.eq-editor-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.eq-toolbar-action{justify-self:end}.eq-waveform{height:156px}.eq-preset-rail{display:none}.eq-mobile-preset{display:flex}.eq-slider-panel{padding:12px 8px}.eq-slider-bank{gap:4px}.eq-vertical-control{height:160px;grid-template-rows:18px minmax(0,1fr) 16px;gap:.25rem}.eq-vertical-slider{height:116px}.eq-vertical-control input[type=range]::-webkit-slider-thumb,.eq-vertical-control input[type=range]::-moz-range-thumb{width:20px;height:20px}.eq-vertical-control output{min-width:0;font-size:.48rem}.eq-vertical-control>span{font-size:.5rem}.eq-editor-footer{align-items:stretch}.eq-play-button{width:92px;min-width:92px}.eq-export-actions{min-width:0;flex:1;justify-content:flex-end}.eq-format-trigger{width:92px;min-width:92px}.eq-save-button{width:92px;min-width:92px;padding-inline:12px}.eq-reference-workbench .effect-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-output-row,.eight-d-editor,.effect-controls-grid{grid-template-columns:1fr}.effect-output-row .secondary-button,.effect-process-button,.effect-download-button{width:100%}.icon-stat-readout,.effect-result-metrics{grid-template-columns:1fr}.song-key-controls,.bpm-control-grid{grid-template-columns:1fr;gap:8px}.song-key-arrow{width:100%;height:24px;transform:rotate(90deg)}.video-pitch-result{padding:24px}.video-pitch-actions,.video-pitch-result header{align-items:stretch;flex-direction:column}.video-pitch-actions .primary-button,.video-pitch-actions .secondary-button,.video-pitch-result .primary-button{width:100%}.nightcore-export-format{align-items:flex-start;flex-direction:column;gap:8px}.nightcore-format-select,.effect-format-select{width:100%;flex-basis:auto}.nightcore-format-select .converter-format-menu,.effect-format-select .converter-format-menu{right:0;left:0;min-width:0}.effect-export-format{gap:8px}.effect-export-format>span{flex:0 0 auto;white-space:nowrap}.effect-export-format .effect-format-select{width:104px;flex:0 0 104px}.effect-format-select .converter-format-menu{right:0;left:auto;min-width:104px}}@media(max-width:460px){.effect-control-card,.effect-result-card{padding:1rem}.effect-preset-grid,.eq-channel-grid,.eq-preset-grid,.reverb-preset-grid,.eq-band-grid{grid-template-columns:1fr}.effect-mode-tabs{width:100%}.eq-toolbar-action{padding:0 8px}.eq-reference-workbench .effect-result-metrics{grid-template-columns:1fr}}.reverse-audio-workbench{min-width:0}.reverse-selection-card{margin-top:0;padding:1.25rem;border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.reverse-trim-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.reverse-trim-action>span{color:var(--text-muted);font-size:14px}.reverse-trim-action .secondary-button,.reverse-adjustments-toggle{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-strong);font-size:14px;font-weight:400}.reverse-trim-action .secondary-button{display:inline-flex;align-items:center;gap:6px}.reverse-trim-modal-backdrop{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:24px;background:#0d0d1b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reverse-trim-modal{position:relative;width:min(760px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto}.reverse-trim-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--surface-soft);color:var(--text-muted)}.reverse-trim-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.reverse-waveform{margin-top:36px;overflow:visible;background:var(--surface-tinted)}.reverse-waveform canvas,.reverse-waveform .looper-waveform-shade,.reverse-waveform .looper-selection{border-radius:inherit}.reverse-trim-time{position:absolute;top:8px;z-index:4;min-width:52px;padding:4px 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center;pointer-events:none}.reverse-trim-time.is-start{left:0;transform:translate(-50%)}.reverse-trim-time.is-end{right:0;transform:translate(50%)}.reverse-trim-playhead{position:absolute;top:0;bottom:0;z-index:5;width:1px;background:#fff;box-shadow:0 0 0 1px #0d0d1b40;pointer-events:none}.reverse-waveform-timeline{position:relative;height:28px;margin-top:4px;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.reverse-waveform-timeline>span{position:absolute;top:0;display:grid;gap:3px;justify-items:center;white-space:nowrap;transform:translate(-50%)}.reverse-waveform-timeline>span:first-child{justify-items:start;transform:none}.reverse-waveform-timeline>span:last-child{justify-items:end;transform:translate(-100%)}.reverse-waveform-timeline i{width:1px;height:5px;background:var(--function-gray-5)}.reverse-selection-player{margin-top:16px}.reverse-time-row{grid-template-columns:repeat(2,minmax(120px,.8fr)) minmax(150px,1fr)}.reverse-preview-switch{width:min(100%,280px)}.reverse-preview-player{min-height:54px;display:flex;align-items:center;margin-top:1rem;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft)}.reverse-preview-player audio{width:100%;height:40px}.reverse-preview-player>span{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.7rem}.reverse-adjustments-toggle{display:inline-flex;width:36px;align-items:center;justify-content:center;gap:4px;margin-left:auto;padding:0}.reverse-adjustments-toggle svg{transition:transform .16s ease}.reverse-adjustments-toggle svg.is-open{transform:rotate(180deg)}.reverse-adjustment-grid{margin-top:0}.reverse-export-row{display:grid;grid-template-columns:136px minmax(220px,1fr) auto;align-items:end;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.reverse-format-control{min-width:0;display:grid;gap:6px}.reverse-format-control>span{color:var(--text-muted);font-size:.64rem;font-weight:700}.reverse-format-select .converter-format-trigger{min-height:44px;padding:0 12px;border-width:1px;border-radius:var(--radius-md);font-size:.76rem;font-weight:750}.reverse-format-select .converter-format-menu{min-width:136px}.reverse-process-button{min-width:160px;min-height:44px}@media(max-width:680px){.reverse-selection-card{padding:20px}.reverse-trim-modal-backdrop{align-items:end;padding:12px}.reverse-trim-modal{max-height:calc(100vh - 24px)}.reverse-trim-action{align-items:flex-start}.reverse-trim-action>span{font-size:12px}.reverse-time-row{grid-template-columns:repeat(2,minmax(0,1fr))}.reverse-time-row>div{grid-column:1 / -1}.reverse-preview-switch{width:100%}.reverse-adjustment-grid,.reverse-export-row{grid-template-columns:1fr}.reverse-export-row{align-items:stretch;gap:12px}.reverse-format-select,.reverse-process-button{width:100%}.reverse-format-select .converter-format-menu{right:0;left:0;min-width:0}}@media(max-width:460px){.reverse-time-row{grid-template-columns:1fr}.reverse-time-row>div{grid-column:auto}}.tuning-guide-kicker{margin:0 0 8px;color:#ffffffa3;font-size:.75rem;font-weight:600;line-height:1.4;text-transform:uppercase}.tuning-guide-main{padding-bottom:64px!important}.tuning-guide-entry{display:grid;gap:24px;padding:40px;border:1px solid var(--gray-3);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-md)}.tuning-guide-entry-copy{display:flex;gap:16px;align-items:center}.tuning-guide-entry-icon{display:inline-flex;width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:var(--purple-0);color:var(--accent)}.tuning-guide-entry-label{margin:0 0 4px;color:var(--text-muted);font-size:.75rem;font-weight:600;line-height:1.4;text-transform:uppercase}.tuning-guide-entry h2,.tuning-hub-intro h2,.tuning-hub-card h2{margin:0;color:var(--text-strong);letter-spacing:0}.tuning-guide-entry h2{font-size:1.5rem;line-height:1.3}.tuning-note-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.tuning-note-row span{display:flex;min-width:0;min-height:72px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--gray-3);border-radius:var(--radius-sm);background:var(--gray-1)}.tuning-note-row small{color:var(--text-muted);font-size:.7rem;line-height:1.2}.tuning-note-row strong{color:var(--accent);font-size:1.25rem;line-height:1.4}.tuning-guide-open{width:max-content}.tuning-guide-entry-note{margin:-16px 0 0;color:var(--text-muted);font-size:.8rem}.tuning-hub-main{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-page-x) 96px}.tuning-hub-intro{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-bottom:40px;padding:40px 0 32px;border-bottom:1px solid rgba(255,255,255,.2)}.tuning-hub-intro>div{max-width:680px}.tuning-hub-intro h2{margin-bottom:8px;color:#fff;font-size:2rem;line-height:1.2}.tuning-hub-intro p{margin:0;color:#ffffffc7}.tuning-hub-intro .primary-button{flex:0 0 auto}.tuning-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tuning-hub-card{display:flex;min-width:0;min-height:264px;padding:32px;flex-direction:column;border:1px solid var(--gray-3);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-sm)}.tuning-hub-card>p{margin:0 0 24px;color:var(--accent);font-size:.8rem;font-weight:600}.tuning-hub-card h2{margin-bottom:8px;font-size:1.35rem;line-height:1.3}.tuning-hub-card>span{display:block;margin-bottom:24px;color:var(--text-muted);line-height:1.65}.tuning-hub-card>a{display:inline-flex;width:max-content;align-items:center;gap:8px;margin-top:auto;color:var(--accent);font-weight:600}@media(max-width:680px){.tuning-guide-main{padding-bottom:48px!important}.tuning-guide-entry{gap:24px;padding:24px}.tuning-note-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tuning-guide-open{width:100%}.tuning-hub-main{padding-bottom:64px}.tuning-hub-intro{gap:24px;align-items:stretch;flex-direction:column;padding:24px 0}.tuning-hub-intro h2{font-size:1.5rem}.tuning-hub-intro .primary-button{width:100%}.tuning-hub-grid{grid-template-columns:1fr}.tuning-hub-card{min-height:0;padding:24px}}.vocal-utility-workbench{min-width:0;color:var(--text)}.vocal-utility-heading{display:flex;align-items:center;gap:16px}.vocal-utility-heading>span{width:48px;height:48px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--purple-0);color:var(--accent)}.vocal-utility-heading h2,.vocal-reference-results h3,.vocal-chart-detail h3,.voice-guide-reference h2,.voice-types-hub-intro h2,.voice-type-hub-card h2,.voice-types-tool-links h2{margin:0;color:var(--text-strong);letter-spacing:0}.vocal-utility-heading h2{font-size:1.4rem;line-height:1.3}.vocal-utility-heading p,.vocal-reference-results p,.vocal-chart-detail p,.voice-types-hub-intro p,.voice-type-hub-card p,.voice-types-tool-links p{margin:4px 0 0;color:var(--text-muted);line-height:1.55}.vocal-note-selectors{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px;margin-top:32px}.vocal-note-select-field{min-width:0;display:grid;grid-template-columns:1fr auto;gap:8px}.vocal-note-select-field>span{color:var(--text-strong);font-size:.78rem;font-weight:650}.vocal-note-select-control{width:100%;grid-column:1 / -1}.vocal-note-select-control .converter-format-trigger{min-height:40px;padding:0 12px;border-width:1px;border-radius:var(--radius-sm);font-size:.85rem}.vocal-note-select-control .converter-format-trigger strong{color:var(--text-strong);font-weight:650}.vocal-note-select-menu{max-height:min(312px,calc(100vh - 96px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.vocal-note-select-menu button{flex:0 0 auto}.vocal-note-select-field>small{align-self:center;color:var(--text-muted);font-size:.72rem}.vocal-note-to{display:inline-flex;min-height:40px;align-items:center;color:var(--text-muted);font-size:.78rem;font-weight:600}.vocal-utility-notice,.vocal-chart-caveat{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;line-height:1.5}.vocal-utility-notice{margin-top:16px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--purple-0)}.vocal-calculator-result{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);gap:24px;margin-top:32px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft)}.vocal-calculator-summary>span,.vocal-reference-results>div:first-child>span,.vocal-chart-detail-copy>span,.voice-types-tool-links>div:first-child>span{display:block;color:var(--accent);font-size:.72rem;font-weight:700}.vocal-calculator-summary>strong{display:block;margin-top:4px;color:var(--text-strong);font-size:2rem;line-height:1.2}.vocal-calculator-summary>p{margin:8px 0 0;color:var(--text-muted);font-size:.82rem}.vocal-calculator-metrics,.vocal-chart-detail-metrics,.voice-guide-reference-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vocal-calculator-metrics article,.vocal-chart-detail-metrics article,.voice-guide-reference-metrics article{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.vocal-calculator-metrics span,.vocal-chart-detail-metrics span,.voice-guide-reference-metrics span{display:block;color:var(--text-muted);font-size:.68rem;font-weight:650}.vocal-calculator-metrics strong,.vocal-chart-detail-metrics strong,.voice-guide-reference-metrics strong{display:block;margin-top:4px;color:var(--text-strong);font-size:1rem;line-height:1.35;overflow-wrap:anywhere}.vocal-calculator-metrics small,.voice-guide-reference-metrics small{display:block;margin-top:4px;color:var(--text-muted);font-size:.68rem}.vocal-custom-range{grid-column:1 / -1;padding:16px 16px 24px;border-radius:var(--radius-sm);background:var(--surface)}.vocal-utility-axis{position:relative;height:24px}.vocal-utility-axis span{position:absolute;color:var(--text-muted);font-size:.65rem;transform:translate(-50%)}.vocal-custom-range-track,.voice-guide-range-line{position:relative;height:10px;border-radius:999px;background:var(--gray-3)}.vocal-custom-range-track>span,.voice-guide-range-line>span{position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--accent)}.vocal-custom-range-track>i,.voice-guide-range-line>i{position:absolute;top:16px;color:var(--text-strong);font-size:.7rem;font-style:normal;font-weight:700;transform:translate(-50%)}.vocal-reference-results{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr);gap:32px;align-items:start;margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.vocal-reference-results h3,.vocal-chart-detail h3{margin-top:4px;font-size:1.2rem}.vocal-match-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vocal-match-list a{position:relative;min-width:0;min-height:128px;display:flex;padding:16px;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.vocal-match-list a:hover{border-color:var(--function-color-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vocal-match-list a>span,.vocal-match-list a>small{color:var(--text-muted);font-size:.68rem}.vocal-match-list a>strong{margin-top:4px;color:var(--text-strong);font-size:1rem}.vocal-match-list a>small{margin-top:auto}.vocal-match-list svg{position:absolute;right:16px;bottom:16px;color:var(--accent)}.vocal-utility-test-link{width:max-content;display:inline-flex;margin-top:32px}.vocal-chart{margin-top:32px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft)}.vocal-chart-axis-wrap{margin-left:152px;padding:0 12px}.vocal-chart-row{width:100%;display:grid;grid-template-columns:152px minmax(0,1fr);align-items:center;padding:12px;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;transition:background var(--transition),box-shadow var(--transition)}.vocal-chart-row+.vocal-chart-row{margin-top:4px}.vocal-chart-row:hover,.vocal-chart-row.is-active{background:var(--surface);box-shadow:var(--shadow-sm)}.vocal-chart-label strong,.vocal-chart-label small{display:block}.vocal-chart-label strong{color:var(--text-strong);font-size:.85rem}.vocal-chart-label small{color:var(--text-muted);font-size:.68rem}.vocal-chart-line{position:relative;height:12px;border-radius:999px;background:var(--gray-3)}.vocal-chart-line i{position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--function-color-4);transition:background var(--transition),box-shadow var(--transition)}.vocal-chart-row.is-active .vocal-chart-line i{background:var(--accent);box-shadow:0 3px 12px rgb(var(--accent-rgb) / .28)}.vocal-chart-detail{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.55fr);gap:24px;align-items:center;margin-top:24px;padding:24px;border:1px solid var(--function-color-3);border-radius:var(--radius-lg);background:var(--purple-0)}.vocal-chart-detail .primary-button{width:max-content;grid-column:1 / -1}.vocal-chart-caveat{margin:16px 0 0}.voice-guide-main{padding-bottom:0!important}.voice-guide-reference{display:grid;gap:32px;padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.voice-guide-reference-copy{display:flex;align-items:center;gap:16px}.voice-guide-reference-icon{width:48px;height:48px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--purple-0);color:var(--accent)}.voice-guide-reference-copy p{margin:0 0 4px;color:var(--accent);font-size:.72rem;font-weight:700}.voice-guide-reference h2{font-size:1.4rem;line-height:1.3}.voice-guide-range-visual{padding:16px 16px 24px;border-radius:var(--radius-sm);background:var(--surface-soft)}.voice-guide-range-axis{position:relative;height:24px}.voice-guide-range-axis span{position:absolute;color:var(--text-muted);font-size:.65rem;transform:translate(-50%)}.voice-guide-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:24px 0 48px}.voice-types-hub-main{width:100%;max-width:var(--container-main);margin:0 auto;padding:0 var(--space-page-x) 64px}.voice-types-hub-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.2)}.voice-types-hub-intro>div{max-width:660px}.voice-types-hub-intro h2,.voice-types-hub-intro p{color:#fff}.voice-types-hub-intro h2{font-size:1.75rem}.voice-types-hub-intro p{color:#ffffffc2}.voice-types-hub-intro .primary-button{flex:0 0 auto}.voice-types-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.voice-type-hub-card{min-width:0;min-height:264px;display:flex;padding:24px;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.voice-type-hub-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--text-muted);font-size:.68rem}.voice-type-hub-card-top strong{color:var(--accent);font-size:.75rem}.voice-type-hub-card h2{font-size:1.2rem;line-height:1.35}.voice-type-hub-card p{font-size:.82rem}.voice-type-card-range{position:relative;height:8px;margin-top:24px;border-radius:999px;background:var(--gray-3)}.voice-type-card-range span{position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--accent)}.voice-type-hub-card>a{display:inline-flex;width:max-content;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:var(--accent);font-weight:650}.voice-types-tool-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:32px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.voice-types-tool-links h2{margin-top:4px;font-size:1.35rem}.voice-types-tool-links>div:last-child{display:grid;gap:4px}.voice-types-tool-links a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);color:var(--text-strong);font-size:.82rem;font-weight:650}.voice-types-tool-links a:last-child{border-bottom:0}.voice-types-tool-links a:hover{color:var(--accent)}@media(max-width:820px){.voice-types-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocal-reference-results,.vocal-chart-detail,.voice-types-tool-links{grid-template-columns:1fr}}@media(max-width:680px){.vocal-utility-heading{align-items:flex-start}.vocal-utility-heading h2{font-size:1.15rem}.vocal-note-selectors{grid-template-columns:1fr;gap:8px;margin-top:24px}.vocal-note-to{min-height:24px;justify-content:center}.vocal-calculator-result,.vocal-reference-results,.vocal-chart-detail{gap:24px;margin-top:24px;padding:24px;grid-template-columns:1fr}.vocal-calculator-metrics,.vocal-chart-detail-metrics,.voice-guide-reference-metrics,.vocal-match-list{grid-template-columns:1fr}.vocal-match-list a{min-height:112px}.vocal-utility-test-link,.vocal-chart-detail .primary-button{width:100%}.vocal-chart{padding:16px}.vocal-chart-axis-wrap{margin-left:96px;padding:0 8px}.vocal-chart-row{grid-template-columns:96px minmax(0,1fr);padding:12px 8px}.vocal-chart-label strong{font-size:.75rem}.vocal-chart-label small{font-size:.62rem}.voice-guide-reference{gap:24px;padding:24px}.voice-guide-reference h2{font-size:1.15rem}.voice-guide-actions{align-items:stretch;flex-direction:column;padding-bottom:32px}.voice-guide-actions .primary-button,.voice-guide-actions .secondary-button{width:100%}.voice-types-hub-main{padding:0 24px 48px}.voice-types-hub-intro{align-items:stretch;flex-direction:column;gap:24px;padding:24px 0}.voice-types-hub-intro h2{font-size:1.4rem}.voice-types-hub-intro .primary-button{width:100%}.voice-types-hub-grid{grid-template-columns:1fr}.voice-type-hub-card{min-height:0}.voice-types-tool-links{gap:24px;padding:24px}}.singer-range-main{width:100%;max-width:var(--container-main);margin:0 auto;padding:0 var(--space-page-x) 64px}.singer-range-summary{display:grid;gap:32px;padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.singer-range-summary-heading,.singer-hub-card-heading{display:flex;align-items:center;gap:16px}.singer-range-avatar{width:48px;height:48px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--function-color-3);border-radius:50%;background:var(--purple-0);color:var(--accent);font-size:.82rem;font-weight:750}.singer-range-summary-heading p,.singer-hub-card-heading p,.singer-section-heading>span,.singer-hub-intro>div>span,.singer-hub-cta>div>span{margin:0 0 4px;color:var(--accent);font-size:.72rem;font-weight:700}.singer-range-summary-heading h2,.singer-section-heading h2,.singer-hub-intro h2,.singer-hub-card h2,.singer-hub-cta h2,.singer-evidence-grid h3,.singer-recording-list h3,.singer-interpretation-grid h3,.singer-method-grid h3{margin:0;color:var(--text-strong);letter-spacing:0}.singer-range-summary-heading h2{font-size:1.4rem;line-height:1.3}.singer-range-summary-heading>div>span{display:block;margin-top:4px;color:var(--text-muted);font-size:.75rem}.singer-range-chart{min-width:0;padding:16px 16px 32px;border-radius:var(--radius-sm);background:var(--surface-soft)}.singer-range-chart.is-compact{padding:0;background:transparent}.singer-range-axis{position:relative;height:24px}.singer-range-axis span{position:absolute;color:var(--text-muted);font-size:.64rem;transform:translate(-50%)}.singer-range-track{position:relative;height:10px;border-radius:999px;background:var(--gray-3)}.singer-range-track>span{position:absolute;top:0;bottom:0;border-radius:inherit;background:var(--accent)}.singer-range-track>i{position:absolute;top:16px;color:var(--text-strong);font-size:.7rem;font-style:normal;font-weight:750;transform:translate(-50%)}.singer-range-metrics{display:grid;grid-template-columns:.7fr .7fr .9fr 1.7fr;gap:8px}.singer-range-metrics article{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.singer-range-metrics span,.singer-range-metrics small{display:block;color:var(--text-muted);font-size:.68rem}.singer-range-metrics strong{display:block;margin-top:4px;color:var(--text-strong);font-size:1rem;line-height:1.4}.singer-range-metrics article:last-child strong{font-size:.82rem}.singer-range-metrics small{margin-top:4px}.singer-range-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:24px 0 48px}.singer-content-section{padding:64px 0;border-top:1px solid var(--border)}.singer-section-heading{max-width:720px;margin-bottom:32px}.singer-section-heading h2,.singer-hub-intro h2,.singer-hub-cta h2{font-size:clamp(1.55rem,2.7vw,2.25rem);line-height:1.16}.singer-section-heading p,.singer-hub-intro p,.singer-hub-card>p,.singer-hub-cta p,.singer-evidence-grid p,.singer-recording-list p,.singer-interpretation-grid p,.singer-method-grid p,.singer-prose-columns p{color:var(--text-muted);line-height:1.7}.singer-section-heading p,.singer-hub-intro p,.singer-hub-cta p{margin:12px 0 0}.singer-prose-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.singer-prose-columns p{margin:0;font-size:1rem}.singer-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.singer-evidence-grid article{min-width:0;padding:24px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.singer-evidence-grid svg{color:var(--accent)}.singer-evidence-grid h3,.singer-recording-list h3,.singer-interpretation-grid h3,.singer-method-grid h3{font-size:1rem;line-height:1.4}.singer-evidence-grid h3{margin-top:16px}.singer-evidence-grid p,.singer-interpretation-grid p,.singer-method-grid p{margin:8px 0 0;font-size:.84rem}.singer-recording-list{display:grid;gap:8px}.singer-recording-list article{display:grid;grid-template-columns:40px minmax(160px,.55fr) minmax(0,1.45fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.singer-recording-list article:first-child{border-top:1px solid var(--border)}.singer-recording-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--purple-0);color:var(--accent)}.singer-recording-title strong{display:block;margin-top:4px;color:var(--accent);font-size:.75rem}.singer-recording-list p{margin:0;font-size:.8rem}.singer-recording-list a,.singer-source-list a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.75rem;font-weight:650}.singer-interpretation-grid,.singer-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.singer-interpretation-grid article,.singer-method-grid article{padding-top:16px;border-top:2px solid var(--function-color-3)}.singer-other-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.singer-other-grid a{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:72px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.singer-other-grid a:hover,.singer-hub-card:hover{border-color:var(--function-color-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.singer-other-grid a>span{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--purple-0);color:var(--accent);font-size:.7rem;font-weight:750}.singer-other-grid strong,.singer-other-grid small{display:block}.singer-other-grid strong{color:var(--text-strong);font-size:.85rem}.singer-other-grid small{margin-top:4px;color:var(--text-muted);font-size:.68rem}.singer-other-grid svg{color:var(--accent)}.singer-sources-section{padding-bottom:32px}.singer-source-list{display:grid;gap:4px}.singer-source-list a{min-height:48px;padding:8px 0;border-bottom:1px solid var(--border)}.singer-source-list a>span{color:var(--text-muted);font-size:.68rem;font-variant-numeric:tabular-nums}.singer-source-list a>strong{color:var(--text-strong)}.singer-source-list a:hover>strong{color:var(--accent)}.singer-range-hub-main{padding-bottom:64px}.singer-hub-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:32px 0 40px}.singer-hub-intro>div{max-width:760px}.singer-hub-intro h2{color:var(--text-strong)}.singer-hub-intro>div>span{color:var(--text-strong)}.singer-hub-intro p{color:var(--text-muted)}.singer-hub-intro .primary-button{flex:0 0 auto}.singer-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:8px}.singer-hub-card{min-width:0;min-height:328px;display:flex;padding:24px;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.singer-hub-card-heading p{font-size:.66rem}.singer-hub-card h2{font-size:1.15rem}.singer-hub-range{display:block;margin-top:24px;color:var(--text-strong);font-size:1.65rem}.singer-hub-card .singer-range-chart{margin-top:16px}.singer-hub-card>p{margin:24px 0 0;font-size:.78rem}.singer-hub-card>a{width:max-content;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:var(--accent);font-size:.8rem;font-weight:650}.singer-comparison-chart{padding:24px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.singer-comparison-chart>.singer-range-axis{margin-left:184px;margin-right:32px}.singer-comparison-chart>a{display:grid;grid-template-columns:168px minmax(0,1fr) 16px;gap:16px;align-items:center;min-height:56px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition)}.singer-comparison-chart>a:hover{background:var(--surface)}.singer-comparison-chart>a>span{color:var(--text-strong);font-size:.82rem;font-weight:650}.singer-comparison-chart>a>span small{display:block;margin-top:2px;color:var(--text-muted);font-size:.66rem;font-weight:500}.singer-comparison-chart>a>svg{color:var(--accent)}.singer-hub-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:64px;padding:32px 40px;border:1px solid var(--function-color-3);border-radius:var(--radius-sm);background:var(--purple-0)}.singer-hub-cta>div{max-width:680px}.singer-hub-cta .primary-button{flex:0 0 auto}@media(max-width:900px){.singer-range-metrics,.singer-hub-grid,.singer-interpretation-grid,.singer-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.singer-recording-list article{grid-template-columns:40px minmax(0,.7fr) minmax(0,1.3fr)}.singer-recording-list article>a{grid-column:2 / -1}}@media(max-width:680px){.singer-range-main{padding:0 24px 48px}.singer-range-summary{gap:24px;padding:24px}.singer-range-summary-heading{align-items:flex-start}.singer-range-summary-heading h2{font-size:1.15rem}.singer-range-chart{padding:16px 8px 32px}.singer-range-chart.is-compact{padding:0}.singer-range-axis span:first-child,.singer-range-axis span:last-child{display:none}.singer-range-metrics,.singer-prose-columns,.singer-evidence-grid,.singer-interpretation-grid,.singer-method-grid,.singer-other-grid,.singer-hub-grid{grid-template-columns:1fr}.singer-range-actions{align-items:stretch;flex-direction:column;padding-bottom:32px}.singer-range-actions .primary-button,.singer-range-actions .secondary-button{width:100%}.singer-content-section{padding:48px 0}.singer-section-heading{margin-bottom:24px}.singer-section-heading h2,.singer-hub-intro h2,.singer-hub-cta h2{font-size:1.45rem}.singer-prose-columns{gap:16px}.singer-evidence-grid article{padding:24px}.singer-recording-list article{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 0}.singer-recording-list article>p,.singer-recording-list article>a{grid-column:1 / -1}.singer-hub-intro,.singer-hub-cta{align-items:stretch;flex-direction:column;gap:24px}.singer-hub-intro{padding:24px 0 32px}.singer-hub-intro .primary-button,.singer-hub-cta .primary-button{width:100%}.singer-hub-card{min-height:0}.singer-comparison-chart{padding:16px}.singer-comparison-chart>.singer-range-axis{margin-left:0;margin-right:0}.singer-comparison-chart>a{grid-template-columns:104px minmax(0,1fr);gap:8px;padding:12px 0}.singer-comparison-chart>a>svg{display:none}.singer-comparison-chart>a>span{font-size:.72rem}.singer-hub-cta{margin-top:48px;padding:24px}}.chord-finder-workbench,.guitar-chord-library,.guitar-chord-chart-workbench{display:grid;gap:24px}.chord-mode-tabs{display:flex;width:100%;align-items:stretch;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.chord-mode-tabs button{flex:1 1 0;min-width:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500}.chord-mode-tabs button:after{display:none}.chord-mode-tabs button.is-active{border-color:var(--border);background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0f172a14}.chord-mode-tabs button.is-active:after{display:none}.chord-finder-input-panel,.chord-finder-results,.chord-detail-hero-card,.chord-reference-section,.chord-guide-intro,.chord-guide-section,.chord-guide-next{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.chord-finder-input-panel{padding:32px}.chord-panel-heading,.chord-chart-header,.chord-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.chord-panel-heading{margin-bottom:32px}.chord-panel-heading span,.chord-chart-header span,.chord-detail-summary>span,.chord-reference-copy>span,.chord-section-heading>span,.chord-guide-next span{display:block;margin-bottom:4px;color:var(--accent);font-size:.7rem;font-weight:750}.chord-panel-heading h2,.chord-chart-header h2{margin:0;color:var(--text-strong);font-size:1.25rem;line-height:1.35}.chord-reset-button,.chord-result-summary button,.guitar-chord-card-meta button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-muted);cursor:pointer}.chord-reset-button{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem}.chord-reset-button:hover,.chord-result-summary button:hover,.guitar-chord-card-meta button:hover{color:var(--accent)}.chord-note-picker{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:8px}.chord-note-input{display:grid;gap:20px}.chord-note-examples{display:flex;align-items:center;gap:12px}.chord-note-examples>span{flex:0 0 auto;color:var(--text-muted);font-size:12px}.chord-note-examples>div{display:flex;flex-wrap:wrap;gap:6px}.chord-note-examples button{min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--text-strong);cursor:pointer;font-size:12px;font-weight:500}.chord-note-examples button:hover{border-color:var(--accent);color:var(--accent)}.chord-note-picker button{min-height:46px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-strong);cursor:pointer;font-size:14px;font-weight:500;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.chord-note-picker button:hover{border-color:var(--accent);color:var(--accent)}.chord-note-picker button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.chord-piano-picker{min-height:220px;display:flex;align-items:flex-start;overflow-x:auto;padding:0 0 8px}.chord-piano-picker button{position:relative;flex:1 0 62px;height:210px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#fff;color:var(--text-strong);cursor:pointer;font-size:.72rem;font-weight:700}.chord-piano-picker button+button{margin-left:-1px}.chord-piano-picker button.is-black{z-index:1;height:132px;flex-basis:44px;margin:0 -22px;border-color:#171717;border-radius:0 0 6px 6px;background:#242424;color:#fff}.chord-piano-picker button.is-active{border-color:var(--accent);background:var(--purple-1);color:var(--accent)}.chord-piano-picker button.is-black.is-active{background:var(--accent);color:#fff}.chord-guitar-input{display:grid;gap:8px;overflow-x:auto;padding-bottom:8px}.chord-guitar-presets{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chord-guitar-presets>span{flex:0 0 auto;color:var(--text-muted);font-size:12px}.chord-guitar-presets>div{display:flex;flex-wrap:wrap;gap:6px}.chord-guitar-presets button{min-width:38px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--text-strong);cursor:pointer;font-size:12px;font-weight:500}.chord-guitar-presets button:hover{border-color:var(--accent);color:var(--accent)}.chord-guitar-string{min-width:760px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}.chord-guitar-string strong{color:var(--text-muted);font-size:.72rem}.chord-guitar-string>div{display:grid;grid-template-columns:repeat(14,minmax(36px,1fr));gap:4px}.chord-guitar-string button{min-height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--text-muted);cursor:pointer;font-size:.72rem}.chord-guitar-string button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.chord-finder-results{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);overflow:hidden}.chord-result-summary,.chord-result-matches{min-width:0;padding:32px}.chord-result-summary{display:flex;align-items:flex-start;flex-direction:column;border-right:1px solid var(--border);background:var(--surface-tinted)}.chord-result-summary>span,.chord-result-matches>span{margin-bottom:8px;color:var(--text-soft);font-size:.68rem;font-weight:750}.chord-result-summary>strong{color:var(--text-strong);font-size:1.35rem;line-height:1.35}.chord-result-summary button{margin-top:24px;color:var(--accent);font-size:.82rem;font-weight:650}.chord-match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chord-match-list>div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.chord-match-list>div.is-primary{border-color:var(--purple-3);background:var(--surface-tinted)}.chord-match-list strong,.chord-match-list small{display:block;overflow-wrap:anywhere}.chord-match-list strong{color:var(--text-strong);font-size:.88rem}.chord-match-list small{color:var(--text-muted);font-size:.68rem}.chord-result-matches>p{color:var(--text-muted)}.chord-result-link{width:max-content;max-width:100%;margin-top:16px}.chord-song-link{display:grid;gap:4px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-muted)}.chord-song-link strong{color:var(--accent);font-size:14px;font-weight:600}.chord-song-link span{font-size:12px;line-height:1.5}.chord-library-toolbar{padding-bottom:24px;border-bottom:1px solid var(--border)}.chord-library-toolbar>p{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.chord-search-field{width:min(100%,440px);min-height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted)}.chord-search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .12)}.chord-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-strong)}.chord-filter-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px}.chord-filter-row>span{color:var(--text-muted);font-size:.72rem;font-weight:700}.chord-filter-row>div{display:flex;flex-wrap:wrap;gap:8px}.chord-filter-row button{min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:.75rem}.chord-filter-row button.is-active{border-color:var(--accent);background:var(--surface-tinted);color:var(--accent);font-weight:700}.guitar-chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guitar-chord-card{min-width:0;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.guitar-chord-card:hover{border-color:var(--purple-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guitar-chord-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.guitar-chord-card-heading h3{margin:0;color:var(--text-strong);font-size:1.35rem;line-height:1.2}.guitar-chord-card-heading p,.guitar-chord-card-heading>span{color:var(--text-muted);font-size:.66rem}.guitar-chord-card-heading>span{padding:4px 6px;border-radius:4px;background:var(--surface-soft);white-space:nowrap}.chord-diagram-wrap{width:100%}.chord-diagram{width:min(100%,260px);margin:0 auto;padding:0 20px}.chord-string-status,.chord-string-names{display:grid;grid-template-columns:repeat(6,1fr);color:var(--text-muted);font-size:.68rem;text-align:center}.chord-string-status{min-height:20px;align-items:end;font-weight:750}.chord-string-names{padding-top:6px;font-size:.58rem}.chord-fretboard{position:relative;height:220px;border-top:4px solid var(--text-strong);background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#aeb4bd calc(20% - 1px),#aeb4bd 20%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(20% - 1px),#c9cdd3 calc(20% - 1px),#c9cdd3 20%)}.chord-fret-dot{position:absolute;width:24px;height:24px;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);transform:translate(-50%,-50%)}.chord-diagram-wrap.is-compact .chord-diagram{max-width:174px;padding:0 12px}.chord-diagram-wrap.is-compact .chord-fretboard{height:142px;border-top-width:3px}.chord-diagram-wrap.is-compact .chord-fret-dot{width:17px;height:17px;border-width:2px}.chord-play-button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 0;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--accent);cursor:pointer;font-size:.78rem;font-weight:700}.guitar-chord-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.68rem}.guitar-chord-card-meta button{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--border);border-radius:50%}.guitar-chord-card>a{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--accent);font-size:.75rem;font-weight:700}.chord-chart-header{align-items:flex-end;padding-bottom:24px;border-bottom:1px solid var(--border)}.chord-chart-header p{margin-top:4px;color:var(--text-muted);font-size:.8rem}.chord-chart-header .secondary-button{flex:0 0 auto}.chord-content-main,.chord-guide-main{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-page-x) 72px}.chord-detail-hero-card{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);overflow:hidden;box-shadow:var(--shadow-md)}.chord-detail-diagram-panel{display:grid;place-items:center;padding:40px;border-right:1px solid var(--border);background:var(--surface-tinted)}.chord-detail-summary{padding:48px}.chord-detail-summary h2,.chord-reference-copy h2,.chord-section-heading h2,.chord-guide-next h2{margin:0 0 12px;color:var(--text-strong);font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.16}.chord-detail-summary>p,.chord-reference-copy p,.chord-guide-section>p,.chord-guide-next p{color:var(--text-muted);line-height:1.75}.chord-detail-summary dl{display:grid;gap:0;margin:24px 0;border-top:1px solid var(--border)}.chord-detail-summary dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.chord-detail-summary dt{color:var(--text-muted);font-size:.76rem}.chord-detail-summary dd{color:var(--text-strong);font-size:.82rem;font-weight:700}.chord-reference-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;margin-top:32px;padding:40px}.chord-reference-section.is-soft{background:var(--surface-soft)}.chord-fingering-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.chord-fingering-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.78rem}.chord-fingering-list span{color:var(--text-muted)}.chord-note-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start}.chord-note-cards>div{min-height:88px;display:grid;place-items:center;align-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.chord-note-cards strong{color:var(--accent);font-size:1.2rem}.chord-note-cards span{color:var(--text-muted);font-size:.7rem}.chord-related-section{padding-top:64px}.is-related-grid,.is-guide-grid{margin-top:32px}.chord-content-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}.chord-breadcrumb-item{display:inline-flex;gap:8px}.chord-guide-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:32px;box-shadow:var(--shadow-sm)}.chord-guide-intro svg{color:var(--accent)}.chord-guide-intro p{max-width:820px;color:var(--text-strong);font-size:1.05rem;line-height:1.75}.chord-guide-section{margin-top:24px;padding:40px}.chord-guide-section.is-soft{background:var(--surface-soft)}.chord-guide-section>p{max-width:820px}.chord-guide-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin-top:24px;list-style:none}.chord-guide-checklist li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;color:var(--text-muted)}.chord-guide-checklist svg{margin-top:4px;color:var(--accent)}.chord-song-table-wrap{overflow-x:auto;margin-top:24px;border:1px solid var(--border);border-radius:var(--radius-sm)}.chord-song-table{width:100%;min-width:620px;border-collapse:collapse;background:var(--surface)}.chord-song-table th,.chord-song-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.78rem;text-align:left}.chord-song-table thead th{background:var(--surface-soft);color:var(--text-strong);font-size:.7rem}.chord-song-table tbody th{color:var(--text-strong)}.chord-song-table tr:last-child th,.chord-song-table tr:last-child td{border-bottom:0}.chord-guide-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:64px;margin-top:24px;padding:40px;background:var(--surface-tinted)}.chord-guide-next>div:last-child{display:grid;align-content:center}.chord-guide-next a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);color:var(--text-strong);font-size:.82rem;font-weight:700}.chord-guide-next a:hover{color:var(--accent)}@media(max-width:980px){.chord-note-picker{grid-template-columns:repeat(6,minmax(44px,1fr))}.guitar-chord-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chord-detail-hero-card{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}}@media(max-width:760px){.chord-finder-input-panel,.chord-result-summary,.chord-result-matches,.chord-detail-summary,.chord-reference-section,.chord-guide-intro,.chord-guide-section,.chord-guide-next{padding:24px}.chord-mode-tabs{width:100%;gap:4px;overflow:visible}.chord-mode-tabs button{flex:1 1 0;min-width:0;padding:0 8px;font-size:12px}.chord-panel-heading,.chord-library-toolbar,.chord-chart-header{align-items:flex-start;flex-direction:column;gap:16px}.chord-panel-heading{flex-direction:row;justify-content:space-between;gap:12px}.chord-panel-heading>div{min-width:0}.chord-panel-heading .chord-reset-button{flex:0 0 auto}.chord-guitar-input{width:100%;max-width:100%;min-width:0;padding-bottom:12px;overscroll-behavior-x:contain}.chord-guitar-presets,.chord-note-examples{align-items:flex-start;flex-direction:column;gap:8px}.chord-guitar-string{min-width:520px;grid-template-columns:52px minmax(0,1fr);gap:8px}.chord-guitar-string>div{grid-template-columns:repeat(14,minmax(28px,1fr))}.chord-guitar-string button{min-height:34px;font-size:12px}.chord-note-picker{grid-template-columns:repeat(4,minmax(44px,1fr))}.chord-finder-results,.chord-detail-hero-card,.chord-reference-section,.chord-guide-next{grid-template-columns:1fr}.chord-result-summary,.chord-detail-diagram-panel{border-right:0;border-bottom:1px solid var(--border)}.chord-match-list,.chord-fingering-list,.chord-guide-checklist{grid-template-columns:1fr}.guitar-chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-filter-row{grid-template-columns:1fr;gap:8px}.chord-chart-header .secondary-button,.chord-search-field{width:100%}.chord-content-main,.chord-guide-main{padding:0 24px 48px}.chord-detail-diagram-panel{padding:32px 24px}.chord-note-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-guide-next{gap:24px}}@media(max-width:480px){.guitar-chord-grid{grid-template-columns:1fr}.chord-note-picker{grid-template-columns:repeat(3,minmax(44px,1fr))}.chord-diagram-wrap.is-compact .chord-diagram{max-width:190px}}.soundboard-workbench{display:grid;gap:16px}.soundboard-view-tabs{width:fit-content;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--gray-2, #f5f5f5)}.soundboard-view-tabs button{min-height:40px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:500}.soundboard-view-tabs button.active{border-color:var(--border);background:#fff;color:var(--accent);font-weight:700;box-shadow:0 2px 6px #232a4e14}.soundboard-view-tabs button>span{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:12px;background:var(--gray-2, #f5f5f5);color:var(--text-muted);font-size:.75rem}.soundboard-toolbar{display:grid;grid-template-columns:minmax(220px,1fr);align-items:center;gap:16px}.soundboard-search{min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text-muted)}.soundboard-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .1)}.soundboard-search input{width:100%;min-width:0;height:38px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.9rem}.soundboard-clear,.soundboard-upload-button,.soundboard-empty button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;font-size:.86rem;font-weight:650}.soundboard-clear:hover,.soundboard-upload-button:hover,.soundboard-empty button:hover{border-color:var(--accent);color:var(--accent)}.soundboard-categories{display:flex;align-items:center;gap:24px;overflow-x:auto;padding-bottom:2px;border-bottom:1px solid var(--border);scrollbar-width:none}.soundboard-categories::-webkit-scrollbar{display:none}.soundboard-categories button{position:relative;min-height:40px;flex:0 0 auto;padding:0 0 10px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.84rem;font-weight:500}.soundboard-categories button>span{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:0 6px;border-radius:10px;background:var(--gray-2, #f5f5f5);color:var(--text-muted);font-size:.66rem;font-weight:650}.soundboard-categories button.active>span{background:var(--purple-0);color:var(--accent)}.soundboard-categories button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.soundboard-categories button.active{color:var(--accent);font-weight:700}.soundboard-categories button.active:after{background:var(--accent)}.soundboard-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.soundboard-pad{position:relative;min-width:0;overflow:hidden;border:0;border-radius:8px;background:var(--soundboard-pad-color, var(--accent));box-shadow:inset 0 -2px #00000021;transition:box-shadow .14s ease,transform .1s ease,filter .14s ease}.soundboard-pad:hover{filter:brightness(1.05);box-shadow:inset 0 -2px #00000021,0 8px 16px #161c3d29}.soundboard-pad:active{transform:scale(.985)}.soundboard-pad.is-playing{box-shadow:inset 0 -2px #00000029,0 0 0 3px rgb(var(--accent-rgb) / .16)}.soundboard-pad.is-custom:hover,.soundboard-pad.is-custom.is-playing{box-shadow:inset 0 -2px #00000029,0 0 0 3px color-mix(in srgb,var(--soundboard-pad-color, var(--accent)) 22%,transparent)}.soundboard-pad-play{width:100%;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:transparent;color:#fff;cursor:pointer;text-align:left}.soundboard-pad-play-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#fff3;color:#fff}.soundboard-pad-copy{min-width:0}.soundboard-pad-copy strong,.soundboard-pad-copy small{display:block}.soundboard-pad-copy strong{overflow:hidden;color:#fff;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.soundboard-pad-copy small{margin-top:2px;overflow:hidden;color:#ffffffc7;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.soundboard-pad-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-top:1px solid rgb(255 255 255 / .24);background:#0000001f}.soundboard-pad-actions button{min-width:0;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 8px;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer}.soundboard-pad-actions button:hover,.soundboard-pad-actions button:focus-visible{outline:none;border-radius:0;background:#00000024}.soundboard-board-title{min-width:0}.soundboard-board-title strong,.soundboard-board-title span{display:block}.soundboard-board-title strong{color:var(--text);font-size:.9rem}.soundboard-board-title span{margin-top:4px;color:var(--text-muted);font-size:.76rem}.soundboard-board-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.soundboard-board-actions>span{color:var(--text-muted);font-size:.78rem}.soundboard-upload-button{border-color:var(--accent);background:var(--accent);color:#fff}.soundboard-upload-button:hover{background:var(--accent-hover);color:#fff}.soundboard-upload-button.is-secondary{border-color:var(--border-strong);background:#fff;color:var(--text)}.soundboard-upload-button.is-secondary:hover{border-color:var(--accent);background:#fff;color:var(--accent)}.soundboard-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.soundboard-create-launcher{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.soundboard-create-launcher>div:first-child{min-width:0}.soundboard-create-launcher strong,.soundboard-create-launcher span{display:block}.soundboard-create-launcher strong{color:var(--text);font-size:.94rem}.soundboard-create-launcher span{max-width:520px;margin-top:4px;color:var(--text-muted);font-size:.76rem;line-height:1.55}.soundboard-create-actions{display:grid;grid-template-columns:repeat(2,minmax(136px,1fr));gap:8px;width:min(100%,320px);flex:0 0 auto}.soundboard-create-actions>*{width:100%;box-sizing:border-box}.soundboard-record-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;font-size:.86rem;font-weight:650}.soundboard-record-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.soundboard-record-button.is-recording{border-color:#d9363e;background:#fff1f0;color:#cf1322}.soundboard-record-button:disabled,.soundboard-upload-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.soundboard-clip-editor{display:grid;gap:24px;padding:24px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 28px #232a4e12}.soundboard-clip-editor.is-loading{min-height:160px;place-items:center;align-content:center;gap:8px;color:var(--accent)}.soundboard-editor-heading{display:grid;grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:12px}.soundboard-editor-heading>span{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--purple-0);color:var(--accent)}.soundboard-editor-heading strong,.soundboard-editor-heading small{display:block}.soundboard-editor-heading strong{color:var(--text);font-size:1rem}.soundboard-editor-heading small{margin-top:4px;overflow:hidden;color:var(--text-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.soundboard-editor-heading>button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}.soundboard-editor-heading>button:hover{background:var(--gray-2, #f5f5f5);color:var(--text)}.soundboard-clip-editor>audio{display:none}.soundboard-waveform{position:relative;height:148px;overflow:hidden;border:0;border-radius:8px;background:#f7f8ff;cursor:ew-resize;touch-action:none}.soundboard-waveform:focus-visible{outline:3px solid rgb(var(--accent-rgb) / .16);outline-offset:2px}.soundboard-waveform canvas{width:100%;height:100%;display:block}.soundboard-waveform-shade,.soundboard-waveform-selection{position:absolute;top:0;bottom:0;pointer-events:none}.soundboard-waveform-shade{z-index:1;background:#1c22406b}.soundboard-waveform-shade.is-left{left:0}.soundboard-waveform-shade.is-right{right:0}.soundboard-waveform-selection{z-index:2;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);background:rgb(var(--accent-rgb) / .07)}.soundboard-waveform-selection i{position:absolute;top:0;bottom:0;width:4px;background:var(--accent)}.soundboard-waveform-selection i:after{position:absolute;top:50%;width:18px;height:40px;border:2px solid #fff;border-radius:9px;background:var(--accent);box-shadow:0 3px 10px #1f285933;content:"";transform:translateY(-50%)}.soundboard-waveform-selection i.is-start{left:0}.soundboard-waveform-selection i.is-start:after{left:-9px}.soundboard-waveform-selection i.is-end{right:0}.soundboard-waveform-selection i.is-end:after{right:-9px}.soundboard-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(120px,.7fr);gap:16px}.soundboard-time-fields label>span,.soundboard-duration-readout>span,.soundboard-name-field>span,.soundboard-color-field legend{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.72rem;font-weight:650}.soundboard-time-fields label>div{height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:#fff}.soundboard-time-fields input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.86rem;font-weight:650}.soundboard-time-fields label>div small{color:var(--text-muted);font-size:.68rem}.soundboard-duration-readout{min-width:0}.soundboard-duration-readout strong{height:40px;display:flex;align-items:center;color:var(--text);font-size:.94rem}.soundboard-preview-actions{display:flex;align-items:center;gap:8px}.soundboard-preview-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;font-size:.82rem;font-weight:650}.soundboard-preview-actions button:first-child{border-color:var(--accent);color:var(--accent)}.soundboard-clip-details{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:24px}.soundboard-name-field input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;outline:0;background:#fff;color:var(--text);font-size:.86rem}.soundboard-name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .1)}.soundboard-color-field{min-width:0;padding:0;border:0}.soundboard-color-field>div{height:40px;display:flex;align-items:center;gap:8px}.soundboard-color-field button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 0 0 1px var(--border-strong)}.soundboard-color-field button.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.soundboard-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:16px;border-top:1px solid var(--border)}.soundboard-editor-footer>span{color:var(--text-muted);font-size:.72rem}.soundboard-editor-footer>div{display:flex;align-items:center;gap:8px}.soundboard-empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:32px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface-soft);color:var(--text-muted);text-align:center}.soundboard-empty strong{color:var(--text);font-size:1rem}.soundboard-empty span{max-width:420px;font-size:.82rem}.soundboard-empty button{margin-top:8px}.soundboard-live-status{min-height:18px;margin:-8px 0 0;color:var(--text-muted);font-size:.76rem;text-align:center}.soundboard-license-note{margin:-16px 0 0;color:var(--text-muted);font-size:.7rem;text-align:center}.soundboard-license-note a{color:var(--accent);font-weight:600}@media(max-width:900px){.soundboard-toolbar{grid-template-columns:minmax(0,1fr) auto}.soundboard-search,.soundboard-board-title{grid-column:1 / -1}.soundboard-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.soundboard-workbench{gap:16px}.soundboard-view-tabs{width:100%}.soundboard-view-tabs button{min-width:0;justify-content:center;flex:1;padding:8px;font-size:.86rem}.soundboard-toolbar{grid-template-columns:1fr;gap:16px}.soundboard-search,.soundboard-board-title{grid-column:1}.soundboard-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.soundboard-pad-play{min-height:70px;padding:10px 12px}.soundboard-pad-play-icon{width:30px;height:30px}.soundboard-pad-copy strong,.soundboard-pad-copy small{font-size:12px;white-space:normal}.soundboard-board-actions{align-items:stretch;flex-direction:column}.soundboard-create-launcher{align-items:stretch;flex-direction:column;gap:16px;padding:24px}.soundboard-create-actions{display:grid;grid-template-columns:1fr 1fr}.soundboard-create-actions>*{width:100%}.soundboard-clip-editor{gap:24px;padding:24px}.soundboard-waveform{height:128px}.soundboard-time-fields{grid-template-columns:1fr 1fr}.soundboard-duration-readout{grid-column:1 / -1}.soundboard-preview-actions{display:grid;grid-template-columns:1fr}.soundboard-clip-details{grid-template-columns:1fr;gap:16px}.soundboard-color-field>div{justify-content:space-between}.soundboard-editor-footer{align-items:stretch;flex-direction:column;gap:16px}.soundboard-editor-footer>div{display:grid;grid-template-columns:1fr 1fr}.soundboard-editor-footer button,.soundboard-upload-button,.soundboard-clear{width:100%}}.tts-workbench{min-width:0;display:grid;gap:32px}.tts-panel{min-width:0;display:grid;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--border)}.tts-settings-panel{padding-bottom:0;border-bottom:0}.tts-panel-heading{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.tts-panel-heading>div{min-width:0;display:grid;gap:4px}.tts-step{color:var(--accent);font-size:12px;font-weight:700;line-height:1.3}.tts-panel-heading h2{margin:0;color:var(--text-strong);font-size:20px;line-height:1.35}.tts-upload-text{min-height:40px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:600}.tts-upload-text:hover{border-color:var(--accent);color:var(--accent)}.tts-textarea{width:100%;min-height:220px;resize:vertical;padding:16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-strong);font:inherit;font-size:15px;line-height:1.65;transition:border-color var(--transition),box-shadow var(--transition)}.tts-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .1)}.tts-textarea::placeholder{color:var(--text-soft)}.tts-text-stats{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:-16px;color:var(--text-muted);font-size:12px}.tts-long-text-note,.tts-model-note{margin:0;color:var(--text-muted);font-size:12px;line-height:1.55}.tts-long-text-note{margin-top:-16px}.tts-voice-count{flex:0 0 auto;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-tinted);color:var(--accent);font-size:12px;font-weight:700}.tts-voice-groups{display:grid;gap:24px}.tts-voice-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border)}.tts-voice-tabs button{position:relative;min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 0 8px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:14px;font-weight:600}.tts-voice-tabs button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.tts-voice-tabs button span{color:var(--text-soft);font-size:11px}.tts-voice-tabs button.is-active{color:var(--accent);font-weight:700}.tts-voice-tabs button.is-active:after{background:var(--accent)}.tts-voice-tabs button.is-active span{color:var(--accent)}.tts-voice-group{min-width:0;display:grid;gap:12px}.tts-voice-group h3{margin:0;color:var(--text-muted);font-size:13px;line-height:1.4}.tts-voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tts-voice-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.tts-voice-card:hover{border-color:var(--function-color-4)}.tts-voice-card.active{border-color:var(--accent);background:var(--surface-tinted);box-shadow:0 0 0 1px var(--accent)}.tts-voice-select{min-width:0;min-height:64px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;align-content:center;gap:10px;padding:10px 12px;border:0;background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left}.tts-voice-avatar{width:40px;height:40px;display:block;overflow:hidden;border:1px solid var(--border);border-radius:50%;background-color:#fff;object-fit:cover;object-position:center;box-shadow:0 1px 3px #161c2d1a}.tts-voice-copy{min-width:0;display:grid;gap:4px}.tts-voice-copy strong{overflow:hidden;font-size:14px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.tts-voice-copy>span{overflow:hidden;color:var(--text-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.tts-voice-preview{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--accent);cursor:pointer}.tts-voice-preview:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}.tts-voice-preview:disabled{cursor:not-allowed;opacity:.5}.tts-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 152px;align-items:end;gap:32px}.tts-speed-control,.tts-format-control{min-width:0;display:grid;gap:12px;color:var(--text-strong);font-size:13px;font-weight:700}.tts-speed-control>span,.tts-speed-control>small{display:flex;align-items:center;justify-content:space-between;gap:16px}.tts-speed-control b{color:var(--accent);font-size:14px}.tts-speed-control small{color:var(--text-muted);font-size:11px;font-weight:500}.tts-format-select .converter-format-trigger{min-height:40px;padding:8px 12px;border-width:1px;border-radius:var(--radius-md);font-size:14px}.tts-format-select .converter-format-menu{min-width:152px}.tts-generate-button{width:min(100%,280px);justify-self:center}.tts-progress{height:8px;overflow:hidden;margin-top:-12px;border-radius:999px;background:var(--border)}.tts-progress span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .18s ease}.tts-model-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;text-align:center}.tts-model-note svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}.tts-browser-notice{display:grid;gap:4px;padding:16px;border:1px solid #f0c36d;border-radius:var(--radius-md);background:#fff8e8;color:#6b4d16;font-size:13px;line-height:1.5}.tts-result{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(220px,.9fr);align-items:center;gap:16px;padding:24px;border:1px solid rgb(var(--accent-rgb) / .3);border-radius:var(--radius-md);background:var(--surface-tinted)}.tts-result-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.tts-result-copy{min-width:0}.tts-result-copy>span{color:var(--accent);font-size:11px;font-weight:700}.tts-result-copy h2{margin:4px 0;font-size:17px;line-height:1.35}.tts-result-copy p{margin:0;color:var(--text-muted);font-size:12px}.tts-result audio{width:100%;height:40px}.tts-result-actions{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:8px}.tts-result-actions a,.tts-result-actions button{min-height:40px;padding:8px 12px;font-size:13px}@media(max-width:800px){.tts-voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tts-result{grid-template-columns:48px minmax(0,1fr)}.tts-result audio,.tts-result-actions{grid-column:1 / -1}}@media(max-width:560px){.tts-workbench{gap:24px}.tts-panel{gap:24px;padding-bottom:24px}.tts-settings-panel{padding-bottom:0}.tts-panel-heading{align-items:flex-start}.tts-panel-heading h2{font-size:16px}.tts-textarea{min-height:184px;font-size:14px}.tts-text-stats{gap:8px 16px}.tts-voice-grid,.tts-settings-grid{grid-template-columns:1fr}.tts-settings-grid{gap:24px}.tts-format-select .converter-format-menu{right:0;left:0;min-width:0}.tts-result{padding:16px}.tts-result-actions{display:grid;grid-template-columns:1fr}.tts-result-actions>*{width:100%}}.stt-workbench{min-width:0;display:grid;gap:32px}.stt-source{min-width:0;display:grid;grid-template-columns:48px minmax(180px,1fr) minmax(220px,.9fr) 40px;align-items:center;gap:16px;padding-bottom:32px;border-bottom:1px solid var(--border)}.stt-source-icon,.stt-section-heading>span{width:48px;height:48px;display:grid;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);background:var(--surface-tinted);color:var(--accent)}.stt-source-copy{min-width:0}.stt-source-copy>span,.stt-result-heading>div>span{color:var(--accent);font-size:11px;font-weight:700}.stt-source-copy h2,.stt-result-heading h2{overflow:hidden;margin:4px 0;color:var(--text-strong);font-size:16px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.stt-source-copy p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}.stt-source audio{width:100%;height:40px}.stt-remove{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer}.stt-remove:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stt-remove:disabled{cursor:not-allowed;opacity:.45}.stt-controls,.stt-result{min-width:0;display:grid;gap:24px}.stt-section-heading{display:flex;align-items:flex-start;gap:12px}.stt-section-heading>span{width:40px;height:40px}.stt-section-heading>div{min-width:0}.stt-section-heading h2{margin:0;color:var(--text-strong);font-size:16px;line-height:1.4}.stt-section-heading p{margin:4px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.stt-language-field{width:min(100%,320px);display:grid;gap:8px;color:var(--text-strong);font-size:13px;font-weight:700}.stt-language-select .converter-format-trigger{min-height:40px;padding:8px 12px;border-width:1px;border-radius:var(--radius-md);font-size:14px}.stt-language-select .converter-format-menu{max-height:280px;overflow-y:auto}.stt-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.stt-actions .primary-button{width:min(100%,280px)}.stt-progress{height:8px;overflow:hidden;margin-top:-12px;border-radius:999px;background:var(--border)}.stt-progress span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .18s ease}.stt-model-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:0;color:var(--text-muted);font-size:12px;line-height:1.55;text-align:center}.stt-model-note svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}.stt-result{padding-top:32px;border-top:1px solid var(--border)}.stt-result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.stt-result-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;color:var(--text-muted);font-size:12px}.stt-result textarea{width:100%;min-height:220px;resize:vertical;padding:16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-strong);font:inherit;font-size:14px;line-height:1.65}.stt-result textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .1)}.stt-timeline{max-height:320px;display:grid;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.stt-timeline article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:12px 16px;border-bottom:1px solid var(--border)}.stt-timeline article:last-child{border-bottom:0}.stt-timeline time{color:var(--accent);font-size:12px;font-weight:700}.stt-timeline p{margin:0;color:var(--text);font-size:13px;line-height:1.5}.stt-result-actions{display:flex;flex-wrap:wrap;gap:8px}.stt-result-actions button{min-height:40px;padding:8px 12px;border-width:1px;font-size:13px}@media(max-width:760px){.stt-source{grid-template-columns:48px minmax(0,1fr) 40px}.stt-source audio{grid-column:1 / -1}}@media(max-width:560px){.stt-workbench{gap:24px}.stt-source{gap:12px;padding-bottom:24px}.stt-source-copy h2,.stt-result-heading h2{font-size:15px}.stt-language-field{width:100%}.stt-language-select .converter-format-menu{right:0;left:0;min-width:0}.stt-result{padding-top:24px}.stt-result-heading{align-items:flex-start;flex-direction:column}.stt-result-stats{justify-content:flex-start}.stt-timeline article{grid-template-columns:1fr;gap:4px}.stt-result-actions{display:grid;grid-template-columns:1fr}.stt-result-actions button{width:100%}}@media(max-width:680px){.icon-stat-card{grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;row-gap:4px}.icon-stat-card strong{grid-column:2;grid-row:2;display:block;width:100%}.tool-page :is(button,input,select,textarea,label){font-size:14px}.tool-page :is(small,output){font-size:12px}.tool-page .effect-replace-button,.tool-page .effect-range strong,.tool-page .effect-range output,.tool-page .effect-option-control strong,.tool-page .effect-option-control output{font-size:12px}.icon-stat-card span,.effect-result-metrics span{font-size:12px}.icon-stat-card strong,.effect-result-metrics strong{font-size:14px}}@media print{.site-nav,.site-footer,.tool-page-guitar-chord-chart .page-header,.tool-page-guitar-chord-chart .tool-marketing,.tool-page-guitar-chord-chart .tool-recommendations,.tool-page-guitar-chord-chart .chord-chart-header .secondary-button,.tool-page-guitar-chord-chart .chord-filter-row,.tool-page-guitar-chord-chart .guitar-chord-card>a,.tool-page-guitar-chord-chart .guitar-chord-card-meta button{display:none!important}.tool-page-guitar-chord-chart,.tool-page-guitar-chord-chart .tool-section{background:#fff!important}.tool-page-guitar-chord-chart .main-container{max-width:none;padding:0}.tool-page-guitar-chord-chart .guitar-chord-grid{grid-template-columns:repeat(4,1fr)}.tool-page-guitar-chord-chart .guitar-chord-card{break-inside:avoid;box-shadow:none}}