/* Extracted from the original SENSIK page theme. Edit this file for shared page styles. */
/* =====================================================================
           🔥 SENSIK AI CYBER-TEAL LANDING PAGE + STUDIO THEME INTEGRATION 🔥
           ===================================================================== */
        :root {
            --bg: #05090b;
            --bg2: #071112;
            --panel: #0b1517;
            --panel2: #0e1b1d;
            --line: rgba(163, 255, 239, .13);
            --line2: rgba(74, 245, 215, .34);
            --text: #f2fcfa;
            --muted: #93aaa7;
            --muted2: #667e7b;
            --cyan: #49f5d5;
            --teal: #1fc9ba;
            --shadow: 0 22px 70px rgba(0, 0, 0, .42);
            --glow: 0 0 45px rgba(73, 245, 213, .14);
            --max: 1480px;
        }

        body {
            background:
                radial-gradient(ellipse at 18% 0%, rgba(7, 91, 83, .25), transparent 38%),
                radial-gradient(ellipse at 88% 26%, rgba(18, 83, 101, .14), transparent 32%),
                var(--bg) !important;
            color: var(--text) !important;
            font-family: 'Inter', sans-serif !important;
            overflow-x: hidden;
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            opacity: .15;
            background-image: radial-gradient(rgba(143, 255, 239, .22) .6px, transparent .6px);
            background-size: 31px 31px;
            mask-image: linear-gradient(to bottom, black, transparent 75%);
        }

        .snv-container {
            width: min(1240px, calc(100% - 40px));
            margin-inline: auto;
            position: relative;
            z-index: 2;
        }

        .snv-section {
            position: relative;
            padding: 84px 0;
            z-index: 2;
        }

        .snv-kicker {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            color: var(--cyan);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .18em;
            text-transform: uppercase;
        }
        .snv-kicker::before {
            content: "";
            width: 19px;
            height: 1px;
            background: var(--cyan);
            box-shadow: 0 0 12px var(--cyan);
        }

        .snv-gradient {
            color: transparent;
            background: linear-gradient(100deg, #f3fffd 5%, #87ffe8 49%, #65cfee 95%);
            -webkit-background-clip: text;
            background-clip: text;
        }

        .snv-btn {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 11px 18px;
            border-radius: 13px;
            border: 1px solid var(--line);
            background: rgba(255, 255, 255, .035);
            color: var(--text);
            font-size: 12px;
            font-weight: 800;
            text-decoration: none;
            transition: all .2s ease;
            cursor: pointer;
        }
        .snv-btn:hover {
            transform: translateY(-2px);
            border-color: var(--line2);
            background: rgba(73, 245, 213, .08);
            color: var(--cyan);
        }
        .snv-btn-primary {
            background: linear-gradient(110deg, #5bf3d8, #28bfc4);
            border-color: transparent;
            color: #03201e !important;
            box-shadow: 0 8px 30px rgba(47, 224, 199, .18);
        }
        .snv-btn-primary:hover {
            background: linear-gradient(110deg, #8affea, #42d4da);
            box-shadow: 0 12px 38px rgba(47, 224, 199, .28);
            color: #03201e !important;
        }

        /* Sticky Top Navbar SENSIK AI */
        .snv-nav-wrap {
            position: sticky;
            top: 0;
            z-index: 1050;
            border-bottom: 1px solid rgba(163, 255, 239, .09);
            background: rgba(5, 9, 11, .84);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
        .snv-nav {
            min-height: 74px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        .snv-brand {
            display: flex;
            align-items: center;
            gap: 11px;
            font-weight: 900;
            letter-spacing: .11em;
            font-size: 14px;
            color: var(--text);
            text-decoration: none;
        }
        .snv-brand-mark {
            width: 38px;
            height: 38px;
            border: 1px solid rgba(73, 245, 213, .36);
            border-radius: 12px;
            display: grid;
            place-items: center;
            color: var(--cyan);
            background: linear-gradient(140deg, rgba(73, 245, 213, .18), rgba(73, 245, 213, .03));
            box-shadow: 0 0 23px rgba(73, 245, 213, .1);
        }
        .snv-brand small {
            display: block;
            color: var(--muted2);
            font-size: 8px;
            letter-spacing: .24em;
            margin-top: 2px;
        }
        .snv-nav-links {
            display: flex;
            align-items: center;
            gap: 24px;
        }
        .snv-nav-links a {
            font-size: 12px;
            font-weight: 700;
            color: #a6b9b6;
            text-decoration: none;
            transition: color .2s;
        }
        .snv-nav-links a:hover { color: var(--cyan); }
        .snv-nav-actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .snv-credit-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 7px 13px;
            border-radius: 99px;
            background: rgba(73, 245, 213, .1);
            border: 1px solid rgba(73, 245, 213, .3);
            color: var(--cyan);
            font-size: 11px;
            font-weight: 800;
        }

        /* Hero Section SENSIK AI */
        .snv-hero {
            padding: 64px 0 56px;
            position: relative;
            overflow: hidden;
        }
        .snv-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 48px;
            align-items: center;
        }
        .snv-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 8px 13px;
            border: 1px solid rgba(73, 245, 213, .24);
            border-radius: 99px;
            background: rgba(73, 245, 213, .05);
            font-size: 10px;
            letter-spacing: .12em;
            font-weight: 800;
            color: #bdfaf0;
        }
        .snv-hero-badge .live {
            height: 7px;
            width: 7px;
            border-radius: 50%;
            background: var(--cyan);
            box-shadow: 0 0 12px var(--cyan);
            animation: snvPulse 2s infinite;
        }
        .snv-hero h1 {
            font-size: clamp(38px, 5.4vw, 68px);
            line-height: 1.02;
            letter-spacing: -.055em;
            margin: 20px 0 18px;
            font-weight: 900;
        }
        .snv-hero p {
            max-width: 530px;
            color: #9ab0ad;
            font-size: 15px;
            line-height: 1.8;
            margin: 0;
        }
        .snv-hero-visual {
            position: relative;
            min-height: 430px;
            display: grid;
            place-items: center;
            isolation: isolate;
        }
        .snv-orbit {
            position: absolute;
            border: 1px solid rgba(73, 245, 213, .14);
            border-radius: 50%;
            transform: rotate(-22deg);
            width: 410px;
            height: 180px;
            pointer-events: none;
        }
        .snv-orbit.two {
            width: 390px;
            height: 240px;
            transform: rotate(53deg);
            border-color: rgba(104, 218, 250, .13);
        }
        .snv-music-art {
            position: relative;
            width: min(100%, 370px);
            aspect-ratio: .95;
            border: 1px solid rgba(138, 255, 236, .22);
            border-radius: 30px;
            overflow: hidden;
            background: linear-gradient(145deg, rgba(20, 57, 57, .88), rgba(5, 12, 15, .95) 52%, rgba(9, 30, 37, .91));
            box-shadow: 0 35px 90px rgba(0, 0, 0, .5), 0 0 65px rgba(73, 245, 213, .12);
            transform: rotate(2deg);
            cursor: pointer;
        }
        .snv-disc {
            position: absolute;
            width: 215px;
            height: 215px;
            left: 50%;
            top: 46%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            background: radial-gradient(circle at 43% 38%, #a0fff0 0 1%, #237b79 8%, #0e3b3b 22%, #06191d 45%, #03090b 65%);
            box-shadow: 0 0 50px rgba(73, 245, 213, .27), inset 0 0 0 1px rgba(190, 255, 247, .4);
            border: 1px solid rgba(112, 255, 234, .44);
            animation: snvFloat 6s ease-in-out infinite;
        }
        .snv-disc-center {
            position: absolute;
            width: 56px;
            height: 56px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            display: grid;
            place-items: center;
            border: 1px solid rgba(203, 255, 249, .65);
            background: radial-gradient(circle at 35% 30%, #9bfff0, #119b94 55%, #064c50);
            box-shadow: 0 0 22px rgba(73, 245, 213, .38);
            color: #042626;
        }
        .snv-soundbars {
            position: absolute;
            left: 24px;
            right: 24px;
            top: 75%;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 3px;
            overflow: hidden;
            mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
        }
        .snv-soundbars span {
            width: 3px;
            min-width: 2px;
            border-radius: 8px;
            background: linear-gradient(to top, #24aeb5, #73ffe6);
            box-shadow: 0 0 9px rgba(73, 245, 213, .45);
            animation: snvBar 1s ease-in-out infinite alternate;
            animation-delay: calc(var(--i) * -70ms);
            height: var(--h);
        }
        .snv-float-card {
            position: absolute;
            z-index: 3;
            border: 1px solid rgba(143, 255, 239, .18);
            background: rgba(8, 20, 22, .88);
            backdrop-filter: blur(15px);
            box-shadow: 0 15px 40px #0006;
            border-radius: 15px;
            padding: 12px 15px;
        }
        .snv-float-card.one { top: 45px; left: 0; }
        .snv-float-card.two { right: 0; bottom: 45px; }

        /* Penyesuaian Warna Studio VEO Agar Menyatu dengan SENSIK AI Cyan-Teal */
        .generator-layout {
            height: auto !important;
            min-height: 780px;
            max-width: 1460px !important;
            padding: 10px 20px !important;
            position: relative;
            z-index: 2;
        }
        .control-console, .music-panel {
            background: linear-gradient(145deg, rgba(13, 25, 27, .96), rgba(7, 13, 15, .96)) !important;
            border: 1px solid var(--line) !important;
            box-shadow: var(--shadow) !important;
        }
        .control-console {
            max-height: 860px !important;
        }
        .music-panel {
            max-height: 860px !important;
        }
        .ace-card, .ace-row, .slider-row, .file-upload-box, .edit-trimmer-card, .cover-source-card {
            background: rgba(6, 14, 16, .78) !important;
            border-color: rgba(163, 255, 239, .13) !important;
        }
        .ace-card:focus-within, .file-upload-box:hover {
            border-color: var(--cyan) !important;
        }
        .btn-generate {
            background: linear-gradient(105deg, #5bf3d8, #1fc9ba) !important;
            color: #03201e !important;
            box-shadow: 0 8px 25px rgba(73, 245, 213, .22) !important;
        }
        .h-play-btn {
            background: linear-gradient(135deg, #5bf3d8, #1fc9ba) !important;
            color: #03201e !important;
            box-shadow: 0 6px 18px rgba(73, 245, 213, .35) !important;
        }
        .pill.active, .cost-badge {
            background: linear-gradient(135deg, #49f5d5, #1fc9ba) !important;
            color: #03201e !important;
        }

        /* Seksi Keunggulan VS, Genre Cards, Pricing QRIS, & FAQ */
        .snv-benefit-grid, .snv-step-grid, .snv-pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
        }
        .snv-genre-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
        }
        .snv-card {
            border: 1px solid var(--line);
            background: linear-gradient(145deg, rgba(15, 29, 30, .86), rgba(8, 15, 17, .86));
            border-radius: 22px;
            padding: 24px;
            transition: transform .25s, border-color .25s;
        }
        .snv-card:hover {
            transform: translateY(-4px);
            border-color: var(--line2);
        }
        .snv-vs-stage {
            margin-top: 28px;
            border: 1px solid var(--line2);
            border-radius: 26px;
            background: radial-gradient(circle at 50% 50%, rgba(31, 201, 186, .12), transparent 55%), linear-gradient(145deg, rgba(13, 26, 28, .95), rgba(6, 11, 13, .96));
            padding: 34px 28px;
            box-shadow: var(--shadow);
        }
        .snv-vs-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 24px;
            align-items: center;
        }
        .snv-vs-item {
            padding: 13px 15px;
            border-radius: 14px;
            background: rgba(255, 255, 255, .02);
            border: 1px solid rgba(255, 255, 255, .06);
            font-size: 12px;
            color: var(--muted);
            margin-bottom: 10px;
        }
        .snv-vs-item.pro {
            background: rgba(73, 245, 213, .05);
            border-color: rgba(73, 245, 213, .2);
            color: #d8f8f2;
        }
        .snv-vs-item strong {
            display: block;
            color: var(--text);
            font-size: 13px;
            margin-bottom: 2px;
        }

        .snv-genre-card {
            border: 1px solid var(--line);
            background: linear-gradient(145deg, rgba(15, 29, 30, .88), rgba(8, 15, 17, .88));
            border-radius: 20px;
            padding: 20px;
            text-align: left;
            color: var(--text);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 152px;
            position: relative;
            overflow: hidden;
            transition: all .25s ease;
        }
        .snv-genre-card:hover {
            transform: translateY(-4px);
            border-color: var(--cyan);
            box-shadow: var(--glow);
        }

        .snv-faq-list {
            max-width: 840px;
            margin: 0 auto;
            display: grid;
            gap: 10px;
        }
        .snv-faq-item {
            border: 1px solid var(--line);
            border-radius: 16px;
            background: rgba(10, 20, 22, .78);
            overflow: hidden;
        }
        .snv-faq-q {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            border: 0;
            background: transparent;
            color: var(--text);
            text-align: left;
            padding: 18px 20px;
            font-size: 13px;
            font-weight: 800;
        }
        .snv-faq-a {
            display: none;
            padding: 0 20px 18px;
            color: var(--muted);
            font-size: 12px;
            line-height: 1.8;
        }
        .snv-faq-item.open .snv-faq-a { display: block; }

        /* Modal Instant Gmail + QRIS Pass */
        .snv-modal-backdrop {
            position: fixed;
            inset: 0;
            z-index: 99999;
            background: rgba(3, 7, 9, .86);
            backdrop-filter: blur(14px);
            display: none;
            align-items: center;
            justify-content: center;
            padding: 18px;
        }
        .snv-modal-backdrop.open { display: flex; }
        .snv-modal-box {
            width: min(480px, 100%);
            border: 1px solid var(--line2);
            border-radius: 26px;
            background: linear-gradient(145deg, #0d1d20, #060d0f);
            padding: 26px;
            box-shadow: 0 30px 90px rgba(0, 0, 0, .8), var(--glow);
            position: relative;
        }

        @keyframes snvPulse { 50% { opacity: .35; box-shadow: 0 0 3px var(--cyan); } }
        @keyframes snvFloat { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(-8px); } }
        @keyframes snvBar { from { transform: scaleY(.35); opacity: .6; } to { transform: scaleY(1); opacity: 1; } }

        /* Community music feed — social experience, tetap selaras dengan visual SENSIK. */
        .snv-community-section { padding: 76px 0 84px; }
        .snv-community-topline { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:26px; }
        .snv-community-count { display:inline-flex; align-items:center; gap:8px; color:#a8c1bd; background:rgba(255,255,255,.035); border:1px solid var(--line); border-radius:999px; padding:9px 13px; font-size:11px; font-weight:700; }
        .snv-community-count i { color:var(--cyan); }
        .snv-community-tabs { display:flex; gap:8px; flex-wrap:wrap; }
        .snv-community-tab { border:1px solid var(--line); color:#9fb5b1; background:rgba(255,255,255,.025); border-radius:999px; padding:9px 14px; font:700 11px Inter,sans-serif; transition:all .2s; }
        .snv-community-tab:hover,.snv-community-tab.active { color:#06211e; background:linear-gradient(110deg,#5bf3d8,#28bfc4); border-color:transparent; }
        .snv-social-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
        .snv-social-card { min-width:0; overflow:hidden; border:1px solid rgba(163,255,239,.13); border-radius:22px; background:linear-gradient(145deg,rgba(14,27,29,.96),rgba(6,12,14,.97)); box-shadow:0 20px 55px rgba(0,0,0,.2); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
        .snv-social-card:hover { transform:translateY(-4px); border-color:rgba(73,245,213,.34); box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 35px rgba(73,245,213,.06); }
        .snv-social-author { display:flex; align-items:center; gap:10px; padding:16px 16px 13px; }
        .snv-social-avatar { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border-radius:14px; color:#eafffb; font-weight:900; font-size:14px; background:linear-gradient(140deg,hsl(var(--avatar-hue) 66% 34%),#071315); border:1px solid rgba(163,255,239,.23); box-shadow:inset 0 0 20px rgba(255,255,255,.04); }
        .snv-social-author-meta { min-width:0; display:flex; flex-direction:column; gap:4px; }
        .snv-social-author-meta strong { color:#edfffb; font-size:12px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .snv-social-author-meta span { color:#76908b; display:block; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .snv-social-author-meta span i { color:var(--cyan); margin-right:3px; }
        .snv-social-menu-label { margin-left:auto; flex:0 0 auto; border:1px solid rgba(73,245,213,.17); background:rgba(73,245,213,.045); color:#83cfc2; border-radius:999px; padding:5px 8px; font-size:8px; letter-spacing:.08em; font-weight:900; }
        .snv-social-art { position:relative; aspect-ratio:1.45; margin:0 12px; border:1px solid rgba(163,255,239,.12); border-radius:16px; overflow:hidden; background:linear-gradient(135deg,hsl(var(--art-hue,175) 60% 20%),#05090b 75%); }
        .snv-social-art img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
        .snv-social-card:hover .snv-social-art img { transform:scale(1.04); }
        .snv-social-art::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(3,8,10,.04),rgba(3,8,10,.05) 45%,rgba(3,8,10,.48)); }
        .snv-social-art-fallback { height:100%; display:grid; place-items:center; position:relative; overflow:hidden; color:var(--cyan); background:radial-gradient(circle at 50% 45%,hsl(var(--art-hue,175) 70% 25%),transparent 55%),linear-gradient(145deg,#0b2929,#05090b); }
        .snv-social-art-fallback > i { font-size:clamp(62px,8vw,96px); filter:drop-shadow(0 0 22px rgba(73,245,213,.3)); z-index:1; }
        .snv-social-art-fallback small { position:absolute; bottom:16px; font-size:8px; letter-spacing:.3em; color:#c4fff5; font-weight:900; }
        .snv-social-orbit { position:absolute; width:60%; aspect-ratio:1; border:1px solid rgba(73,245,213,.2); border-radius:50%; box-shadow:0 0 40px rgba(73,245,213,.08),inset 0 0 40px rgba(73,245,213,.05); }
        .snv-social-art-tag { position:absolute; z-index:2; bottom:12px; left:12px; color:#d4fff7; background:rgba(4,12,14,.72); border:1px solid rgba(163,255,239,.18); border-radius:999px; padding:6px 9px; font-size:8px; letter-spacing:.12em; font-weight:900; backdrop-filter:blur(8px); }
        .snv-social-art-tag i { color:var(--cyan); margin-right:3px; }
        .snv-social-track-info { padding:15px 16px 10px; }
        .snv-social-track-info > div { display:flex; align-items:center; justify-content:space-between; gap:10px; }
        .snv-social-track-info h3 { color:#f2fcfa; font-size:15px; font-weight:850; letter-spacing:-.02em; margin:0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .snv-social-model { flex:0 0 auto; color:#7fa7a0; background:rgba(255,255,255,.035); border:1px solid rgba(163,255,239,.1); padding:4px 7px; max-width:42%; border-radius:7px; font-size:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .snv-social-track-info p { color:#8da6a1; font-size:10px; line-height:1.65; margin:9px 0 0; min-height:32px; overflow-wrap:anywhere; }
        .snv-social-audio { display:block; width:calc(100% - 32px); height:36px; margin:0 16px 13px; filter:sepia(.12) saturate(.7); opacity:.88; }
        .snv-social-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid rgba(163,255,239,.09); padding:12px 16px 15px; }
        .snv-like-btn { display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(163,255,239,.14); border-radius:11px; padding:9px 11px; color:#bbd1cc; background:rgba(255,255,255,.025); font:700 10px Inter,sans-serif; transition:all .2s; }
        .snv-like-btn i { color:#86aaa3; font-size:13px; transition:transform .18s,color .18s; }
        .snv-like-btn b { color:#e7fffa; font-size:10px; min-width:10px; }
        .snv-like-btn:hover { border-color:rgba(73,245,213,.4); color:var(--cyan); background:rgba(73,245,213,.06); }
        .snv-like-btn:hover i { transform:scale(1.12); color:var(--cyan); }
        .snv-like-btn.is-liked { color:#ff9fbd; border-color:rgba(255,118,168,.28); background:rgba(255,118,168,.07); }
        .snv-like-btn.is-liked i { color:#ff76a8; }
        .snv-like-btn.is-liked b { color:#ffd7e4; }
        .snv-like-btn:disabled { opacity:.65; cursor:wait; }
        .snv-social-love-note { color:#68837d; display:inline-flex; align-items:center; gap:5px; font-size:9px; }
        .snv-social-love-note i { color:#6bdcc7; }
        .snv-community-empty { text-align:center; border:1px dashed rgba(163,255,239,.17); border-radius:22px; background:rgba(255,255,255,.018); padding:44px 20px; color:var(--muted); }
        .snv-community-empty > i { display:inline-grid; place-items:center; font-size:30px; color:var(--cyan); width:64px; height:64px; border-radius:20px; background:rgba(73,245,213,.06); border:1px solid var(--line); margin-bottom:15px; }
        .snv-community-empty h3 { color:#e8fffa; font-size:16px; font-weight:800; }
        .snv-community-empty p { max-width:420px; margin:8px auto 0; font-size:11px; line-height:1.7; }
        .snv-community-login-hint { color:#94b3ad; font-size:10px; margin-top:18px; text-align:center; }
        .snv-community-login-hint button { border:0; background:transparent; color:var(--cyan); font-weight:800; }
        .snv-like-toast { position:fixed; z-index:100000; left:50%; bottom:24px; transform:translate(-50%,20px); opacity:0; pointer-events:none; padding:11px 16px; border:1px solid rgba(73,245,213,.25); border-radius:12px; background:rgba(7,20,21,.96); color:#d9fff7; box-shadow:0 15px 45px #0008; font-size:11px; font-weight:700; transition:all .22s ease; }
        .snv-like-toast.visible { opacity:1; transform:translate(-50%,0); }

        @media (max-width: 1100px) {
            .snv-social-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 992px) {
            .snv-hero-grid, .snv-vs-grid, .snv-benefit-grid, .snv-step-grid, .snv-pricing-grid {
                grid-template-columns: 1fr;
            }
            .snv-genre-grid { grid-template-columns: repeat(2, 1fr); }
            .snv-nav-links { display: none; }
            .control-console, .music-panel { max-height: unset !important; }
        }
        @media (max-width: 576px) {
            .snv-genre-grid { grid-template-columns: 1fr; }
            .snv-community-section { padding: 54px 0; }
            .snv-social-grid { grid-template-columns: 1fr; gap:14px; }
            .snv-social-card { border-radius:18px; }
            .snv-community-topline { align-items:flex-start; }
            .snv-social-art { aspect-ratio:1.6; }
        }

        /* Launch polish: sticky generate action, matching teal theme, modern music library. */
        #studio-workspace .control-console {
            position: relative;
            overflow-y: auto !important;
            overscroll-behavior: contain;
            scrollbar-color: rgba(73,245,213,.35) rgba(255,255,255,.025);
        }
        #studio-workspace .action-row {
            position: sticky !important;
            bottom: 0;
            z-index: 40;
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 16px -2px -2px !important;
            padding: 12px !important;
            border: 1px solid rgba(73,245,213,.22);
            border-radius: 18px;
            background: linear-gradient(180deg, rgba(8,22,23,.92), rgba(4,12,14,.98));
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            box-shadow: 0 -12px 35px rgba(0,0,0,.28), 0 0 26px rgba(73,245,213,.06);
        }
        #studio-workspace #btnGenerate,
        #btnInstantPassSubmit.btn-generate {
            flex: 1 1 auto;
            min-width: 0;
            min-height: 52px;
            border: 1px solid rgba(177,255,244,.42) !important;
            border-radius: 14px !important;
            background: linear-gradient(110deg, #61f7d9 0%, #35e3c8 48%, #22c8c2 100%) !important;
            color: #042622 !important;
            font-weight: 900 !important;
            letter-spacing: .055em;
            box-shadow: 0 8px 26px rgba(41,226,198,.2), inset 0 1px 0 rgba(255,255,255,.32) !important;
            transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
        }
        #studio-workspace #btnGenerate:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 11px 32px rgba(41,226,198,.28) !important; }
        #studio-workspace #btnGenerate:disabled { filter: saturate(.65); opacity: .8; }
        #studio-workspace .thinking-pill-btn { border-radius: 13px !important; border-color: rgba(163,255,239,.2) !important; background: rgba(255,255,255,.045) !important; }
        #studio-workspace .btn-dice-inspire { border-radius: 13px !important; background: rgba(19,35,40,.96) !important; border: 1px solid rgba(163,255,239,.18) !important; color: #d9fff8 !important; min-width: 48px; min-height: 48px; }
        .music-panel { background: linear-gradient(145deg, rgba(12,25,27,.98), rgba(5,11,13,.98)) !important; border: 1px solid rgba(163,255,239,.13) !important; border-radius: 22px !important; }
        .music-panel .list-item {
            display: grid !important;
            grid-template-columns: 64px minmax(0,1fr) 28px auto;
            grid-template-areas: "thumb info equalizer actions";
            align-items: center;
            gap: 12px;
            padding: 12px !important;
            margin: 0 0 10px !important;
            border: 1px solid rgba(163,255,239,.11) !important;
            border-radius: 16px !important;
            background: linear-gradient(120deg, rgba(17,33,35,.8), rgba(8,16,18,.82)) !important;
            transition: border-color .2s ease, transform .2s ease, background .2s ease;
        }
        .music-panel .list-item:hover { transform: translateY(-2px); border-color: rgba(73,245,213,.3) !important; background: rgba(13,31,32,.96) !important; }
        .music-panel .li-thumb-play { grid-area: thumb; width: 64px !important; height: 64px !important; aspect-ratio: 1; position: relative; overflow: hidden; border-radius: 13px !important; border: 1px solid rgba(163,255,239,.2); box-shadow: 0 8px 22px rgba(0,0,0,.25); }
        .music-panel .li-thumb-play img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
        .music-panel .play-overlay { background: linear-gradient(180deg, transparent, rgba(0,8,9,.55)) !important; }
        .music-panel .li-info-container { grid-area: info; min-width: 0; }
        .music-panel .li-title { color: #edfffb !important; font-size: 12px !important; font-weight: 850 !important; }
        .music-panel .li-subtitle { color: #89a8a1 !important; font-size: 10px !important; line-height: 1.55 !important; }
        .music-panel .li-model-badge { background: rgba(73,245,213,.06) !important; border: 1px solid rgba(73,245,213,.15) !important; color: #8ad7ca !important; border-radius: 7px !important; }
        .music-panel .li-equalizer { grid-area: equalizer; }
        .music-panel .li-actions-right { grid-area: actions; display: flex !important; align-items: center; gap: 4px; }
        .music-panel .li-icon-btn { width: 32px !important; height: 32px !important; border-radius: 9px !important; color: #a6c6bf !important; background: rgba(255,255,255,.035) !important; border: 1px solid rgba(163,255,239,.1) !important; }
        .music-panel .li-icon-btn:hover { color: var(--cyan) !important; background: rgba(73,245,213,.09) !important; border-color: rgba(73,245,213,.28) !important; }
        .snv-social-art { aspect-ratio: 1.18 !important; background: linear-gradient(145deg, hsl(var(--art-hue,175) 62% 18%), #05090b 80%) !important; }
        .snv-social-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
        .snv-cover-play { position:absolute; z-index:4; top:50%; left:50%; transform:translate(-50%,-50%) scale(.94); width:58px; height:58px; border:1px solid rgba(222,255,250,.58); border-radius:50%; display:grid; place-items:center; color:#042622; background:linear-gradient(130deg,#62f6db,#28cfc4); box-shadow:0 8px 28px rgba(0,0,0,.42),0 0 30px rgba(73,245,213,.28); opacity:0; transition:opacity .2s ease,transform .2s ease; }
        .snv-cover-play i { font-size:28px; margin-left:2px; }
        .snv-social-card:hover .snv-cover-play, .snv-cover-play:focus-visible { opacity:1; transform:translate(-50%,-50%) scale(1); }
        .snv-social-play-count { display:inline-flex; align-items:center; gap:5px; color:#7f9e98; font-size:10px; }
        .snv-social-play-count i { color:var(--cyan); font-size:13px; }
        .snv-social-play-count b { color:#d6f8f1; }
        .snv-feed-hint { color:#5fd9c4; font-size:10px; font-weight:800; }
        .snv-community-tabs { padding:4px; border:1px solid rgba(163,255,239,.09); border-radius:999px; background:rgba(1,8,10,.42); }
        .snv-community-tab { white-space:nowrap; }
        .snv-social-audio { filter:none !important; opacity:1 !important; accent-color:#35e3c8; }
        @media (max-width: 760px) {
            #studio-workspace .action-row { bottom: 0; margin-top: 12px !important; padding: 9px !important; gap: 7px; border-radius: 15px; }
            #studio-workspace #btnGenerate { min-height: 48px; font-size: 11px; letter-spacing: .025em; }
            #studio-workspace .thinking-pill-btn { padding: 9px 8px !important; font-size: 10px !important; }
            #studio-workspace .btn-dice-inspire { min-width: 42px; min-height: 44px; }
            .music-panel .list-item { grid-template-columns: 56px minmax(0,1fr) auto; grid-template-areas: "thumb info actions" "thumb info equalizer"; gap: 8px; }
            .music-panel .li-thumb-play { width: 56px !important; height: 56px !important; }
            .music-panel .li-actions-right { gap: 2px; }
            .music-panel .li-icon-btn { width: 29px !important; height: 29px !important; }
            .snv-social-art { aspect-ratio: 1.08 !important; }
            .snv-cover-play { opacity: .96; width: 48px; height: 48px; }
            .snv-social-play-count { font-size: 9px; }
            .snv-community-tabs { max-width:100%; border-radius:16px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .snv-social-card, .snv-cover-play, #studio-workspace #btnGenerate { transition:none !important; }
        }
    
        /* === SENSIK MUSIC COMMUNITY: modern compact playlist, not boxed cards === */
        .snv-community-section { padding-top: 66px; }
        .snv-social-grid { display:flex !important; flex-direction:column; gap:0 !important; border-top:1px solid rgba(163,255,239,.11); }
        .snv-social-card { display:grid; grid-template-columns:76px minmax(220px,1.15fr) minmax(205px,.95fr) minmax(148px,auto); grid-template-areas:"art info player actions"; align-items:center; gap:18px; padding:15px 10px; margin:0; border:0; border-bottom:1px solid rgba(163,255,239,.105); border-radius:0; background:transparent; box-shadow:none; overflow:visible; min-width:0; transition:background .2s ease; }
        .snv-social-card:hover { transform:none; background:linear-gradient(90deg,rgba(73,245,213,.045),rgba(73,245,213,.012)); border-color:rgba(73,245,213,.2); box-shadow:none; }
        .snv-social-art { grid-area:art; width:76px; height:76px; aspect-ratio:1 !important; margin:0; border:1px solid rgba(163,255,239,.16); border-radius:13px; overflow:hidden; background:#0b2020; }
        .snv-social-art::after { background:linear-gradient(180deg,rgba(2,8,9,0),rgba(2,8,9,.20)); }
        .snv-social-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
        .snv-social-card:hover .snv-social-art img { transform:scale(1.045); }
        .snv-social-art-tag { bottom:5px; left:5px; font-size:6px; letter-spacing:.08em; padding:3px 5px; }
        .snv-cover-play { width:38px; height:38px; opacity:0; }
        .snv-cover-play i { font-size:20px; }
        .snv-social-track-info { grid-area:info; padding:0; min-width:0; }
        .snv-social-creator-line { display:flex; align-items:center; gap:8px; min-width:0; margin-bottom:7px; }
        .snv-social-avatar { width:25px; height:25px; flex:0 0 25px; border-radius:50%; font-size:10px; }
        .snv-social-author-meta { min-width:0; gap:2px; }
        .snv-social-author-meta strong { font-size:10px; }
        .snv-social-author-meta span { font-size:8px; }
        .snv-social-menu-label { margin-left:auto; font-size:7px; padding:3px 6px; }
        .snv-social-title-line { display:flex; align-items:center; gap:8px; min-width:0; }
        .snv-social-track-info h3 { font-size:13px; line-height:1.35; }
        .snv-social-model { font-size:7px; max-width:104px; padding:3px 5px; }
        .snv-social-track-info p { color:#809b95; font-size:9px; line-height:1.55; margin:5px 0 0; min-height:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
        .snv-social-player { grid-area:player; min-width:0; display:flex; flex-direction:column; gap:5px; }
        .snv-social-audio { display:none !important; }
        .snv-wave-player { display:flex; align-items:center; gap:9px; min-width:0; }
        .snv-wave-play { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid rgba(73,245,213,.26); border-radius:50%; color:#042622; background:linear-gradient(130deg,#62f6db,#28cfc4); box-shadow:0 4px 15px rgba(73,245,213,.13); cursor:pointer; transition:transform .15s,filter .15s; }
        .snv-wave-play:hover { transform:scale(1.05); filter:brightness(1.06); }
        .snv-wave-play i { font-size:18px; margin-left:1px; }
        .snv-waveform { --progress:0%; flex:1; min-width:0; height:34px; display:flex; align-items:center; justify-content:space-between; gap:2px; padding:0 2px; position:relative; cursor:pointer; outline:none; border-radius:7px; touch-action:pan-y; }
        .snv-waveform:focus-visible { box-shadow:0 0 0 2px rgba(73,245,213,.55); }
        .snv-waveform::before { content:""; position:absolute; z-index:0; left:0; top:0; bottom:0; width:var(--progress); background:rgba(73,245,213,.07); border-radius:7px; pointer-events:none; }
        .snv-waveform [data-wave-bar] { z-index:1; display:block; flex:1 1 2px; max-width:4px; height:var(--wave-h,12px); min-width:1px; border-radius:3px; background:#315b55; transition:background .12s; }
        .snv-waveform [data-wave-bar].is-passed { background:linear-gradient(180deg,#7affea,#22bbaa); box-shadow:0 0 5px rgba(73,245,213,.15); }
        .snv-player-time { display:flex; justify-content:space-between; gap:8px; padding-left:43px; color:#73918a; font:600 9px Inter,sans-serif; font-variant-numeric:tabular-nums; }
        .snv-social-actions { grid-area:actions; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; border:0; padding:0; min-width:0; }
        .snv-like-btn { gap:5px; padding:8px 9px; border-radius:999px; white-space:nowrap; }
        .snv-share-btn { display:inline-flex; align-items:center; gap:5px; border:1px solid rgba(163,255,239,.12); border-radius:999px; padding:8px 9px; color:#9cb8b1; background:rgba(255,255,255,.018); font:700 9px Inter,sans-serif; white-space:nowrap; cursor:pointer; }
        .snv-share-btn:hover { color:var(--cyan); border-color:rgba(73,245,213,.3); background:rgba(73,245,213,.05); }
        .snv-social-play-count { width:100%; justify-content:flex-end; padding-right:3px; font-size:9px; }
        .snv-social-play-count i { font-size:12px; }
        .snv-community-tabs { padding:4px; border:1px solid rgba(163,255,239,.09); border-radius:999px; background:rgba(1,8,10,.42); }
        .snv-community-tab { white-space:nowrap; }
        .snv-picsum-cover { background:#102725; }
        .community-pagination { margin-top:12px; padding:15px 0 0; border-top:1px solid rgba(163,255,239,.11); }
        .snv-community-section { scroll-margin-top:92px; }

        /* Classic generator: original continuous form with a persistent action bar. */
        #studio-workspace .control-console { display:flex !important; flex-direction:column; gap:0; max-height:min(850px, calc(100vh - 110px)) !important; overflow:hidden !important; }
        #studio-workspace #mainFormContainer:not([style*="display: none"]) { display:flex !important; flex:1 1 auto; flex-direction:column; min-height:0; overflow-y:auto !important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(73,245,213,.34) rgba(255,255,255,.025); padding-right:3px; }
        #studio-workspace #mainFormContainer::-webkit-scrollbar { width:5px; }
        #studio-workspace #mainFormContainer::-webkit-scrollbar-thumb { background:rgba(73,245,213,.3); border-radius:9px; }
        #studio-workspace .action-row { position:sticky !important; bottom:0; z-index:25; flex:0 0 auto; padding:10px !important; margin-top:11px !important; border:1px solid rgba(163,255,239,.13); border-radius:16px; background:rgba(5,14,15,.94) !important; backdrop-filter:blur(16px); box-shadow:0 -8px 24px rgba(0,0,0,.18); }
        #studio-workspace .action-row .btn-generate { flex:1 1 170px; min-width:0; }
        #studio-workspace .action-row .thinking-pill-btn { flex:0 0 auto; }
        #studio-workspace .action-row .btn-dice-inspire { flex:0 0 46px; }
        @media (max-width: 1100px) {
            .snv-social-card { grid-template-columns:72px minmax(180px,1fr) minmax(180px,.9fr); grid-template-areas:"art info actions" "art player player"; gap:10px 14px; }
            .snv-social-actions { justify-content:flex-end; }
            .snv-social-play-count { width:auto; }
        }
        @media (max-width: 760px) {
            #studio-workspace .control-console { max-height:min(790px, calc(100dvh - 90px)) !important; }
            #studio-workspace .action-row { gap:7px !important; padding:8px !important; }
            #studio-workspace .action-row .btn-generate { flex:1 1 auto; order:0; min-height:46px; }
            #studio-workspace .action-row .thinking-pill-btn { flex:1 0 auto; }
            #studio-workspace .action-row .btn-dice-inspire { flex:0 0 44px; }
            .snv-social-card { grid-template-columns:58px minmax(0,1fr) auto; grid-template-areas:"art info actions" "player player player"; gap:10px; padding:13px 4px; }
            .snv-social-art { width:58px; height:58px; border-radius:11px; }
            .snv-social-art-tag { display:none; }
            .snv-cover-play { opacity:.96; width:34px; height:34px; }
            .snv-cover-play i { font-size:18px; }
            .snv-social-track-info h3 { font-size:12px; }
            .snv-social-track-info p { -webkit-line-clamp:2; font-size:8px; }
            .snv-social-menu-label { display:none; }
            .snv-social-model { max-width:85px; }
            .snv-social-actions { align-self:start; gap:5px; }
            .snv-like-btn { padding:7px 8px; }
            .snv-like-btn span,.snv-share-btn span { display:none; }
            .snv-share-btn { padding:7px 8px; }
            .snv-social-play-count { display:none; }
            .snv-social-player { padding:0 2px 0 0; }
            .snv-waveform { height:29px; }
            .snv-wave-play { width:31px; height:31px; flex-basis:31px; }
            .snv-player-time { padding-left:40px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .snv-wave-play { animation:none !important; transition:none !important; }
        }

        /* SENSIK studio polish: premium surface, calm spacing, mobile-first controls. */
        #studio-workspace .generator-layout {
            display:grid !important;
            grid-template-columns:minmax(320px,.88fr) minmax(0,1.3fr) !important;
            align-items:start !important;
            gap:22px !important;
            width:min(1480px,100%) !important;
            margin:0 auto !important;
            padding:0 20px !important;
        }
        #studio-workspace .control-console {
            box-sizing:border-box !important;
            width:100% !important;
            min-width:0 !important;
            padding:18px !important;
            border:1px solid rgba(112,245,220,.18) !important;
            border-radius:24px !important;
            background:radial-gradient(ellipse at 0 0,rgba(35,170,150,.09),transparent 42%),linear-gradient(145deg,rgba(10,25,26,.98),rgba(5,11,13,.99)) !important;
            box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025) !important;
        }
        #studio-workspace .master-tabs-container {
            display:flex !important; gap:7px !important; padding:5px !important;
            border:1px solid rgba(163,255,239,.12) !important; border-radius:15px !important;
            background:rgba(0,0,0,.22) !important; margin-bottom:15px !important;
        }
        #studio-workspace .master-tabs-container .master-tab {
            flex:1 1 0 !important; min-height:43px !important; border-radius:11px !important;
            font-weight:800 !important; transition:background .18s ease,color .18s ease,box-shadow .18s ease !important;
        }
        #studio-workspace .master-tabs-container .master-tab.active {
            background:linear-gradient(115deg,rgba(87,243,216,.18),rgba(35,193,184,.1)) !important;
            border:1px solid rgba(73,245,213,.22) !important; color:#dffff8 !important;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
        }
        #studio-workspace .model-selector-wrap { border-radius:15px !important; margin:0 0 15px !important; border:1px solid rgba(163,255,239,.17) !important; background:rgba(19,33,40,.78) !important; }
        #studio-workspace .custom-dropdown-trigger { min-height:48px !important; padding:12px 14px !important; }
        #studio-workspace .rcs-tabs { display:flex !important; gap:5px !important; border-bottom:1px solid rgba(163,255,239,.12) !important; padding-bottom:3px !important; margin-bottom:15px !important; overflow-x:auto !important; scrollbar-width:none; }
        #studio-workspace .rcs-tabs::-webkit-scrollbar { display:none; }
        #studio-workspace .tab-btn { flex:1 0 auto !important; min-height:42px !important; border-radius:10px 10px 6px 6px !important; font-weight:750 !important; white-space:nowrap !important; }
        #studio-workspace .ace-card { padding:15px !important; border-radius:17px !important; background:linear-gradient(145deg,rgba(14,28,30,.94),rgba(7,16,18,.96)) !important; border:1px solid rgba(163,255,239,.13) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important; }
        #studio-workspace .setting-label { line-height:1.5 !important; }
        #studio-workspace textarea.rcs-textarea, #studio-workspace input:not([type=checkbox]):not([type=range]), #studio-workspace select {
            box-sizing:border-box !important; max-width:100% !important; border-radius:12px !important;
            border:1px solid rgba(163,255,239,.16) !important; background:#081416 !important;
            color:#eafff9 !important; font-size:13px !important; line-height:1.65 !important;
            transition:border-color .18s ease,box-shadow .18s ease !important;
        }
        #studio-workspace textarea.rcs-textarea { min-height:108px; padding:12px 13px !important; resize:vertical; }
        #studio-workspace textarea.rcs-textarea:focus, #studio-workspace input:focus, #studio-workspace select:focus { border-color:rgba(73,245,213,.62) !important; box-shadow:0 0 0 3px rgba(73,245,213,.09) !important; outline:none !important; }
        #studio-workspace .prompt-chip { min-height:34px !important; border-radius:999px !important; padding:7px 11px !important; font-size:10px !important; line-height:1.3 !important; }
        #studio-workspace .action-row { gap:9px !important; padding:10px !important; border-radius:16px !important; }
        #studio-workspace #btnGenerate { min-height:49px !important; padding:11px 16px !important; font-size:12px !important; letter-spacing:.07em !important; }
        #studio-workspace .thinking-pill-btn { min-height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; padding:9px 12px !important; }
        #studio-workspace .btn-dice-inspire { min-width:44px !important; width:44px !important; min-height:44px !important; }
        #studio-workspace .music-panel { min-width:0 !important; border-radius:24px !important; overflow:hidden !important; box-shadow:0 22px 60px rgba(0,0,0,.25) !important; }
        #studio-workspace .music-header { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; flex-wrap:wrap !important; padding:17px 18px !important; }
        #studio-workspace .music-header h4 { margin:0 !important; font-size:17px !important; font-weight:850 !important; letter-spacing:-.02em !important; }
        #studio-workspace .music-header-actions { min-width:0 !important; display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; }
        #studio-workspace .music-search-wrap { max-width:100% !important; }
        #studio-workspace .music-feed { min-width:0 !important; }
        .music-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:13px 16px 16px; border-top:1px solid rgba(163,255,239,.09); color:#89aaa2; font:600 11px Inter,sans-serif; }
        .music-pagination:empty { display:none !important; }
        .music-pagination .pagination-summary { margin-right:auto; }
        .music-pagination .pagination-controls { display:flex; gap:5px; align-items:center; flex-wrap:wrap; }
        .music-pagination button { min-width:34px; min-height:34px; padding:6px 10px; border:1px solid rgba(163,255,239,.14); border-radius:9px; color:#a8c5bd; background:rgba(255,255,255,.025); font:750 11px Inter,sans-serif; }
        .music-pagination button:hover:not(:disabled),.music-pagination button.active { color:#052522; background:linear-gradient(110deg,#60f4d8,#2bc8bf); border-color:transparent; }
        .music-pagination button:disabled { opacity:.35; cursor:not-allowed; }
        .snv-playlist-no-results { padding:26px 18px; color:#8daaa4; text-align:center; font-size:12px; }
        .snv-plan-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; align-items:stretch; gap:13px !important; }
        .snv-plan-card { width:100%; min-width:0; position:relative; display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:9px; padding:19px 16px 16px; border:1px solid rgba(163,255,239,.15); border-radius:21px; color:var(--text); background:linear-gradient(150deg,rgba(15,30,32,.97),rgba(6,13,15,.98)); cursor:pointer; box-shadow:0 16px 38px rgba(0,0,0,.18); transition:transform .2s,border-color .2s,box-shadow .2s; font:inherit; }
        .snv-plan-card:hover,.snv-plan-card:focus-visible { transform:translateY(-3px); border-color:rgba(73,245,213,.55); box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 28px rgba(73,245,213,.08); outline:none; }
        .snv-plan-lifetime { border-color:rgba(73,245,213,.48); background:radial-gradient(ellipse at 0 0,rgba(73,245,213,.13),transparent 65%),linear-gradient(150deg,#102a28,#071113); }
        .snv-plan-featured { border-color:rgba(73,245,213,.52); box-shadow:0 0 0 1px rgba(73,245,213,.12),0 18px 40px rgba(0,0,0,.2); }
        .snv-plan-badge { display:inline-flex; align-items:center; gap:5px; max-width:100%; padding:6px 8px; border:1px solid rgba(73,245,213,.17); border-radius:999px; background:rgba(73,245,213,.055); color:#84e8d8; font-size:8px; font-weight:900; letter-spacing:.07em; line-height:1.2; }
        .snv-plan-name { display:block; color:#edfffb; font-size:13px; font-weight:850; line-height:1.35; margin-top:2px; }
        .snv-plan-price { display:block; color:#fff; font-size:clamp(20px,1.55vw,26px); font-weight:900; letter-spacing:-.045em; line-height:1.2; font-variant-numeric:tabular-nums; }
        .snv-plan-sub { display:block; min-height:28px; color:#91aaa5; font-size:10px; line-height:1.5; }
        .snv-plan-divider { width:100%; height:1px; margin:2px 0 3px; background:rgba(163,255,239,.1); }
        .snv-plan-benefit { display:flex; align-items:flex-start; gap:7px; color:#a9c3bd; font-size:10px; line-height:1.55; }
        .snv-plan-benefit i { margin-top:1px; flex:0 0 auto; color:var(--cyan); }
        .snv-plan-cta { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:40px; margin-top:auto; padding:9px 10px; border:1px solid rgba(163,255,239,.13); border-radius:11px; background:rgba(255,255,255,.035); color:#dffbf5; font-size:10px; font-weight:850; }
        .snv-plan-featured .snv-plan-cta,.snv-plan-lifetime .snv-plan-cta { border-color:transparent; color:#032421; background:linear-gradient(110deg,#5bf3d8,#28bfc4); }
        .snv-plan-ribbon { position:absolute; top:-9px; right:12px; padding:5px 8px; border-radius:999px; color:#fff; background:linear-gradient(110deg,#f6a15a,#ef537d); font-size:8px; font-weight:900; box-shadow:0 5px 14px rgba(0,0,0,.25); }
        .snv-plan-note { margin:16px auto 0; max-width:900px; color:#7e9993; font-size:10px; line-height:1.7; text-align:center; }
        .snv-plan-note i { color:var(--cyan); margin-right:5px; }

        /* Saat pengunjung belum premium, tampilkan satu kartu Lifetime sebagai offer utama yang terpusat dan lebih meyakinkan. */
        .snv-plan-grid.snv-plan-grid-single {
            grid-template-columns:minmax(0, 620px) !important;
            justify-content:center !important;
            justify-items:stretch !important;
            width:100%;
            max-width:100%;
            margin-inline:auto;
            gap:0 !important;
        }
        .snv-plan-grid-single .snv-plan-card {
            box-sizing:border-box;
            width:100%;
            min-height:430px;
            padding:clamp(26px, 4vw, 42px) clamp(24px, 4.5vw, 48px) 30px;
            align-items:center;
            text-align:center;
            gap:13px;
            border-radius:28px;
            overflow:hidden;
            isolation:isolate;
            background:
                radial-gradient(ellipse at 50% -5%, rgba(73,245,213,.20), transparent 54%),
                radial-gradient(ellipse at 100% 100%, rgba(31,201,186,.10), transparent 42%),
                linear-gradient(145deg, #102b29 0%, #081819 52%, #061012 100%);
            border:1px solid rgba(73,245,213,.52);
            box-shadow:0 28px 80px rgba(0,0,0,.30), 0 0 0 1px rgba(73,245,213,.08), 0 0 64px rgba(73,245,213,.09), inset 0 1px 0 rgba(255,255,255,.045);
        }
        .snv-plan-grid-single .snv-plan-card::before {
            content:"";
            position:absolute;
            width:340px;
            height:340px;
            border-radius:50%;
            left:50%;
            top:-225px;
            transform:translateX(-50%);
            border:1px solid rgba(73,245,213,.14);
            box-shadow:0 0 0 30px rgba(73,245,213,.025), 0 0 0 65px rgba(73,245,213,.018);
            pointer-events:none;
            z-index:-1;
        }
        .snv-plan-grid-single .snv-plan-badge {
            font-size:10px;
            padding:8px 13px;
            letter-spacing:.09em;
        }
        .snv-plan-grid-single .snv-plan-name {
            margin-top:4px;
            font-size:clamp(21px, 2.7vw, 28px);
            letter-spacing:-.035em;
        }
        .snv-plan-grid-single .snv-plan-price {
            margin-top:2px;
            font-size:clamp(38px, 5.2vw, 54px);
            line-height:1.08;
            letter-spacing:-.06em;
            text-shadow:0 0 30px rgba(73,245,213,.12);
        }
        .snv-plan-grid-single .snv-plan-sub {
            min-height:0;
            font-size:12px;
            margin-top:-3px;
        }
        .snv-plan-grid-single .snv-plan-divider {
            width:100%;
            margin:9px 0 4px;
            background:linear-gradient(90deg, transparent, rgba(163,255,239,.2), transparent);
        }
        .snv-plan-grid-single .snv-plan-benefit {
            width:100%;
            max-width:440px;
            font-size:12px;
            gap:10px;
            line-height:1.6;
            text-align:left;
            justify-content:flex-start;
        }
        .snv-plan-grid-single .snv-plan-benefit i { font-size:14px; }
        .snv-plan-grid-single .snv-plan-cta {
            width:min(100%, 380px);
            min-height:54px;
            margin-top:12px;
            border-radius:15px;
            font-size:13px;
            letter-spacing:.01em;
            box-shadow:0 12px 28px rgba(42,210,190,.19);
        }
        .snv-plan-grid-single .snv-plan-cta i { font-size:15px; }
        .snv-plan-grid-single .snv-plan-card:hover,
        .snv-plan-grid-single .snv-plan-card:focus-visible {
            transform:translateY(-4px);
            border-color:rgba(103,255,231,.85);
            box-shadow:0 32px 90px rgba(0,0,0,.34), 0 0 0 1px rgba(73,245,213,.16), 0 0 78px rgba(73,245,213,.14);
        }
        @media (max-width:1250px) { .snv-plan-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
        @media (max-width:1250px) { .snv-plan-grid.snv-plan-grid-single { grid-template-columns:minmax(0, 620px) !important; } }
        @media (max-width:1050px) { #studio-workspace .generator-layout { grid-template-columns:minmax(0,1fr) !important; gap:17px !important; } #studio-workspace .control-console { max-height:min(800px,calc(100dvh - 104px)) !important; } .snv-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
        @media (max-width:600px) {
            #studio-workspace { padding-top:30px !important; }
            #studio-workspace .generator-layout { padding:0 12px !important; gap:14px !important; }
            #studio-workspace .control-console { padding:12px !important; border-radius:19px !important; max-height:min(76dvh,740px) !important; }
            #studio-workspace .master-tabs-container { margin-bottom:11px !important; }
            #studio-workspace .master-tabs-container .master-tab { min-height:42px !important; font-size:12px !important; }
            #studio-workspace .ace-card { padding:12px !important; }
            #studio-workspace textarea.rcs-textarea { font-size:14px !important; min-height:112px; }
            #studio-workspace .action-row { gap:6px !important; padding:7px !important; border-radius:14px !important; }
            #studio-workspace .action-row .thinking-pill-btn { min-width:74px; padding:8px !important; font-size:10px !important; }
            #studio-workspace .action-row #btnGenerate { min-height:46px !important; padding:8px 10px !important; font-size:11px !important; letter-spacing:.04em !important; }
            #studio-workspace .action-row .btn-dice-inspire { width:42px !important; min-width:42px !important; min-height:42px !important; }
            #studio-workspace .music-header { align-items:stretch !important; padding:13px !important; }
            #studio-workspace .music-header-actions { width:100%; display:grid !important; grid-template-columns:minmax(0,1fr) auto; }
            #studio-workspace .music-search-wrap { width:100%; }
            #studio-workspace .music-search-input { min-width:0 !important; width:100% !important; }
            .music-panel .list-item { grid-template-columns:54px minmax(0,1fr) auto !important; grid-template-areas:"thumb info actions" "thumb info equalizer" !important; gap:7px !important; padding:10px !important; }
            .music-panel .li-thumb-play { width:54px !important; height:54px !important; }
            .music-panel .li-actions-right { flex-wrap:wrap; }
            .music-panel .li-subtitle { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
            .music-pagination { padding:11px 12px 14px; }
            .music-pagination .pagination-summary { width:100%; }
            .music-pagination button { min-width:32px; min-height:32px; }
            .snv-plan-grid { grid-template-columns:minmax(0,1fr) !important; gap:10px !important; }
            .snv-plan-card { padding:16px; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; align-items:center; }
            .snv-plan-badge,.snv-plan-name,.snv-plan-sub,.snv-plan-divider,.snv-plan-benefit { grid-column:1/-1; }
            .snv-plan-price { grid-column:1; font-size:25px; }
            .snv-plan-cta { grid-column:2; grid-row:3 / span 2; min-width:110px; margin:0; }
            .snv-plan-ribbon { top:-8px; }
            .snv-plan-grid.snv-plan-grid-single { grid-template-columns:minmax(0,1fr) !important; width:100%; }
            .snv-plan-grid-single .snv-plan-card {
                min-height:0;
                padding:27px 21px 23px;
                display:flex;
                flex-direction:column;
                align-items:center;
                text-align:center;
                gap:11px;
                border-radius:23px;
            }
            .snv-plan-grid-single .snv-plan-badge { align-self:center; font-size:9px; }
            .snv-plan-grid-single .snv-plan-name { font-size:22px; }
            .snv-plan-grid-single .snv-plan-price { font-size:clamp(36px,10vw,46px); }
            .snv-plan-grid-single .snv-plan-sub { font-size:11px; }
            .snv-plan-grid-single .snv-plan-benefit { font-size:11px; max-width:100%; text-align:left; }
            .snv-plan-grid-single .snv-plan-cta { width:100%; min-height:50px; margin-top:8px; font-size:12px; }
        }


/* SENSIK Premium Cover: elegant local-audio preview, seekable waveform and timing. */
#panelCover .cover-source-card {
  --cover-progress: 0%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 14px !important;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(73, 245, 213, .22) !important;
  border-radius: 17px !important;
  background: radial-gradient(ellipse at 6% 0%, rgba(73,245,213,.09), transparent 48%), linear-gradient(145deg, rgba(12,30,32,.97), rgba(7,15,19,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 32px rgba(0,0,0,.16), 0 0 24px rgba(73,245,213,.035);
}
#panelCover .cover-audio-top { display: flex; align-items: center; gap: 11px; width: 100%; min-width: 0; }
#panelCover .cs-play-btn {
  appearance: none; -webkit-appearance: none; flex: 0 0 44px; width: 44px; height: 44px;
  display: grid; place-items: center; padding: 0; margin: 0;
  border: 1px solid rgba(116,255,232,.42) !important; border-radius: 14px !important;
  color: #032622 !important; background: linear-gradient(135deg,#6bffe4,#2ad4c0) !important;
  box-shadow: 0 5px 17px rgba(73,245,213,.15); cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#panelCover .cs-play-btn i { font-size: 15px; }
#panelCover .cs-play-btn:hover { transform: translateY(-1px); box-shadow: 0 7px 22px rgba(73,245,213,.25); filter: brightness(1.04); }
#panelCover .cs-play-btn:focus-visible, #panelCover .cs-btn-ghost:focus-visible, #panelCover .cs-btn-danger:focus-visible, #panelCover .cover-source-waveform:focus-visible { outline: 2px solid rgba(73,245,213,.85); outline-offset: 3px; }
#panelCover .cs-meta { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
#panelCover .cs-meta-topline { display: flex; align-items: center; gap: 8px; min-width: 0; }
#panelCover .cs-label { display: inline-flex; align-items: center; gap: 5px; color: #82bdb2; font: 850 8px/1.2 Inter,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
#panelCover .cs-label i { color: #58ead2; font-size: 11px; }
#panelCover .cs-status { display: inline-flex; align-items: center; gap: 5px; color: #71dfca; font: 750 8px/1.2 Inter,sans-serif; }
#panelCover .cs-status-dot { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: #49f5d5; box-shadow: 0 0 8px rgba(73,245,213,.65); }
#panelCover .cs-filename { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f0fffb; font: 800 12px/1.45 Inter,sans-serif; }
#panelCover .cs-subline { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-width: 0; }
#panelCover .cs-sub { color: #89a9a3; font: 600 9px/1.4 Inter,sans-serif; }
#panelCover .cs-sub b { color: #c6e4dc; font-weight: 800; font-variant-numeric: tabular-nums; }
#panelCover .cs-meta-separator { color: #45635f; font-size: 10px; }
#panelCover .cs-actions { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
#panelCover .cs-btn-ghost, #panelCover .cs-btn-danger {
  appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 31px; padding: 0 10px !important; margin: 0;
  border: 1px solid rgba(149,190,183,.18) !important; border-radius: 9px !important;
  background: rgba(255,255,255,.035) !important; color: #bad5cf !important;
  font: 750 9px/1 Inter,sans-serif !important; white-space: nowrap; cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
#panelCover .cs-btn-ghost:hover { color: #eafffa !important; border-color: rgba(73,245,213,.38) !important; background: rgba(73,245,213,.07) !important; }
#panelCover .cs-btn-danger { border-color: rgba(255,112,143,.18) !important; color: #de9ba9 !important; }
#panelCover .cs-btn-danger:hover { color: #ffdfe6 !important; border-color: rgba(255,112,143,.42) !important; background: rgba(255,112,143,.08) !important; }
#panelCover .cover-source-waveform {
  appearance: none; -webkit-appearance: none; position: relative; display: flex; align-items: center; justify-content: stretch;
  width: 100%; min-width: 0; height: 48px; gap: 2px; overflow: hidden; padding: 0 9px !important; margin: 0;
  border: 1px solid rgba(73,245,213,.10) !important; border-radius: 11px !important;
  background: linear-gradient(90deg, rgba(73,245,213,.045), rgba(90,125,255,.04)), rgba(2,10,13,.58) !important;
  cursor: pointer; text-align: left; touch-action: pan-y;
}
#panelCover .cover-source-waveform::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--cover-progress,0%); background: linear-gradient(90deg, rgba(73,245,213,.13), rgba(60,218,212,.055)); pointer-events: none; transition: width .09s linear; }
#panelCover .cover-wave-bars { z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 2px; width: 100%; height: 100%; pointer-events: none; }
#panelCover .cover-wave-bar { display: block; flex: 1 1 2px; min-width: 1px; max-width: 5px; height: var(--bar-height,12px); border-radius: 3px; background: #294a48; opacity: .95; transition: background .12s ease, box-shadow .12s ease; }
#panelCover .cover-wave-bar.is-played { background: linear-gradient(180deg,#86ffe9,#28cbb9); box-shadow: 0 0 7px rgba(73,245,213,.2); }
#panelCover .cover-audio-time-row { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; }
#panelCover .cover-time-current, #panelCover .cover-time-total { flex: 0 0 auto; color: #99b8b1; font: 750 9px/1.2 Inter,sans-serif; font-variant-numeric: tabular-nums; }
#panelCover .cover-time-current { color: #5cf3d8; }
#panelCover .cover-time-track { flex: 1 1 auto; height: 3px; min-width: 18px; overflow: hidden; border-radius: 99px; background: rgba(139,174,167,.18); }
#panelCover .cover-time-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#49f5d5,#6aafff); box-shadow: 0 0 8px rgba(73,245,213,.34); transition: width .09s linear; }
#panelCover .cover-time-size { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(73,245,213,.13); border-radius: 7px; background: rgba(73,245,213,.045); color: #81bdb1; font: 750 8px/1.2 Inter,sans-serif; font-variant-numeric: tabular-nums; }
#panelCover .cover-source-card + .ace-card { margin-top: 0; }
@media (max-width: 540px) {
  #panelCover .cover-source-card { padding: 11px !important; gap: 10px; }
  #panelCover .cover-audio-top { align-items: flex-start; flex-wrap: wrap; gap: 9px; }
  #panelCover .cs-play-btn { flex-basis: 40px; width: 40px; height: 40px; border-radius: 12px !important; }
  #panelCover .cs-meta { flex: 1 1 calc(100% - 55px); }
  #panelCover .cs-actions { width: 100%; margin-left: 49px; }
  #panelCover .cs-btn-ghost, #panelCover .cs-btn-danger { min-height: 29px; }
  #panelCover .cover-source-waveform { height: 42px; }
  #panelCover .cover-audio-time-row { gap: 6px; }
  #panelCover .cover-time-size { padding-inline: 5px; }
}