@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&family=Playfair+Display:wght@600;700;800&family=Poppins:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f8f6ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07060d;--panel:#14111fbd;--panel-strong:#120f1cf5;--border:#ffffff1c;--muted:#aaa4b8;--purple:#a971ff;--pink:#ff5dc8;--cyan:#61dfff;--green:#65e9b0;--danger:#ff6478;--shadow:0 24px 80px #00000061;background:#07060d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 50% -20%,#241638 0,#0b0912 38%,#07060d 72%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.ambient{filter:blur(110px);opacity:.17;pointer-events:none;border-radius:50%;width:560px;height:560px;position:fixed}.ambient-one{background:#9b4dff;animation:16s ease-in-out infinite alternate drift;top:-180px;left:-170px}.ambient-two{background:#ff3e9c;animation:21s ease-in-out infinite alternate-reverse drift;top:25%;right:-220px}.ambient-three{background:#18bad2;animation:24s ease-in-out infinite alternate drift;bottom:-300px;left:35%}@keyframes drift{to{transform:translate(70px,45px)scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.floating-art{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff2b;z-index:0;pointer-events:none;background:linear-gradient(145deg,#a971ff1f,#ff5dc80f);border:1px solid #ffffff1a;border-radius:22px;place-items:center;width:72px;height:72px;display:grid;position:fixed;box-shadow:0 18px 60px #00000038}.art-one{animation:9s ease-in-out infinite floatA;top:29vh;left:3vw;transform:rotate(-15deg)}.art-two{animation:12s ease-in-out infinite floatB;top:18vh;right:4vw;transform:rotate(11deg)}.art-three{animation:10s ease-in-out infinite reverse floatB;bottom:16vh;left:7vw;transform:rotate(8deg)}.art-four{animation:13s ease-in-out infinite reverse floatA;bottom:10vh;right:7vw;transform:rotate(-8deg)}@keyframes floatA{50%{translate:0 -28px;rotate:5deg}}@keyframes floatB{50%{translate:-10px 24px;rotate:-6deg}}.glass{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);background:linear-gradient(150deg,#1b1727c4,#0d0b15b0)}.glass.strong{background:var(--panel-strong)}.glass-inner{border:1px solid var(--border);background:#08070eb8}.topbar{z-index:20;border-radius:22px;justify-content:space-between;align-items:center;width:min(1480px,100% - 32px);min-height:72px;margin:16px auto 0;padding:10px 18px 10px 22px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-logo{color:#e7d8ff;background:linear-gradient(135deg,#a971ff40,#ff5dc821);border:1px solid #ffffff1a;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.brand strong{letter-spacing:.08em;font-family:Space Grotesk,sans-serif;font-size:14px;display:block}.brand small{color:var(--muted);letter-spacing:.13em;margin-top:2px;font-size:10px;display:block}.top-actions{align-items:center;gap:9px;display:flex}.status-pill{border:1px solid var(--border);letter-spacing:.03em;cursor:pointer;background:#ffffff0a;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:800}.status-pill.ok{color:#caffeb;border-color:#65e9b040}.status-pill.bad{color:#ffd0d6;border-color:#ff64783d}.status-pill span{margin-right:5px}.icon-btn,.mini-icon{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;place-items:center;display:grid}.icon-btn{border-radius:13px;width:41px;height:41px}.mini-icon{border-radius:11px;width:34px;height:34px}.icon-btn:hover,.mini-icon:hover{background:#ffffff17}.main-wrap{z-index:2;width:min(1280px,100% - 34px);margin:0 auto;position:relative}.hero{text-align:center;max-width:980px;margin:0 auto;padding:76px 14px 42px}.eyebrow{color:#cfb6ff;letter-spacing:.12em;background:#a971ff17;border:1px solid #a971ff33;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 auto 17px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.hero h1{letter-spacing:-.047em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,6vw,74px);line-height:.99}.hero h1 span{color:#0000;background:linear-gradient(100deg,#b78aff,#ff76d3 45%,#6fe4ff);-webkit-background-clip:text;background-clip:text}.hero p{color:#b8b2c2;max-width:790px;margin:23px auto;font-size:clamp(14px,2vw,17px);line-height:1.72}.hero-chips{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.hero-chips span{border:1px solid var(--border);color:#d6d1de;background:#ffffff09;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.global-message{border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 0 18px;padding:13px 14px;font-size:11px;display:grid}.global-message button{color:inherit;cursor:pointer;background:0 0;border:0}.error-message{color:#ffd2d8;background:#ff647812;border:1px solid #ff64783d}.notice-message{color:#d2ffeb;background:#65e9b00f;border:1px solid #65e9b038}.workspace-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:18px;display:grid}.panel{border-radius:26px;min-width:0;padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px;display:flex}.panel-heading>div:first-child{align-items:center;gap:10px;display:flex}.panel-heading h2,.studio h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:18px}.panel-heading p,.studio-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.step{color:#d9c7ff;background:#a971ff1f;border:1px solid #a971ff33;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.drop-zone{text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 10%,#a971ff1a,#0000 48%),#ffffff05;border:1.5px dashed #a971ff52;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:246px;padding:30px;transition:all .25s;display:flex}.drop-zone:hover,.drop-zone.dragging{background-color:#a971ff12;border-color:#bd91ff;transform:translateY(-2px)}.drop-zone.has-file{cursor:default;border-style:solid;border-color:#65e9b033}.drop-icon,.file-card-icon{color:#d9c4ff;background:linear-gradient(135deg,#a971ff29,#ff5dc81a);border:1px solid #ffffff14;border-radius:21px;place-items:center;width:64px;height:64px;margin-bottom:15px;display:grid}.drop-zone h3{margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:18px}.drop-zone p{color:#b8b2c2;margin:0 0 9px;font-size:11px}.drop-zone>span{color:#777180;font-size:9px}.drop-zone>strong{text-overflow:ellipsis;white-space:nowrap;max-width:95%;font-size:13px;overflow:hidden}.drop-zone.has-file>span{margin:6px 0 12px}.native-audio{display:none}.field-label{color:#8e8799;letter-spacing:.12em;margin:18px 0 8px;font-size:9px;font-weight:800;display:block}.mode-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.mode-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffff07;border-radius:15px;padding:13px;transition:all .2s}.mode-card:hover{background:#ffffff0d}.mode-card.selected{background:linear-gradient(145deg,#a971ff1f,#ff5dc80d);border-color:#a971ff73;box-shadow:inset 0 0 0 1px #a971ff1a}.mode-icon{color:#c7a8ff;background:#a971ff1a;border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:10px;display:grid}.mode-card strong{letter-spacing:.04em;font-size:10px;display:block}.mode-card small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.5;display:block}select,input[type=text],input[type=password],textarea{border:1px solid var(--border);color:#f7f4ff;background:#07060da3;border-radius:12px;outline:none;width:100%}select,input[type=text],input[type=password]{min-height:43px;padding:0 12px}select:focus,input:focus,textarea:focus{border-color:#a971ff8f;box-shadow:0 0 0 3px #a971ff14}select option{background:#17131f}.privacy-note{color:#8c8596;align-items:flex-start;gap:8px;margin-top:14px;font-size:9px;line-height:1.5;display:flex}.privacy-note svg{color:#65e9b0;flex:none}.primary-btn,.primary-small,.secondary-btn,.danger-btn,.mini-btn,.export-btn,.upload-bg{cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.primary-btn{color:#fff;letter-spacing:.06em;background:linear-gradient(100deg,#a76eff,#f75dc5 58%,#53d7ff);border-radius:14px;width:100%;min-height:48px;margin-top:15px;font-size:10px;box-shadow:0 15px 35px #944dff2e}.primary-btn:disabled,.primary-small:disabled,.export-btn:disabled{opacity:.45;cursor:not-allowed}.primary-small{color:#fff;background:linear-gradient(100deg,#9d67f8,#e74db4);border-radius:11px;min-height:39px;padding:0 13px;font-size:9px}.secondary-btn,.mini-btn,.upload-bg{border:1px solid var(--border);color:#ddd7e5;background:#ffffff0b}.secondary-btn{border-radius:11px;min-height:39px;padding:0 13px;font-size:9px}.secondary-btn.compact{min-height:34px}.danger-btn{color:#ffbdc6;background:#ff647814;border:1px solid #ff64782b;border-radius:11px;min-height:39px;padding:0 13px;font-size:9px}.result-panel{flex-direction:column;display:flex}.sync-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:900}.sync-badge.exact{color:#bcf7dc;background:#65e9b00f;border-color:#65e9b038}.sync-badge.approx{color:#ffe0a5;background:#ffc4660f;border-color:#ffc46638}.empty-result{text-align:center;color:#676170;background:#ffffff03;border:1px dashed #ffffff1a;border-radius:20px;flex:1;align-content:center;place-items:center;gap:10px;min-height:420px;display:grid}.empty-result strong{color:#bbb4c5;font-size:12px}.empty-result p{max-width:330px;margin:0;font-size:9px;line-height:1.6}.transcript-editor{resize:vertical;flex:1;min-height:360px;padding:17px;font-size:12px;line-height:1.72}.result-actions{gap:8px;margin-top:10px;display:flex}.mini-btn{border-radius:10px;min-height:35px;padding:0 11px;font-size:9px}.result-meta{color:#6f6978;flex-wrap:wrap;gap:10px;margin-top:11px;font-size:8px;display:flex}.result-meta strong{color:#9891a2}.studio{border-radius:30px;margin-top:22px;padding:24px}.studio-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.studio-head>div:first-child{align-items:center;gap:11px;display:flex}.studio-kicker,.section-kicker{color:#b786ff;letter-spacing:.15em;margin-bottom:4px;font-size:8px;font-weight:900}.studio-status{color:#817a8b;letter-spacing:.08em;align-items:center;gap:7px;font-size:8px;font-weight:900;display:flex}.ready-dot,.wait-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px}.ready-dot{color:#65e9b0;background:#65e9b0}.wait-dot{color:#786f82;background:#786f82}.studio-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr);align-items:start;gap:20px;padding-top:20px;display:grid}.preview-column{min-width:0}.video-stage{background:#05040a;border:1px solid #ffffff1f;border-radius:22px;width:100%;transition:max-width .25s;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000059}.video-stage.ratio-16-9{aspect-ratio:16/9}.video-stage.ratio-9-16{aspect-ratio:9/16;max-width:420px;margin-inline:auto}.stage-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-placeholder{text-align:center;background:radial-gradient(circle at 50% 30%,#a971ff2e,#0000 38%),linear-gradient(145deg,#0e0a18,#090811 60%,#111727);place-items:center;display:grid;position:absolute;inset:0}.stage-placeholder>div{color:#6f6779;place-items:center;gap:8px;display:grid}.stage-placeholder strong{color:#b7afc2;font-size:12px}.stage-darkener{pointer-events:none;background:#040309;position:absolute;inset:0}.stage-brand{z-index:3;letter-spacing:.13em;color:#ffffffe0;text-shadow:0 2px 12px #000c;font-size:clamp(7px,1vw,11px);font-weight:900;position:absolute;top:5%;left:4%}.stage-brand span{color:#ffffff73}.lyrics-overlay{z-index:4;text-align:center;pointer-events:none;--lyric-size:58px;--lyric-font:"Space Grotesk", Inter, sans-serif;--active-word-color:#ff79d5;--sung-word-color:#fff;--pending-word-color:#b8b2c2;--next-line-color:#8f8798;position:absolute;bottom:14%;left:7%;right:7%}.lyric-line{font-family:var(--lyric-font);font-size:clamp(24px, var(--lyric-size), 110px);letter-spacing:-.02em;text-wrap:balance;filter:drop-shadow(0 4px 14px #000000c7);font-weight:800;line-height:1.18;animation:.25s lyricIn}.lyric-line span{color:var(--pending-word-color);margin:0 .14em;transition:color .13s,transform .13s,text-shadow .13s;display:inline-block}.lyric-line span.sung-word{color:var(--sung-word-color)}.lyric-line span.active-word{color:var(--active-word-color);text-shadow:0 3px 12px #000000f2;transform:translateY(-2px)scale(1.045)}.next-line{color:var(--next-line-color);opacity:.72;font-weight:700;font-size:clamp(12px, calc(var(--lyric-size) * .42), 30px);text-shadow:0 2px 10px #000000e6;margin-top:10px;line-height:1.35}.lyric-wait{color:#ffffff73;letter-spacing:.12em;font-size:clamp(10px,1.2vw,14px);font-weight:900}.style-cinematic{bottom:16%}.style-cinematic .lyric-line{font-size:clamp(28px, var(--lyric-size), 118px);text-transform:uppercase;letter-spacing:.01em}.style-cinematic .lyric-line span{color:var(--pending-word-color)}.style-cinematic .lyric-line span.sung-word{color:var(--sung-word-color)}.style-cinematic .lyric-line span.active-word{color:var(--active-word-color);text-shadow:0 3px 12px #000000f2;transform:scale(1.025)}.style-minimal{bottom:7%}.style-minimal .lyric-line{font-size:clamp(22px, var(--lyric-size), 100px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000094;border-radius:.45em;padding:.42em .65em;display:inline-block}.style-minimal .next-line{display:none}@keyframes lyricIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.player{border-radius:15px;grid-template-columns:42px 48px 1fr 48px;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;display:grid}.play-button{cursor:pointer;background:linear-gradient(135deg,#a66eff,#ef59be);border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.play-button:disabled{opacity:.4;cursor:not-allowed}.timecode{color:#8f8798;font-variant-numeric:tabular-nums;text-align:center;font-size:9px}.timeline,.control-card input[type=range]{accent-color:#b06cff;width:100%}.studio-controls{gap:12px;display:grid}.control-card,.export-card{border:1px solid var(--border);background:#ffffff06;border-radius:17px;padding:14px}.control-title{color:#c9c2d3;letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:11px;font-size:9px;font-weight:900;display:flex}.upload-bg{border-radius:11px;width:100%;min-height:42px;font-size:9px}.bg-file{color:#9e97a8;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:8px;display:flex}.bg-file span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.bg-file button{color:#91899a;cursor:pointer;background:0 0;border:0}.segmented{border:1px solid var(--border);background:#050409a6;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{color:#857e90;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:39px;font-size:10px;font-weight:800}.segmented button small{color:#6d6675;margin-top:2px;font-size:7px;display:block}.segmented button.active{color:#eee6ff;background:linear-gradient(145deg,#a971ff2e,#ff5dc814);box-shadow:inset 0 0 0 1px #a971ff33}.range-label{color:#817a8a;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.range-label strong{color:#b9b1c4}.color-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.color-control{border:1px solid var(--border);background:#0504096b;border-radius:12px;gap:6px;padding:9px;display:grid}.color-control>span{color:#938b9d;font-size:8px;font-weight:800}.color-control>div{align-items:center;gap:8px;display:flex}.color-control input[type=color]{cursor:pointer;background:#0b0911;border:1px solid #ffffff24;border-radius:8px;width:38px;height:30px;padding:2px}.color-control code{color:#c3bbc9;letter-spacing:.03em;font-size:7px}.reset-style-btn{border:1px solid var(--border);color:#aaa2b4;cursor:pointer;background:#ffffff09;border-radius:10px;width:100%;min-height:36px;margin-top:10px;font-size:8px;font-weight:800}.reset-style-btn:hover{color:#eee9f5;background:#ffffff12}.export-card{background:radial-gradient(circle at 80% 0,#ff5dc81c,#0000 33%),linear-gradient(150deg,#a971ff12,#ffffff05)}.export-icon{color:#d8c0ff;background:#a971ff24;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:10px;display:grid}.export-card p{color:#8f8798;margin:5px 0 12px;font-size:8px;line-height:1.55}.export-card>small{color:#6d6675;margin-top:8px;font-size:7px;line-height:1.45;display:block}.export-btn{letter-spacing:.05em;background:linear-gradient(100deg,#a76eff,#f05ac1 60%,#56d8fb);border-radius:12px;width:100%;min-height:44px;font-size:9px}.export-progress{background:#ffffff0f;border-radius:999px;height:10px;margin:8px 0 10px;position:relative;overflow:hidden}.export-progress span{background:linear-gradient(90deg,#a76eff,#f05ac1,#56d8fb);height:100%;transition:width .2s linear;display:block}.export-progress b{color:#fff;place-items:center;font-size:6px;display:grid;position:absolute;inset:0}.info-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.info-strip>div{border:1px solid var(--border);color:#9f97aa;background:#ffffff06;border-radius:17px;align-items:center;gap:12px;min-height:90px;padding:15px;display:flex}.info-strip svg{color:#b083f5;flex:none}.info-strip span{font-size:9px;line-height:1.5}.info-strip strong{color:#d6cfdf;letter-spacing:.06em;font-size:9px;display:block}.ecosystem{border-radius:24px;margin:20px 0 26px;padding:20px}.ecosystem h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:18px}.links-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.links-grid a{border:1px solid var(--border);background:#ffffff06;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;transition:all .2s;display:grid}.links-grid a:hover{background:#ffffff0d;transform:translateY(-2px)}.links-grid a>svg:first-child{color:#b586fa}.links-grid strong{margin-bottom:3px;font-size:9px;display:block}.links-grid span{color:#827b8c;font-size:8px}footer{z-index:3;border-top:1px solid var(--border);color:#777180;grid-template-columns:1fr auto;align-items:center;gap:12px;width:min(1280px,100% - 34px);margin:0 auto;padding:25px 0 35px;display:grid;position:relative}.footer-brand{align-items:center;gap:7px;font-size:10px;display:flex}.footer-brand strong{color:#ddd7e5;letter-spacing:.06em}.footer-links{align-items:center;gap:13px;display:flex}.footer-links a,.footer-links button{color:#9993a1;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}footer small{color:#5e5965;grid-column:1/-1;font-size:8px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#020207c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:28px;width:min(650px,100%);max-height:calc(100vh - 36px);padding:29px;position:relative;overflow:auto}.modal-close{border:1px solid var(--border);cursor:pointer;background:#ffffff09;border-radius:12px;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:14px;right:14px}.modal-icon{color:#d6b9ff;background:#a971ff1f;border:1px solid #a971ff2e;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.modal-kicker{color:#a875f3;letter-spacing:.14em;margin:0 0 5px;font-size:9px;font-weight:900}.modal h2{margin:0 45px 9px 0;font-family:Space Grotesk,sans-serif;font-size:21px}.modal-intro,.legal-copy p{color:var(--muted);font-size:11px;line-height:1.7}.api-state{border:1px solid;border-radius:999px;width:fit-content;margin:16px 0;padding:7px 10px;font-size:9px;font-weight:900}.api-state.configured{color:#bff9dd;background:#65e9b00d;border-color:#65e9b033}.api-state.not-configured{color:#ffc4cc;background:#ff64780d;border-color:#ff647833}.key-input-wrap{position:relative}.key-input-wrap input{padding-right:78px}.key-input-wrap button{color:#bcb6c4;cursor:pointer;background:#ffffff0e;border:0;border-radius:9px;padding:0 10px;font-size:9px;position:absolute;top:6px;bottom:6px;right:6px}.modal-error{color:#ffc4cc;background:#ff64780f;border:1px solid #ff64782b;border-radius:11px;margin-top:10px;padding:10px;font-size:10px}.external-api{color:#b98aff;align-items:center;gap:6px;margin:12px 0 4px;font-size:10px;font-weight:800;display:inline-flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.security-box{border-top:1px solid var(--border);color:#8f8998;gap:9px;margin-top:16px;padding-top:14px;font-size:9px;line-height:1.55;display:flex}.security-box svg{color:#76dcb4;flex:none}.legal-modal{width:min(590px,100%)}.cookie-banner{z-index:90;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:18px;width:min(1050px,100% - 28px);padding:16px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.cookie-banner strong{font-size:11px}.cookie-banner p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.55}.cookie-actions{align-items:center;gap:8px;display:flex}@media (width<=980px){.workspace-grid,.studio-grid{grid-template-columns:1fr}.studio-controls{grid-template-columns:1fr 1fr}.export-card{grid-column:1/-1}.links-grid{grid-template-columns:1fr}.floating-art{opacity:.45}}@media (width<=720px){.topbar{border-radius:18px;width:calc(100% - 20px);margin-top:10px;padding-inline:12px}.brand small{display:none}.status-pill{place-items:center;width:42px;height:42px;padding:0;font-size:0;display:grid}.status-pill span{margin:0;font-size:14px}.main-wrap{width:calc(100% - 20px)}.hero{padding:54px 5px 34px}.hero h1{font-size:40px}.panel,.studio{border-radius:21px;padding:16px}.mode-grid,.studio-controls,.info-strip,.color-grid{grid-template-columns:1fr}.export-card{grid-column:auto}.panel-heading,.studio-head{flex-direction:column;align-items:flex-start}.sync-badge{align-self:flex-start}.drop-zone{min-height:220px}.empty-result,.transcript-editor{min-height:300px}.result-actions{flex-wrap:wrap}.result-actions .mini-btn{flex:1}.player{grid-template-columns:40px 42px 1fr 42px;gap:5px}.video-stage.ratio-9-16{max-width:330px}footer{grid-template-columns:1fr;width:calc(100% - 20px)}.footer-links{flex-wrap:wrap}.modal{border-radius:21px;padding:22px 16px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.cookie-banner{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}.floating-art{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.floating-tools{z-index:70;gap:9px;display:grid;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.floating-tool{-webkit-backdrop-filter:blur(16px);color:#e8ddff;cursor:pointer;background:#0f0c18e0;border:1px solid #ffffff21;border-radius:15px;place-items:center;width:50px;min-height:50px;transition:transform .18s,background .18s,border-color .18s;display:grid;position:relative;box-shadow:0 14px 38px #00000057}.floating-tool:hover{background:#271d3af0;border-color:#b78aff6b;transform:translate(-3px)}.floating-tool span{white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border);letter-spacing:.06em;color:#e9e2ef;background:#0c0a13f5;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:900;transition:all .18s;position:absolute;right:58px;transform:translate(8px)}.floating-tool:hover span{opacity:1;transform:translate(0)}.tutorial-tool{color:#d9bbff}.join-tool{color:#ff91d8}.brand-logo{font-size:22px;line-height:1}.panel-heading p,.studio-head p{font-size:12px;line-height:1.4}.drop-zone p{font-size:12px}.drop-zone>span,.field-label{font-size:10px}.mode-card strong{font-size:11px}.mode-card small,.privacy-note{font-size:10px}.result-meta{font-size:9px}.stage-placeholder span,.timecode{font-size:10px}.control-title{font-size:11px}.upload-bg{font-size:10px}.bg-file,.segmented button small{font-size:9px}.range-label,.color-control>span{font-size:10px}.color-control code{font-size:9px}.reset-style-btn{font-size:10px}.export-card strong{font-size:11px}.export-card p{font-size:10px}.export-card>small{font-size:9px}.export-btn,.info-strip span,.info-strip strong,.links-grid strong,.links-grid span,.footer-links a,.footer-links button{font-size:10px}footer small{font-size:9px}.hero{padding:48px 12px 28px}.hero p{margin:16px auto}.workspace-grid{gap:12px}.panel{border-radius:22px;padding:18px}.panel-heading{margin-bottom:14px}.drop-zone{min-height:215px;padding:22px}.field-label{margin:14px 0 7px}.mode-card{padding:11px}.studio{margin-top:14px;padding:18px}.studio-grid{gap:14px;margin-top:14px}.studio-controls{gap:9px}.control-card,.export-card{border-radius:14px;padding:12px}.color-grid{gap:6px;margin-top:10px}.color-control{padding:8px}.info-strip{gap:9px;margin:14px 0}.info-strip>div{min-height:74px;padding:12px}.ecosystem{margin:14px 0 18px;padding:16px}.links-grid{gap:8px;margin-top:10px}.links-grid a{padding:11px}footer{padding:18px 0 24px}.tutorial-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.primary-link,.join-link{letter-spacing:.04em;border:1px solid var(--border);border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 13px;font-size:10px;font-weight:900;display:flex}.primary-link{color:#fff;background:linear-gradient(100deg,#a76eff,#ef59be)}.join-link{color:#ffc6ea;background:#ff5dc814;border-color:#ff5dc840}.support-box{color:#bfb5c6;background:#ff5dc80e;border:1px solid #ff5dc82e;border-radius:13px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;font-size:10px;line-height:1.55;display:flex}.support-box svg{color:#ff83d2;flex:none}.cookie-banner a{color:#cfb6ff;text-underline-offset:2px;text-decoration:underline}@media (width<=720px){.floating-tools{top:auto;bottom:92px;right:8px;transform:none}.floating-tool{border-radius:13px;width:45px;min-height:45px}.floating-tool span{display:none}.tutorial-actions{grid-template-columns:1fr}}.top-join-btn{color:#ffd5ef;background:linear-gradient(120deg,#ff5dc838,#a971ff33);border:1px solid #ff6fcb61;border-radius:14px;align-items:center;gap:9px;min-height:45px;padding:6px 15px 6px 12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 28px #ec46b229,inset 0 0 0 1px #ffffff0a}.top-join-btn:hover{border-color:#ff87d7b8;transform:translateY(-2px);box-shadow:0 14px 34px #ec46b23d,0 0 24px #a971ff17}.top-join-btn>svg{flex:none}.top-join-btn span{line-height:1.02;display:grid}.top-join-btn small{color:#c9b3ca;letter-spacing:.09em;margin-top:3px;font-size:8px;font-weight:800}.ecosystem-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.ecosystem-join{color:#ffc7e9;letter-spacing:.04em;background:#ff5dc812;border:1px solid #ff5dc840;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:9px;font-weight:900;display:inline-flex}.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.tool-card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff08,#ffffff04);border-radius:16px;grid-template-columns:auto 1fr;gap:10px 11px;min-width:0;padding:13px;display:grid}.tool-card.featured-tool{background:radial-gradient(circle at 0 0,#a971ff1f,#0000 42%),#ffffff05;border-color:#a971ff3d}.tool-card-icon{color:#ceb1ff;background:linear-gradient(145deg,#a971ff29,#ff5dc814);border:1px solid #ffffff14;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.tool-card-copy{min-width:0}.tool-badge{color:#a98cc7;letter-spacing:.1em;margin-bottom:4px;font-size:7px;font-weight:900;display:block}.tool-card h3{color:#f1ebf6;margin:0;font-family:Space Grotesk,sans-serif;font-size:11px;line-height:1.25}.tool-card p{color:#9c94a5;margin:5px 0 0;font-size:9px;line-height:1.45}.tool-card-actions{grid-column:1/-1;grid-template-columns:1.2fr .8fr;gap:7px;display:grid}.tool-card-actions.single{grid-template-columns:1fr}.tool-open,.tool-video{letter-spacing:.035em;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:35px;font-size:8px;font-weight:900;transition:transform .18s,background .18s;display:inline-flex}.tool-open:hover,.tool-video:hover{transform:translateY(-1px)}.tool-open{color:#fff;background:linear-gradient(100deg,#9d67f8d9,#e74db4d6)}.tool-video{border:1px solid var(--border);color:#ded7e6;background:#ffffff0a}.all-tutorials{border:1px solid var(--border);color:#bdb5c7;letter-spacing:.045em;background:#ffffff06;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin-top:9px;font-size:9px;font-weight:900;display:flex}.all-tutorials:hover{color:#eee8f3;background:#ffffff0e}@media (width<=980px){.tool-cards{grid-template-columns:1fr}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:8px}.top-actions{justify-content:space-between;width:100%}.top-join-btn{flex:1;justify-content:center;min-width:0}.top-join-btn small{display:block}.status-pill{flex:0 0 42px}.ecosystem-head{flex-direction:column;align-items:flex-start}.ecosystem-join{width:100%}.tool-card-actions{grid-template-columns:1fr}}.menu-principal{z-index:19;border-radius:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(1120px,100% - 32px);margin:8px auto 0;padding:6px;display:grid;position:relative}.header-btn{color:#dcd5e7;background:#ffffff06;border:1px solid #fff1;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:40px;padding:7px 10px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s;display:flex;overflow:hidden}.header-btn span{filter:saturate(.92);flex:none;font-size:15px;transition:transform .18s,filter .18s}.header-btn strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.035em;min-width:0;font-family:Space Grotesk,sans-serif;font-size:10px;overflow:hidden}.header-btn:hover{color:#fff;background:linear-gradient(135deg,#a971ff1c,#ff5dc80e);border-color:#b484ff57;transform:translateY(-2px);box-shadow:0 9px 24px #0000003b,0 0 18px #a971ff12}.header-btn:hover span{filter:saturate(1.2)drop-shadow(0 0 7px #ffffff24);transform:scale(1.13)rotate(-3deg)}.header-btn:active{transform:translateY(0)scale(.985)}.tutorial-modal{width:min(760px,100%)}.tutorial-video-frame{aspect-ratio:16/9;background:#06050a;border:1px solid #a971ff38;border-radius:16px;width:100%;margin:14px 0 12px;overflow:hidden;box-shadow:0 18px 44px #00000057}.tutorial-video-frame iframe{border:0;width:100%;height:100%;display:block}.analyzer-tool{background:radial-gradient(circle at 0 0,#61dfff17,#0000 44%),#ffffff05;border-color:#61dfff33}@media (width<=900px){.menu-principal{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.menu-principal{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:calc(100% - 20px);padding:5px}.header-btn{min-height:38px;padding:6px 8px}.header-btn strong{font-size:9px}.tutorial-video-frame{border-radius:12px}}.topbar{gap:14px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.top-join-btn{background:linear-gradient(120deg,#ff5dc838,#a971ff2e);border-radius:12px;gap:8px;min-height:40px;padding:5px 11px 5px 7px}.top-join-btn .join-icon{color:#fff;background:linear-gradient(135deg,#ff5dc8,#a971ff);border-radius:9px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 5px 15px #ff5dc838}.top-join-btn .join-copy{line-height:1.05;display:grid}.top-join-btn strong{letter-spacing:.045em;font-size:12px}.top-join-btn small{color:#d8c5d5;letter-spacing:.035em;margin-top:2px;font-size:9px}.status-pill{text-align:left;background:#ffffff09;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:5px 10px;font-size:11px;display:inline-flex}.status-pill .status-dot{font-size:13px;line-height:1}.status-pill.ok .status-dot{color:var(--green);text-shadow:0 0 12px #65e9b06b}.status-pill.bad .status-dot{color:var(--danger);text-shadow:0 0 12px #ff647859}.status-pill .status-copy{line-height:1.05;display:grid}.status-pill .status-copy strong{letter-spacing:.035em;font-size:11px}.status-pill .status-copy small{color:#8f8898;letter-spacing:.02em;margin-top:3px;font-size:8px;font-weight:700}.status-pill>svg{color:#8e8799}.menu-principal{flex-wrap:wrap;grid-template-columns:none;justify-content:center;align-items:center;gap:5px;padding:5px 7px;display:flex}.header-btn{border-radius:10px;flex:none;gap:6px;width:auto;min-height:34px;padding:5px 10px}.header-btn span{font-size:14px}.header-btn strong{letter-spacing:.02em;font-size:12px}.lyrics-overlay.font-space,.lyrics-overlay.font-space .lyric-line,.lyrics-overlay.font-space .lyric-line span,.lyrics-overlay.font-space .next-line{font-family:Space Grotesk,Inter,Arial,sans-serif!important}.lyrics-overlay.font-montserrat,.lyrics-overlay.font-montserrat .lyric-line,.lyrics-overlay.font-montserrat .lyric-line span,.lyrics-overlay.font-montserrat .next-line{font-family:Montserrat,Inter,Arial,sans-serif!important}.lyrics-overlay.font-poppins,.lyrics-overlay.font-poppins .lyric-line,.lyrics-overlay.font-poppins .lyric-line span,.lyrics-overlay.font-poppins .next-line{font-family:Poppins,Inter,Arial,sans-serif!important}.lyrics-overlay.font-bebas,.lyrics-overlay.font-bebas .lyric-line,.lyrics-overlay.font-bebas .lyric-line span,.lyrics-overlay.font-bebas .next-line{letter-spacing:.035em;font-family:Bebas Neue,Impact,Arial,sans-serif!important;font-weight:400!important}.lyrics-overlay.font-playfair,.lyrics-overlay.font-playfair .lyric-line,.lyrics-overlay.font-playfair .lyric-line span,.lyrics-overlay.font-playfair .next-line{font-family:Playfair Display,Georgia,serif!important}.style-karaoke .lyric-line{transform:none}.style-karaoke .lyric-line span.active-word{transform:translateY(-3px)scale(1.07)}.style-cinematic{bottom:20%;left:5%;right:5%}.style-cinematic .lyric-line{text-transform:uppercase;letter-spacing:.045em;line-height:1.05}.style-cinematic .lyric-line span{margin:0 .1em}.style-cinematic .lyric-line span.active-word{transform:scale(1.09)}.style-minimal{bottom:6%;left:9%;right:9%}.style-minimal .lyric-line{letter-spacing:0;background:#000000b8;border-radius:.32em;padding:.35em .58em;line-height:1.1}.style-minimal .lyric-line span{margin:0 .1em}.stage-brand{display:none!important}@media (width<=760px){.top-actions{justify-content:center;width:100%}.top-join-btn,.status-pill{flex:220px;max-width:320px}.status-pill{width:auto;height:auto;font-size:11px;display:inline-flex}.status-pill span{font-size:inherit}.menu-principal{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.header-btn{min-width:max-content}}.topbar{gap:12px;width:min(1560px,100% - 24px);min-height:68px;padding:8px 12px}.topbar .brand{flex:none}.topbar .menu-principal{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;display:flex}.topbar .header-btn{background:#ffffff07;border:1px solid #ffffff13;border-radius:10px;min-height:35px;padding:6px 9px}.topbar .header-btn:hover{background:linear-gradient(135deg,#a971ff21,#ff5dc812);border-color:#a971ff57;transform:translateY(-2px)}.topbar .header-btn span{font-size:14px}.topbar .header-btn strong{font-size:11px}.topbar .top-actions{flex:none}.lyrics-overlay{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box}.lyrics-overlay:active{cursor:grabbing}.subtitle-position-card{border-color:#a971ff2e}.position-help{color:#9b94a5;margin:-2px 0 11px;font-size:9px;line-height:1.5}.position-presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.position-presets button{border:1px solid var(--border);color:#d7d1df;cursor:pointer;background:#ffffff09;border-radius:9px;min-height:34px;font-size:9px;font-weight:800}.position-presets button:hover{background:#a971ff1a;border-color:#a971ff61}@media (width<=1180px){.topbar{flex-wrap:wrap;justify-content:center}.topbar .brand{margin-right:auto}.topbar .top-actions{margin-left:auto}.topbar .menu-principal{flex-wrap:nowrap;flex-basis:100%;order:3;justify-content:flex-start;padding-top:4px;overflow-x:auto}}@media (width<=760px){.topbar{width:min(100% - 14px,1560px);padding:8px}.topbar .brand{margin-right:0}.topbar .top-actions{width:100%;margin-left:0}.topbar .menu-principal{width:100%}}.media-format-help{color:#8f8898;background:#05040957;border:1px solid #ffffff12;border-radius:10px;gap:4px;margin-top:9px;padding:9px 10px;font-size:8px;line-height:1.45;display:grid}.media-format-help strong{color:#bbb3c6}.media-format-help small{color:#746d7d;font-size:7.5px;line-height:1.45}.format-control-card{overflow:hidden}.format-guide{gap:8px;margin-top:10px;display:grid}.format-guide-option{background:#05040957;border:1px solid #ffffff12;border-radius:11px;padding:10px 11px;transition:border-color .2s,background .2s,transform .2s}.format-guide-option.selected{background:linear-gradient(145deg,#a971ff1a,#53d7ff09);border-color:#a971ff4d}.format-guide-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.format-guide-head strong{color:#d9d2e2;font-size:8.5px}.format-guide-head span{color:#8f8798;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:7.5px}.format-guide-option.selected .format-guide-head strong{color:#f0e8ff}.format-guide-option p{color:#817a8b;margin:5px 0 0;font-size:7.7px;line-height:1.5}.format-tip{color:#8f9d96;background:#65e9b00b;border:1px solid #65e9b01a;border-radius:10px;align-items:flex-start;gap:7px;padding:9px 10px;font-size:7.7px;line-height:1.45;display:flex}.format-tip svg{color:#65e9b0;flex:none;margin-top:1px}@media (width<=680px){.media-format-help{font-size:9px}.media-format-help small{font-size:8.5px}.format-guide-head strong{font-size:9.5px}.format-guide-head span,.format-guide-option p,.format-tip{font-size:8.7px}}.audio-upload-cta{letter-spacing:.05em;background:linear-gradient(135deg,#1ec9754d,#5fecae21);border:1px solid #5cf2a9c7;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin:8px 0 7px;padding:0 17px;font-weight:900;box-shadow:0 0 18px #41e59a4d,inset 0 0 16px #5fecae14;color:#e2fff1!important;font-size:10.5px!important;display:inline-flex!important}.audio-formats{color:#b5adbe!important;font-size:10px!important}.drop-zone:hover .audio-upload-cta{border-color:#75ffc2;box-shadow:0 0 25px #41e59a70,inset 0 0 18px #5fecae1c}.upload-bg-yellow{box-shadow:0 0 18px #ffc5364d,inset 0 0 15px #ffdc6914;color:#fff5c9!important;background:linear-gradient(135deg,#ffb81c4f,#ffdd7421)!important;border:1px solid #ffd359d9!important;font-size:10.5px!important;font-weight:900!important}.upload-bg-yellow:hover{box-shadow:0 0 25px #ffc53675,inset 0 0 18px #ffdc691c;border-color:#ffe481!important}.effect-help{color:#aaa2b2;margin:7px 0 5px;font-size:10px;line-height:1.55;display:block}.effect-pop .lyric-line span.active-word{animation:.34s cubic-bezier(.2,.8,.2,1) mascoPreviewPop}.effect-neon .lyric-line span.active-word{animation:.52s ease-in-out infinite alternate mascoPreviewNeon}@keyframes mascoPreviewPop{0%{transform:translateY(-2px)scale(1.02)}55%{transform:translateY(-3px)scale(1.14)}to{transform:translateY(-2px)scale(1.055)}}@keyframes mascoPreviewBounce{0%,to{transform:translateY(-2px)scale(1.05)}50%{transform:translateY(-8px)scale(1.07)}}@keyframes mascoPreviewNeon{0%{text-shadow:0 3px 12px #000000f2,0 0 5px}to{text-shadow:0 3px 12px #000000f2,0 0 13px,0 0 22px}}@keyframes mascoPreviewDance{0%{transform:translateY(-2px)rotate(-2deg)scale(1.04)}50%{transform:translateY(-4px)rotate(2deg)scale(1.08)}to{transform:translateY(-2px)rotate(0)scale(1.05)}}.composition-guide{background:radial-gradient(circle at 0 0,#aa69ff1a,#0000 38%),linear-gradient(145deg,#110d19e0,#08070deb);border:1px solid #be89ff2e;border-radius:17px;margin-top:12px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff05}.composition-guide-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;padding-bottom:10px;display:flex}.composition-guide-head>div{color:#d9c5f0;align-items:center;gap:7px;display:flex}.composition-guide-head span{letter-spacing:.1em;font-size:10.5px;font-weight:900}.composition-guide-head strong{color:#fff;text-align:right;font-size:10.5px}.composition-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.composition-guide-card{background:#ffffff06;border:1px solid #fff1;border-radius:13px;grid-template-columns:34px 1fr;align-items:start;gap:9px;min-height:92px;padding:11px;display:grid}.guide-emoji{background:#b277ff1a;border:1px solid #be89ff26;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.composition-guide-card small{color:#a99fb5;letter-spacing:.07em;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.composition-guide-card strong{color:#f0eaf5;font-size:11px;line-height:1.35;display:block}.composition-guide-card p{color:#aaa2b3;margin:5px 0 0;font-size:10px;line-height:1.48}.composition-guide-tip{color:#aeb8b3;background:#63e6b70b;border:1px solid #63e6b721;border-radius:11px;margin-top:9px;padding:9px 11px;font-size:10px;line-height:1.5}.composition-guide-tip strong{color:#d6f5e8}.export-mute-btn{color:#d2efff;letter-spacing:.035em;cursor:pointer;background:#69dcff0f;border:1px solid #69dcff38;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:39px;margin-top:8px;font-size:9px;font-weight:900;display:flex}.export-mute-btn:hover{background:#69dcff1a;border-color:#69dcff75}.export-mute-btn.muted{color:#d4cdd9;background:#ffffff0e;border-color:#ffffff2e}.export-mute-btn:disabled{opacity:.42;cursor:not-allowed}.export-mute-note{color:#9991a2;margin-top:6px;font-size:9.5px;line-height:1.48;display:block}.export-mute-note strong{color:#d4cdd9}.video-stage.ratio-9-16{max-width:450px}@media (width<=760px){.composition-guide-head{flex-direction:column;align-items:flex-start}.composition-guide-head strong{text-align:left}.composition-guide-grid{grid-template-columns:1fr}.composition-guide-card p{font-size:10.5px}}.effect-pop .lyric-line span.active-word{text-shadow:0 3px 12px #000000f2,0 0 10px;animation:.36s cubic-bezier(.18,.88,.25,1) both mascoPreviewPopV27}.effect-bounce .lyric-line span.active-word{animation:.42s ease-in-out both mascoPreviewBounceV27}.effect-neon .lyric-line span.active-word{text-shadow:0 3px 12px #000000f2,0 0 10px,0 0 22px,0 0 34px;animation:none}.effect-dance .lyric-line span.active-word{transform-origin:50% 70%;animation:.44s ease-in-out both mascoPreviewDanceV27}@keyframes mascoPreviewPopV27{0%{transform:translateY(-2px)scale(1.04)}55%{transform:translateY(-4px)scale(1.24)}to{transform:translateY(-2px)scale(1.08)}}@keyframes mascoPreviewBounceV27{0%{transform:translateY(-2px)scale(1.06)}48%{transform:translateY(-11px)scale(1.1)}to{transform:translateY(-2px)scale(1.07)}}@keyframes mascoPreviewDanceV27{0%{transform:translateY(-2px)rotate(-5deg)scale(1.07)}50%{transform:translateY(-6px)rotate(5deg)scale(1.12)}to{transform:translateY(-2px)rotate(0)scale(1.08)}}.creator-deck{background:radial-gradient(circle at 0 0,#a971ff24,#0000 34%),radial-gradient(circle at 100% 100%,#36d7ff12,#0000 34%),linear-gradient(145deg,#120d1bf5,#07060cf7);border:1px solid #b87bff38;border-radius:19px;min-height:330px;margin-top:14px;padding:15px;box-shadow:0 18px 46px #0000003d,inset 0 0 0 1px #ffffff05}.creator-deck-hero{background:linear-gradient(135deg,#a971ff1a,#ffffff06);border:1px solid #ffffff12;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.creator-deck-icon{background:#a971ff21;border:1px solid #be89ff38;border-radius:13px;place-items:center;width:44px;height:44px;font-size:21px;display:grid;box-shadow:0 0 20px #a971ff1f}.creator-deck-hero span{color:#bfa4e4;letter-spacing:.1em;font-size:10px;font-weight:900;display:block}.creator-deck-hero strong{color:#fff;margin-top:3px;font-size:13px;line-height:1.35;display:block}.creator-deck-hero p{color:#b7aebe;margin:5px 0 0;font-size:11px;line-height:1.5}.creator-live-badge{color:#9ef0c9;letter-spacing:.06em;white-space:nowrap;background:#65e9b012;border:1px solid #65e9b03d;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900}.creator-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.creator-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:13px;grid-template-columns:38px minmax(0,1fr);gap:9px;min-height:108px;padding:11px;display:grid}.creator-card-format{border-color:#69dcff24}.creator-card-effect{border-color:#ff79d529}.creator-card-safe{border-color:#65e9b024}.creator-card-bg{border-color:#ffd35924}.creator-card-emoji{background:#ffffff0b;border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.creator-card small{color:#a79daf;letter-spacing:.07em;font-size:9.5px;font-weight:900;display:block}.creator-card strong{color:#f5effa;margin-top:3px;font-size:11.5px;line-height:1.35;display:block}.creator-card p{color:#aaa1b2;margin:5px 0 0;font-size:10.5px;line-height:1.5}.creator-flow{background:#05040957;border:1px solid #ffffff0f;border-radius:13px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;padding:10px;display:grid}.creator-flow>div{grid-template-columns:24px 1fr;align-items:center;gap:7px;min-width:0;display:grid}.creator-flow b{color:#e3ccff;background:#a971ff24;border-radius:8px;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.creator-flow span{color:#e8e1ed;min-width:0;font-size:10.5px}.creator-flow strong{font-size:10.5px;display:block}.creator-flow small{color:#938b9c;white-space:normal;margin-top:1px;font-size:9px;display:block}.creator-flow i{color:#6d6476;font-size:13px;font-style:normal}.creator-tip{color:#b2bbb6;background:#65e9b00b;border:1px solid #65e9b024;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:10.5px;line-height:1.55}.creator-tip strong{color:#d9f7e8}.creator-tip span{color:#d7c8ea}.media-format-help{font-size:10.5px!important;line-height:1.55!important}.media-format-help small{font-size:9.8px!important;line-height:1.5!important}.format-guide-head strong{font-size:10.5px!important}.format-guide-head span{font-size:9.8px!important}.format-guide-option p,.format-tip{font-size:9.8px!important;line-height:1.5!important}.effect-help{color:#b9afc2!important;font-size:10.5px!important}@media (width<=980px){.creator-deck-hero{grid-template-columns:44px 1fr}.creator-live-badge{grid-column:1/-1;justify-self:start}.creator-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-flow i{display:none}}@media (width<=680px){.creator-deck{min-height:0;padding:12px}.creator-deck-grid,.creator-flow{grid-template-columns:1fr}.creator-card{min-height:0}.creator-deck-hero strong{font-size:12px}.creator-deck-hero p,.creator-card p,.creator-tip{font-size:10.5px}}@media (width>=1081px){.preview-float-shell{z-index:12;border-radius:24px;transition:box-shadow .2s,transform .2s;position:sticky;top:82px}.preview-float-shell:not(.preview-exporting){box-shadow:0 18px 48px #0000002e}.preview-float-shell.preview-exporting{z-index:auto;box-shadow:none;position:static;top:auto;transform:none}}@media (width<=1080px){.preview-float-shell{position:static}}.export-card-wide{grid-template-columns:minmax(250px,1.1fr) minmax(330px,1fr);align-items:center;gap:12px 18px;width:100%;margin-top:16px;padding:16px 18px;display:grid}.export-wide-intro{align-items:center;gap:12px;min-width:0;display:flex}.export-card-wide .export-icon{flex:0 0 42px;margin:0}.export-card-wide .export-wide-intro strong{letter-spacing:.04em;font-size:12px;display:block}.export-card-wide .export-wide-intro p{margin:4px 0 0;font-size:10.5px;line-height:1.5}.export-wide-actions{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.export-card-wide .export-btn,.export-card-wide .export-mute-btn{width:100%;min-height:44px;margin:0}.export-wide-notes{border-top:1px solid #ffffff12;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.export-card-wide .export-wide-notes small,.export-card-wide .export-wide-notes .export-mute-note{color:#a9a2b1;background:#ffffff06;border-radius:10px;margin:0;padding:8px 10px;font-size:9.5px;line-height:1.45}.export-progress-wide{grid-column:1/-1;width:100%;margin:0}@media (width<=900px){.export-card-wide,.export-wide-notes{grid-template-columns:1fr}}@media (width<=620px){.export-wide-actions{grid-template-columns:1fr}}