@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/13ae3e01af63c0ce-s.3ec27879.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/0ee4b8f05dcd9fee-s.45e2741a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9eba4caf7edd2921-s.57f6a4a3.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f6752bd2263820da-s.95b8f539.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f285987c35230861-s.b3721d2b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b8d1f0a88dfecec3-s.cf53ec14.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ab57efd000576a30-s.p.37015d44.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Fallback;src:local(Arial);ascent-override:100.51%;descent-override:25.03%;line-gap-override:0.0%;size-adjust:96.39%}.inter_tight_1f550e88-module__8l2g-W__className{font-family:Inter Tight,Inter Tight Fallback;font-style:normal}.inter_tight_1f550e88-module__8l2g-W__variable{--font-inter-tight:"Inter Tight","Inter Tight Fallback"}
html,body{background:#050505;margin:0;padding:0}.cm-main{flex:1;padding:40px;overflow-y:auto}.cm-main-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.cm-main-title{font-size:22px;font-weight:600}.cm-main-credits-btn{color:#18181b;cursor:pointer;background:#facc15;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600}.cm-video-panel{background:#09090d;border:1px solid #27272f;border-radius:20px;margin-bottom:26px;padding:18px 18px 16px}.cm-video-tabs{border-bottom:1px solid #27272f;gap:8px;margin-bottom:14px;padding-bottom:10px;display:inline-flex}.cm-video-tab{color:#e5e5e5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex}.cm-video-tab-icon{display:inline-flex}.cm-video-tab--active{background:#12121a;border-color:#3f3f46}.cm-video-form{flex-direction:column;gap:14px;margin-top:4px;display:flex}.cm-video-prompt-label{flex-direction:column;gap:6px;display:flex}.cm-video-prompt-caption{color:#a1a1aa;font-size:12px}.cm-video-prompt-input{color:#f9fafb;resize:vertical;background:#050509;border:1px solid #27272f;border-radius:14px;width:100%;padding:10px 12px;font-size:13px}.cm-video-prompt-input::placeholder{color:#52525b}.cm-video-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.cm-video-select-group{flex-wrap:wrap;gap:10px;display:flex}.cm-video-select-label{color:#a1a1aa;flex-direction:column;gap:3px;font-size:11px;display:flex}.cm-video-select{color:#f9fafb;background:#050509;border:1px solid #27272f;border-radius:10px;min-width:120px;padding:7px 9px;font-size:12px}.cm-video-actions{align-items:center;gap:12px;display:flex}.cm-video-audio-toggle input{display:none}.cm-video-audio-pill{color:#e5e5e5;cursor:pointer;background:#050509;border:1px solid #27272f;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.cm-video-audio-dot{background:#facc15;border-radius:999px;width:10px;height:10px}.cm-video-generate-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600}.cm-video-generate-btn:disabled{opacity:.7;cursor:default}.cm-video-explore{margin-top:8px}.cm-video-explore-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cm-video-explore-tabs{gap:14px;display:inline-flex}.cm-video-explore-tab{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding-bottom:4px;font-size:13px;position:relative}.cm-video-explore-tab--active{color:#f9fafb}.cm-video-explore-tab--active:after{content:"";background:#facc15;border-radius:999px;width:26px;height:2px;position:absolute;bottom:0;left:0}.cm-video-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.cm-video-card{background:#0a0a10;border:1px solid #27272f;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.cm-video-card-thumb{background:radial-gradient(circle at 20% 0,#f97316,#0f172a 55%);height:150px}.cm-video-card-body{padding:10px 12px 12px}.cm-video-card-tag{color:#e5e5e5;background:#0f172acc;border-radius:999px;justify-content:center;align-items:center;margin-bottom:6px;padding:3px 7px;font-size:10px;display:inline-flex}.cm-video-card-title{margin-bottom:4px;font-size:13px;font-weight:600}.cm-video-card-meta{color:#a1a1aa;font-size:11px}@media (max-width:900px){.cm-main{padding:18px 16px 28px}.cm-main-header,.cm-video-controls-row{flex-direction:column;align-items:flex-start}.cm-sidebar{display:none}.cm-shell{padding-left:0}}:root{--font-title:var(--font-inter-tight);--font-body:var(--font-inter)}body{font-family:var(--font-body),sans-serif;font-weight:400}h1,h2,.cm-title{font-family:var(--font-title),sans-serif;font-weight:600}h3,h4,.cm-subtitle{font-family:var(--font-body),sans-serif;font-weight:500}p,.cm-description{font-family:var(--font-body),sans-serif;opacity:.85;font-weight:400}.cm-layout>aside,.cm-sidebar{width:260px;height:100vh;padding-bottom:20px;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.cm-content{flex:1;height:100vh;margin-left:260px;padding:0;overflow-y:auto}*{scrollbar-width:thin;scrollbar-color:#555 #1a1a1a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background-color:#555;border:2px solid #1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#777}.cm-layout{width:100%;height:100vh;display:flex;overflow:hidden}.cm-sidebar{background:#0a0a0a;flex-shrink:0;width:260px;height:100vh;transition:width .25s;position:fixed;top:0;left:0;overflow-y:auto}.cm-content{height:100vh;margin-left:260px;transition:margin-left .25s,width .25s;overflow-y:auto}.sidebar-collapsed .cm-content{margin-left:80px}.cm-layout{width:100%;min-height:100vh;display:flex;overflow:hidden}.cm-sidebar{z-index:300;background:#0a0a0a;flex-shrink:0;width:260px;transition:width .25s;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.cm-sidebar.collapsed{width:80px}.cm-content{flex:1;width:100%;min-height:100vh;margin-left:260px;padding:0;transition:margin-left .25s;overflow:hidden auto}.cm-layout.sidebar-collapsed .cm-content{margin-left:80px}.cm-main{box-sizing:border-box;width:100%;max-width:none;padding:40px;overflow-y:visible;overflow-x:hidden!important}.music-header{justify-content:space-between;align-items:center;padding-right:6px;display:flex}.music-title{color:#fff;font-size:22px;font-weight:600}.music-explore{color:#d1d1d1;font-size:14px;text-decoration:none}.music-explore:hover{color:#fff}.music-grid{grid-template-columns:repeat(6,1fr);gap:20px;margin-top:20px;display:grid}.music-card{cursor:pointer}.music-thumb-wrap{border-radius:12px;position:relative;overflow:hidden}.music-thumb{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.music-play{background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;bottom:10px;left:10px}.music-track-title{color:#fff;margin-top:8px;margin-bottom:-2px;font-size:15px;font-weight:500}.music-track-artist{color:#999;margin-top:6px;font-size:13px}.music-section{margin-top:120px;margin-bottom:-20px}.global-player{background:#0f0f0f;border-top:1px solid #2d2d2d;grid-template-columns:60px 60px 1fr auto 40px;align-items:center;gap:20px;height:78px;padding:0 20px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-thumb{object-fit:cover;border-radius:8px;width:54px;height:54px}.player-title{color:#fff;margin-bottom:6px;font-size:13px;font-weight:500}.player-artist{color:#aaa;font-size:10px}.player-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:22px}.global-player{z-index:99999;background:#0f0f0f;border-top:1px solid #2d2d2d;grid-template-columns:3% 6% 1fr 80% 40px;align-items:center;gap:20px;height:80px;padding:0 20px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-wave-wrap{align-items:center;width:100%;height:50px;display:flex}.player-wave{width:100%;height:50px}.player-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px}.player-close{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:20px}.player-close:hover{color:#fff}.music-info-btn{color:#fff0;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:5px 7px;font-size:14px;position:absolute;bottom:10px;right:10px}.info-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.info-modal{background:#1b1b1b;border-radius:18px;width:90vw;max-width:1000px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}.info-modal-close{color:#fffa;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:24px}.info-modal-close:hover{color:#fff}.info-modal-content{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:48px;display:grid}.info-media{width:100%}.info-modal-thumb{object-fit:cover;border-radius:14px;width:100%}.info-details{flex-direction:column;gap:24px;display:flex}.info-title{color:#fff;margin:0;font-size:28px;font-weight:600}.info-artist{color:#aaa;margin-top:-10px;font-size:16px}.info-section h3{color:#fff;margin-bottom:6px;font-size:15px;font-weight:600}.info-section p{color:#ccc;font-size:14px;line-height:1.6}.info-copy-row{align-items:center;gap:10px;display:flex;position:relative}.copy-btn{cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.copy-btn:hover{opacity:1}.copy-wrapper{align-items:center;display:flex;position:relative}.copy-feedback{color:#d6d6d6;opacity:0;margin-left:6px;font-size:12px;animation:1.3s forwards fadeCopy}@keyframes fadeCopy{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.global-player-left{align-items:center;gap:14px;width:260px;min-width:260px;display:flex}.global-player-trackinfo{flex-direction:column;justify-content:center;gap:3px;max-width:200px;display:flex}.global-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.global-player-artist{color:#bfbfbf;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.global-player-waveform{flex-grow:1;margin-left:20px}.footer-wrapper{color:#fff;border-top:1.5px solid #ffffff1a;width:100%;margin-top:80px;padding:60px 0 40px}.footer-container{grid-template-columns:repeat(5,1fr);gap:40px;max-width:1400px;margin:0 auto;padding:0 40px;display:grid}.footer-column h4{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:opacity .2s}.footer-column a:hover{opacity:1}.footer-bottom{color:#ffffff80;justify-content:space-between;align-items:center;max-width:1400px;margin:40px auto 0;padding:0 40px;font-size:13px;display:flex}.footer-socials{gap:20px;display:flex}.footer-socials a{color:#fff9;text-decoration:none;transition:opacity .2s}.footer-socials a:hover{opacity:1}@media (max-width:900px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.footer-container{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}.ai-item{border-radius:14px;width:100%;position:relative;overflow:hidden}.info-icon{color:#fff;cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;bottom:10px;right:10px}.ai-item.tall-item{grid-row:span 2}.ai-video-section{margin-top:120px}.ai-video-grid{column-count:4;column-gap:20px;margin-top:20px;margin-bottom:18px}.ai-item{break-inside:avoid;width:100%;margin-bottom:20px;display:block;position:relative}.aspect-16-9{aspect-ratio:16/9}.aspect-1-1{aspect-ratio:1}.aspect-9-16{aspect-ratio:2/3.25}.thumb-wrapper{isolation:isolate;width:100%;height:100%;position:relative}.thumb-wrapper img,.thumb-wrapper video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb-wrapper img{z-index:1!important}.thumb-wrapper video{opacity:0;transition:opacity .3s;z-index:2!important}.thumb-wrapper:hover video{opacity:1}.ai-info-btn{color:#fff;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:opacity .2s;display:flex;position:absolute;bottom:10px;right:10px}.ai-info-btn:hover{opacity:.8}.info-media video{border-radius:14px;width:100%;height:auto}.vertical-video video{width:auto;max-height:600px;margin:0 auto;display:block}@media (max-width:1200px){.vertical-video video{max-height:480px}}@media (max-width:768px){.vertical-video video{max-height:380px}}.ai-video-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ai-video-title{margin:0;font-size:22px;font-weight:600}.ai-video-create-link{color:#fffa;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.ai-video-create-link:hover{color:#fff}.cm-model-select-wrapper{z-index:1200;min-width:180px;position:relative}.cm-model-select-trigger{color:#e5e5e5;text-align:left;cursor:pointer;background:#121212;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;display:flex}.cm-model-select-trigger:hover{background:#1a1a1a}.cm-model-dropdown{z-index:1300;background:#161616;border:1px solid #ffffff1f;border-radius:14px;width:540px;padding:16px;animation:.15s dropdownFade;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 40px #00000080}.cm-model-dropdown.open{display:block}.cm-model-dropdown-title{color:#888;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.cm-model-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cm-model-card{cursor:pointer;background:#1c1c1c;border:1px solid #ffffff14;border-radius:12px;padding:12px;transition:background .12s,border .12s}.cm-model-card:hover{background:#222;border-color:#ffffff2e}.cm-model-card.active{background:#2a2a2a;border-color:#ffffff40}.cm-model-name-row{color:#e5e5e5;align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.cm-model-desc{color:#999;font-size:12px;line-height:1.4}.cm-model-badge{color:#333;text-transform:uppercase;background:#facc15;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.cm-home-container{max-width:none;padding-left:20px;padding-right:20px}.cm-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:48px;display:grid}@media (max-width:1500px){.cm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}}@media (max-width:900px){.cm-feature-grid{grid-template-columns:1fr;gap:32px;display:grid}}.hero-feature-card{background:#111;border:1px solid #222;border-radius:18px;width:100%;padding-bottom:56.25%;transition:all .25s;position:relative;overflow:hidden}.hero-feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0006}.hero-feature-media{width:100%;height:100%;position:absolute;inset:0}.cm-home-title,.cm-home-subtitle{color:#f0f8ff}.cm-explore-section{margin-top:120px;margin-bottom:20px}.cm-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.cm-section-header h2{font-size:22px;font-weight:600}.cm-section-link{color:#ccc;font-size:14px}.cm-section-link:hover{color:#fff}.cm-section-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}@media (max-width:1500px){.cm-section-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.cm-section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.cm-section-grid{grid-template-columns:1fr}}.cm-explore-card{cursor:pointer;background:#111;border-radius:14px;width:100%;padding-bottom:56.25%;transition:all .2s;position:relative;overflow:hidden}.cm-explore-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.cm-explore-media{width:100%;height:100%;position:absolute;inset:0}.cm-explore-title{color:#fff;text-shadow:0 3px 6px #000000e6;margin:0;font-size:15px;font-weight:600;position:absolute;bottom:16px;left:16px;right:16px}h2.cm-section-title{color:#fff!important;margin:0!important;font-size:20px!important;font-weight:500!important;line-height:1.2!important}.sfx-card{background:#2e1760;border:1px solid #1a1a1a;border-radius:12px;align-items:center;gap:18px;width:100%;padding:16px 20px;transition:border .2s,background .2s;display:flex}.sfx-card:hover{background:#141414;border-color:#2a2a2a}.sfx-line{background:#ffffff40;border-radius:3px;width:3px;height:40px}.sfx-play{cursor:pointer;opacity:.9;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .2s;display:flex;background:0 0!important;border:none!important;border-radius:0!important}.sfx-play:hover{opacity:1}.sfx-info{flex:1}.home-sfx-section{margin-top:80px}.home-sfx-title{color:#fff;margin-bottom:24px;font-size:22px;font-weight:600}.home-sfx-list{flex-direction:column;gap:16px;padding-top:22px;display:flex}.sfx-thumb{object-fit:cover;border-radius:12px;width:92px;height:92px}.sfx-play{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;display:flex}.sfx-play:hover{background:#fff3}.sfx-info{flex-direction:column;display:flex}.sfx-title{color:#fff;margin-bottom:2px;font-size:16px;font-weight:600}.sfx-category{color:#999;font-size:13px}.sfx-wave-wrap{justify-content:flex-end;align-items:center;gap:16px;width:100%;min-width:200px;display:flex}.sfx-waveform{flex:1;min-width:200px;height:48px}.sfx-duration{color:#bbb;text-align:right;white-space:nowrap;width:auto;font-size:14px}.sfx-card{background:#131313;border:1px solid #1e1e1e;border-radius:14px;grid-template-columns:92px 56px 1fr 2fr 50px;align-items:center;gap:20px;padding:16px 20px;transition:all .2s;display:grid}.sfx-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding-right:6px;display:flex}.sfx-explore{color:#d1d1d1;font-size:14px;text-decoration:none;transition:color .2s}.sfx-explore:hover{color:#fff}
.cm-sidebar{background:#050505;border-right:1px solid #222;flex-direction:column;gap:20px;width:240px;padding:16px;transition:width .2s;display:flex}.cm-sidebar.collapsed{width:80px}.cm-sidebar-header{justify-content:space-between;align-items:center;display:flex}.cm-logo{align-items:center;gap:8px;display:flex}.cm-logo-mark{background:linear-gradient(135deg,#ffe277,#ff6a3e);border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.cm-logo-text{font-size:15px;font-weight:600}.cm-collapse-btn{color:#b3b3b3;cursor:pointer;background:#181818;border:none;border-radius:999px;width:24px;height:24px}.cm-collapse-btn:hover{background:#252525}.cm-credits-pill{background:#121212;border-radius:999px;justify-content:space-between;align-items:center;padding:10px;display:flex}.cm-credits-main{flex-direction:column;display:flex}.cm-credits-label{color:#aaa;font-size:10px}.cm-credits-value{color:#ffd94b;font-size:16px;font-weight:700}.cm-credits-cta{color:#000;cursor:pointer;background:#ffd94b;border-radius:20px;padding:5px 12px;font-size:12px}.cm-nav{flex-direction:column;gap:4px;display:flex}.cm-nav-item{color:#b3b3b3;border-radius:8px;align-items:center;gap:10px;margin:4px 14px;padding:8px 12px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.cm-nav-item:hover{color:#fff;background:#181818;border-radius:8px}.cm-nav-item.active{color:#fff;background:#272727;border-radius:8px}.cm-nav-divider{border-top:1px solid #272727;margin:8px 0}.cm-nav-icon-wrap{justify-content:center;align-items:center;width:20px;display:flex}.cm-layout{background:#101010;min-height:100vh;display:flex}.cm-main{flex:1;padding:24px;overflow-y:auto}.cm-icon{color:#d4d4d4;width:18px;height:18px}.cm-user-section{margin-top:14px;padding-top:12px}.cm-content{flex-direction:column;width:100%;display:flex}.cm-logo{justify-content:flex-start;align-items:center;height:40px;display:flex}.cm-logo-full{width:auto;height:42px}.cm-logo-small{width:32px;height:32px}.collapse-toggle{cursor:pointer;justify-content:center;align-items:center;margin-left:auto;display:flex;background:0 0!important;border:none!important;padding:0!important}.collapse-arrow{filter:invert();opacity:.8;width:14px;height:auto;transition:opacity .2s,transform .2s}.collapse-toggle:hover .collapse-arrow{opacity:1;transform:scale(1.1)}
.cm-auth-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cm-auth-shell{width:92vw;max-width:440px;padding:22px;position:relative}.cm-auth-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;width:36px;height:36px;font-size:22px;line-height:1;transition:background .15s,border .15s;position:absolute;top:14px;right:16px}.cm-auth-close:hover{background:#ffffff29;border-color:#ffffff40}.cm-auth-root{width:100%}.cm-auth-card{background:#0e0e0e;border:1px solid #ffffff14;border-radius:18px;padding:26px 26px 28px;box-shadow:0 30px 70px #0000008c}.cm-auth-title{color:#fff;font-size:22px;font-weight:700}.cm-auth-subtitle{color:#d4d4d8}.cm-auth-social-btn{color:#f9fafb;background:#181818;border:1px solid #2a2a2a;border-radius:14px;height:50px;padding:10px 12px;transition:background .15s,border .15s,transform .1s}.cm-auth-social-btn:hover{background:#1f1f1f;border-color:#3a3a3a;transform:translateY(-1px)}.cm-auth-social-text{color:#f9fafb;font-weight:600}.cm-auth-input{color:#f9fafb;background:#0b0b0b;border:1px solid #2a2a2a;border-radius:12px;padding:10px 12px}.cm-auth-input:focus{border-color:#facc15;box-shadow:0 0 0 1px #facc15}.cm-auth-primary-btn{color:#111;background:#facc15;border:none;border-radius:12px;height:48px;font-weight:700}.cm-auth-primary-btn:hover{background:#ffde3b}.cm-auth-link{color:#facc15;font-weight:600}.cm-auth-footer{color:#c4c4cc}
.cm-header{z-index:100;background:#0b0b0b;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.cm-header-search{width:320px;position:relative}.cm-header-search input{color:#fff;background:#111;border:1px solid #262626;border-radius:12px;width:100%;padding:10px 14px 10px 38px}.cm-search-icon{opacity:.7;pointer-events:none;position:absolute;top:10px;right:14px}.cm-header-right{align-items:center;gap:18px;display:flex}.cm-credits-button{color:#000;background:#ffd94b;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}.cm-start-btn{color:#0b0b14;cursor:pointer;background:linear-gradient(120deg,#facc15,#ffd54f);border:none;border-radius:18px;padding:8px 16px;font-weight:800;text-decoration:none;transition:background .15s,transform .1s}.cm-start-btn:hover{transform:translateY(-1px)}.cm-signin-btn{color:#facc15;cursor:pointer;background:0 0;border:1px solid #facc1559;border-radius:14px;padding:8px 10px;font-weight:700;transition:background .15s,transform .1s,border .15s}.cm-signin-btn:hover{background:#facc151f;border-color:#facc15b3}.cm-user-menu{position:relative}.cm-avatar{color:#eee;cursor:pointer;background:#222;border:1px solid #333;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cm-user-dropdown{z-index:200;background:#111;border:1px solid #262626;border-radius:12px;flex-direction:column;gap:8px;width:240px;padding:12px;display:flex;position:absolute;top:48px;right:0}.cm-user-info{border-bottom:1px solid #262626;margin-bottom:10px;padding-bottom:10px}.cm-user-name{color:#fff;font-size:15px;font-weight:600}.cm-user-email{opacity:.7;color:#fff;font-size:12px}.cm-user-link{color:#fff;border-radius:6px;padding:6px 4px;font-size:14px;text-decoration:none}.cm-user-link:hover{background:#1a1a1a}.cm-user-divider{border-top:1px solid #262626;margin:6px 0}.cm-user-link.logout{color:#ff6565}.cm-search-icon{opacity:.7;color:#fff;pointer-events:none;position:absolute;top:10px;left:14px}