/* Portal visual system. Component mechanics remain in styles.css. */
:root{--bg-page:#f6f7fa;--bg-surface:#fff;--bg-surface-solid:#fff;--bg-subtle:#f3f5f9;--bg-glass:#ffffffed;--text-main:#19243b;--text-muted:#647086;--text-light:#66758a;--border-color:#e3e7ef;--border-strong:#c4cede;--brand-primary:#2860e8;--c-itl-navy:#19243b;--c-itl-primary:#2860e8;--c-itl-cyan:#2860e8;--c-amber:#2860e8;--radius-lg:22px;--shadow-sm:0 3px 12px #18243b04;--shadow-md:0 10px 30px #18243b08;--shadow-lg:0 16px 35px #18243b10}
[data-theme="dark"]{color-scheme:dark;--bg-page:#101624;--bg-surface:#171f30;--bg-surface-solid:#171f30;--bg-subtle:#202b40;--bg-glass:#171f30f2;--text-main:#edf2ff;--text-muted:#adb9cf;--text-light:#a2b0c7;--border-color:#2c3850;--border-strong:#4b5c79;--c-itl-navy:#edf2ff}
html{scroll-padding-top:110px}body{overflow-x:visible}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #6593ff;outline-offset:4px}button:disabled{opacity:.4;cursor:default}img{max-width:100%}.mesh-background{display:none}.container{max-width:1328px;padding-inline:40px}.skip-link{position:fixed;left:16px;top:-100px;z-index:4000;background:var(--brand-primary);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
.main-navbar{background:var(--bg-glass);border-bottom:1px solid var(--border-color);box-shadow:none;backdrop-filter:blur(18px)}.nav-container{height:88px;gap:26px}.brand-logo{gap:16px}.brand-logo-img{height:43px;width:111px;max-width:none}.brand-title{font-size:1.08rem;letter-spacing:-.3px;line-height:1.3;border-left:1px solid var(--border-color);padding-left:16px}.brand-subtitle{display:block;font-family:var(--font-base);font-size:8px;letter-spacing:1.1px;color:var(--text-muted);margin-top:5px;font-weight:700}.nav-center-links{gap:20px;flex:1;justify-content:center;overflow:visible}.nav-link{font-size:.79rem;padding:8px 0;color:var(--text-muted);white-space:nowrap;border-radius:0}.nav-link:hover,.nav-link.active{background:none;color:var(--brand-primary)}.nav-link:nth-child(n+5){display:none}.nav-right{gap:12px}.font-size-control{border:1px solid var(--border-color);background:transparent;border-radius:9px;height:38px;padding:2px}.font-btn{height:32px;width:27px}.font-current{font-size:.7rem}.icon-btn{height:40px;width:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-solid)}.icon-btn svg{width:18px;height:18px}.mobile-menu-btn{display:none}
.portal-hero{padding:36px 0 0}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;min-height:440px;padding:48px 52px;border:1px solid #dce5f7;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 88% 65%,#d2e3ff 0,transparent 48%),linear-gradient(120deg,#f0f5ff,#edf3ff 65%,#e4eeff)}.hero-title-block{position:relative;z-index:2;align-self:center}.hero-kicker{font-size:.61rem;letter-spacing:1.65px;font-weight:800;color:#4b6593;gap:9px;margin-bottom:21px;background:none;padding:0;border:0}.status-dot{width:7px;height:7px;background:#2860e8;border-radius:50%;box-shadow:0 0 0 4px #2860e811}.hero-heading{font-size:clamp(2.8rem,4.3vw,4.15rem);line-height:1.06;letter-spacing:-2.3px;color:#172b51;margin:0 0 20px;font-weight:800;background:none;-webkit-text-fill-color:initial}.hero-heading>span{color:#3264dc}.hero-subtext{max-width:430px;font-size:.93rem;line-height:1.8;color:#5c6d88;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#2860e8;border:1px solid #2860e8;border-radius:9px;color:#fff;padding:13px 19px;font-size:.8rem;font-weight:700;box-shadow:0 4px 9px #2860e819;transition:background .2s,transform .2s}.hero-primary:hover{background:#174ccb;transform:translateY(-2px)}.hero-primary svg{width:18px;height:18px}.hero-secondary{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#345482}.hero-secondary:hover{color:#2860e8}.hero-secondary svg{width:16px}.hero-meta{display:flex;gap:20px;margin-top:29px;font-size:.65rem;color:#687d9d}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta svg{width:13px;height:13px}.hero-art{position:relative;min-height:320px;align-self:stretch;background-image:radial-gradient(#7e9ec13d .8px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent)}.ai-orb{position:absolute;width:224px;height:224px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 24%,#a2d7ff 0,#669ef5 22%,#2863e7 53%,#2546b8 77%,#759cff 100%);box-shadow:inset -15px -15px 25px #0617625c,inset 5px 5px 18px #dbf1ff88,0 28px 50px -12px #2352c469;display:grid;place-items:center}.ai-orb>span{font-family:var(--font-heading);font-size:108px;letter-spacing:-8px;font-weight:800;color:#fff;text-shadow:0 3px 15px #1244ab55;transform:translate(-9px,-5px)}.orb-star{position:absolute;font-size:43px;top:14px;right:-27px;letter-spacing:0;font-weight:500;color:#d9efff}.orbit{position:absolute;border:1px solid #8eafe353;border-radius:50%;left:50%;top:50%;width:315px;height:315px;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-two{width:400px;height:270px;transform:translate(-50%,-50%) rotate(-35deg)}.orbit-one:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#729ee8;right:24px;top:55px;box-shadow:0 0 0 5px #c0d5f555}.orbit-label{position:absolute;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #fff;border-radius:12px;padding:12px 15px;box-shadow:0 10px 24px #3c62a91a;color:#293c5c;font-size:.77rem;font-weight:800;z-index:2;backdrop-filter:blur(8px)}.orbit-label small{display:block;font-size:.65rem;color:#78869c;font-weight:500;margin-top:1px}.label-top{top:20px;left:10px;transform:rotate(-5deg)}.label-top>svg{width:17px;margin-left:12px;color:#6587c5}.label-bottom{bottom:16px;right:0;transform:rotate(4deg)}.mini-icon{display:grid;place-items:center;width:35px;height:35px;background:#eef3ff;color:#5280e3;border-radius:9px}.tiny-wave{color:#547ce0;letter-spacing:2px;margin-left:12px}.art-caption{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.7px;color:#7890b3}
.category-nav-section{padding:43px 0 0;position:static;background:none;border:0;box-shadow:none}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.eyebrow{font-size:.6rem;letter-spacing:1.7px;color:var(--text-muted);font-weight:800}.library-heading h2{font-size:1.75rem;letter-spacing:-.7px;display:flex;align-items:center;gap:12px;margin-top:4px}.library-count{border:1px solid var(--border-color);color:var(--text-muted);padding:3px 7px;border-radius:6px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:0}.hero-search-wrapper{width:330px;flex-shrink:0}.hero-search-wrapper input{height:46px;background:var(--bg-surface-solid);border:1px solid var(--border-color);box-shadow:none;border-radius:10px;font-size:.76rem;padding:12px 42px;color:var(--text-main)}.hero-search-wrapper .search-icon{width:17px;height:17px;left:15px}.search-clear-btn{right:7px;width:32px;height:32px}.hero-search-wrapper input::-webkit-search-cancel-button{display:none}.category-nav-bar{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding:0 0 20px;border-bottom:1px solid var(--border-color)}.cat-pill{border:1px solid transparent;background:transparent;color:var(--text-muted);box-shadow:none;border-radius:8px;padding:10px 12px;font-size:.7rem;min-height:40px}.cat-pill svg{width:14px;height:14px}.cat-pill:hover{transform:none;box-shadow:none;background:var(--bg-surface-solid);color:var(--text-main)}.cat-pill.active,.cat-pill[class*=pill-].active,.cat-pill[class*=pill-]:hover{background:var(--text-main);border-color:var(--text-main);color:var(--bg-surface-solid)}.main-portal-content{padding:0 0 50px}.filter-status{font-size:.67rem;color:var(--text-muted);padding:15px 0}.content-block-card{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:18px;box-shadow:none;padding:28px;margin:0 0 24px;overflow:visible;scroll-margin-top:22px}.block-header{gap:20px;margin-bottom:26px;flex-wrap:nowrap;align-items:center}.block-header>div:first-child{min-width:0;flex:1}.step-badge{display:inline-flex;align-items:center;color:var(--brand-primary);background:none;border:0;font-size:.61rem;letter-spacing:.5px;padding:0;margin-bottom:7px;border-radius:0;font-weight:800}.step-badge:before{content:'';width:5px;height:5px;border-radius:2px;background:currentColor;margin-right:7px}.block-header h2{font-size:1.45rem;letter-spacing:-.55px;margin-bottom:5px}.block-lead{font-size:.79rem;line-height:1.7;max-width:690px}.block-header>.btn-clean-primary{background:var(--bg-surface-solid);border:1px solid var(--border-color);color:var(--text-muted);box-shadow:none;font-size:.66rem;max-width:260px}.block-header>.btn-clean-primary svg{width:14px}.subsection-header{margin-bottom:16px}.subsection-header h3{font-size:.85rem;gap:8px;letter-spacing:0}.subsection-header h3 svg{width:15px;color:var(--text-muted)}.subsection-header p{font-size:.71rem;margin-top:4px}.models-subsection{margin-bottom:0}.models-grid.three-col{gap:16px}.model-item,[data-theme="dark"] .model-item{position:relative;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-surface-solid);padding:23px;box-shadow:none;transition:transform .2s,border-color .2s,box-shadow .2s}.model-item:hover{transform:translateY(-3px);border-color:#a7bfe9;box-shadow:var(--shadow-lg)}.model-top{margin-bottom:17px}.model-brand-tag{font-size:.59rem;border-radius:5px;padding:4px 8px}.model-item h3{font-size:1.2rem;letter-spacing:-.3px;margin-bottom:8px}.model-item p{font-size:.75rem;line-height:1.7;margin-bottom:17px}.model-bullets{gap:7px;margin-bottom:20px}.model-bullets li{font-size:.66rem;line-height:1.5;color:var(--text-muted)}.model-bullets li:before{color:#7092ba}.card-action-btn{background:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-color);border-radius:7px;padding:10px 12px;min-height:41px;font-size:.7rem;box-shadow:none;justify-content:space-between}.card-action-btn:hover{background:#2860e8;color:#fff;border-color:#2860e8;opacity:1}.card-openai .card-action-btn{background:#eaf5f0;border-color:#dfefe5;color:#287a58}.card-gemini .card-action-btn{background:#edf3ff;border-color:#e2eafb;color:#3767c0}.card-claude .card-action-btn{background:#fbf0e9;border-color:#f0e5dd;color:#a16041}.app-store-links{margin-top:16px;padding-top:13px;border-top:1px solid var(--border-color)}.app-store-label{font-size:.53rem;letter-spacing:.9px;margin-bottom:8px;font-weight:600}.store-badge-btn{font-size:.6rem;min-height:35px;font-weight:600;border-radius:6px;background:transparent}.extra-section-spacing{padding-top:25px;margin-top:26px;border-top:1px solid var(--border-color)}
.btn-clean-primary{background:#2860e8;border:1px solid transparent;color:white;border-radius:8px;box-shadow:none;font-size:.73rem;min-height:42px}.btn-clean-primary:hover{filter:brightness(.94)}.btn-clean-outline{border:1px solid var(--border-color);border-radius:8px;font-size:.71rem;min-height:42px;white-space:normal;background:var(--bg-surface-solid);line-height:1.5}.block-actions-row{justify-content:flex-end;max-width:55%}.tokenizer-calc-body,.audio-player-clean-box{border:1px solid var(--border-color);background:var(--bg-subtle);border-radius:12px;padding:22px}.tokenizer-calc-body textarea{background:var(--bg-surface-solid);border:1px solid var(--border-color);font-size:.85rem;min-height:110px;line-height:1.8}.calc-label{font-size:.75rem}.calc-metrics-row{gap:12px}.metric-cell{border-radius:9px;box-shadow:none}.m-label{font-size:.69rem}.m-val{font-size:1.6rem}.tokens-visual-box{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-solid)}.token-mode-switch-group{flex-wrap:wrap}.token-mode-btn{min-height:40px;font-size:.69rem}.visual-header-row{gap:12px;flex-wrap:wrap}.visual-label{font-size:.73rem}.tokens-rendered{overflow-wrap:anywhere}.pdf-presentation-banner{background:var(--bg-subtle);border:1px solid var(--border-color);box-shadow:none;border-radius:12px}.pdf-banner-info h3{font-size:1rem}.pdf-mobile-hint{font-size:.75rem}.pdf-banner-tags{flex-wrap:wrap}.pdf-tag{font-size:.65rem}.pdf-viewer-box{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.pdf-viewer-box.collapsed{display:none}.infographic-box-card{border:1px solid var(--border-color);border-radius:12px;box-shadow:none}.infographic-box-header{padding:18px;flex-wrap:wrap;gap:15px}.infographic-meta strong{font-size:.9rem}.infographic-meta small{font-size:.72rem}.infographic-image-card{background:var(--bg-subtle)}.infographic-image-card img{max-height:320px;object-fit:contain}.video-container-clean{border-radius:12px;overflow:hidden}.custom-video-wrapper{background:#101a30}.custom-video-wrapper video{display:block;width:100%;max-height:580px;object-fit:contain}.video-controls-row{flex-wrap:wrap;gap:8px}.video-control-bar{opacity:1}.v-btn{min-width:36px;min-height:36px}.video-controls-left,.video-controls-right{gap:6px}.video-progress-bar-container{height:12px;touch-action:none}.video-time-display{font-size:.67rem}.single-demo-card{border:1px solid var(--border-color);border-radius:12px}.single-demo-card .demo-card-header{border-bottom:1px solid var(--border-color)}.demo-url{font-size:.7rem;overflow-wrap:anywhere}.url-info{min-width:0}.track-tab-btn{border:1px solid var(--border-color);border-radius:9px;background:var(--bg-surface-solid);min-height:70px}.track-tab-btn.active{border-color:#3b79dc;background:#edf3ff}.track-btn-content strong{font-size:.9rem}.track-btn-content small{font-size:.7rem}.audio-player-body{border:1px solid var(--border-color);background:var(--bg-surface-solid);border-radius:9px}.track-title-text{font-size:.87rem}.waveform-container{height:74px;background:var(--bg-subtle)}.wave-bar{border-radius:5px;background:#cbd8e8}.wave-bar.played{background:#497ddd}.waveform-scrub-line{background:#2860e8}.play-btn-circle{background:#2860e8;width:48px;height:48px}.audio-actions-right input[type=range]{accent-color:#2860e8}.suno-songs-grid{gap:16px}.suno-song-card{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:none}.suno-song-card.active,[data-theme="dark"] .suno-song-card.active{background:var(--bg-subtle);border-color:#7c9fe6;box-shadow:none}.suno-card-content strong{font-size:1rem}.suno-card-content small{font-size:.72rem}.suno-card-icon{background:#edf2ff;color:#5176cc}.suno-badge{font-size:.6rem}.suno-card-actions{flex-wrap:wrap;gap:8px}.btn-suno-select{font-size:.7rem;min-height:42px;border-radius:8px}.btn-suno-select.active{background:#e4ecff;color:#2c60ca}.btn-suno-play{font-size:.68rem}.lyrics-wrapper-card{border:1px solid var(--border-color);border-radius:12px;box-shadow:none}.lyrics-header-row{background:var(--bg-subtle);gap:14px;flex-wrap:wrap}.lyrics-header-title h3{font-size:1rem}.lyrics-lang-switch{flex-wrap:wrap}.lyrics-lang-btn{font-size:.65rem;min-height:40px}.lyrics-lines{font-size:.85rem;line-height:1.9}.lyrics-content-body{max-height:500px;overscroll-behavior:contain}.lyrics-col{min-width:0}.lyrics-parallel-grid{gap:24px}.lyrics-section-tag{font-size:.65rem}.site-footer{background:var(--bg-surface-solid);border-top:1px solid var(--border-color);padding:32px 0;box-shadow:none}.footer-inner{align-items:flex-start}.footer-logo-img{width:94px;height:auto}.footer-left strong{font-size:.85rem}.footer-left p{font-size:.68rem;max-width:240px}.footer-right{gap:12px;max-width:450px;justify-content:flex-end}.footer-right a,.footer-privacy-btn{font-size:.67rem;min-height:32px}.footer-brand-wrap{gap:18px}.privacy-card{background:var(--bg-surface-solid);border:1px solid var(--border-color);max-height:85dvh;overflow:auto}.privacy-card-header h3{font-size:1.15rem}.lightbox-content{width:min(1200px,96vw);max-height:94dvh}.lightbox-topbar{gap:14px;flex-wrap:wrap}.lightbox-img-wrapper{overflow:auto;display:block;touch-action:pan-x pan-y}.lightbox-img-wrapper img{display:block;max-width:100%;max-height:75dvh;margin:auto;transform-origin:top left}.lightbox-tool-btn{min-width:42px;min-height:42px}.lightbox-caption{font-size:.8rem}.toast-notification{max-width:calc(100vw - 32px);text-align:center;border-radius:10px;pointer-events:none;font-size:.78rem}.back-to-top{position:fixed;right:22px;bottom:22px;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border-color);background:var(--bg-surface-solid);color:var(--text-muted);border-radius:12px;box-shadow:var(--shadow-md);z-index:90}.empty-state{text-align:center;padding:60px 20px 80px;border:1px dashed var(--border-strong);border-radius:16px;background:var(--bg-surface-solid);margin-bottom:30px}.empty-state>svg{width:35px;height:35px;color:var(--text-muted);margin-bottom:15px}.empty-state h2{font-size:1.6rem}.empty-state p{color:var(--text-muted);font-size:.85rem;margin:10px 0 22px}[hidden]{display:none!important}
[data-theme="dark"] .hero-inner{background:radial-gradient(ellipse at 90% 70%,#233d6c,transparent 60%),#192640;border-color:#2d4164}[data-theme="dark"] .hero-heading{color:#f0f5ff}[data-theme="dark"] .hero-heading>span{color:#80a7ff}[data-theme="dark"] .hero-subtext,[data-theme="dark"] .hero-meta,[data-theme="dark"] .hero-kicker,[data-theme="dark"] .hero-secondary{color:#acbfdc}[data-theme="dark"] .track-tab-btn.active{background:#233658}[data-theme="dark"] .model-brand-tag{filter:brightness(.85)}[data-theme="dark"] .card-action-btn{background:var(--bg-subtle);border-color:var(--border-color);color:var(--text-main)}[data-theme="dark"] .metric-cell{background:var(--bg-surface-solid);border-color:var(--border-color)}[data-theme="dark"] .m-val{color:#a6bfff}
@media(min-width:1600px){.nav-link:nth-child(5){display:block}}
@media(max-width:1150px){.container{padding-inline:28px}.nav-container{gap:18px}.nav-center-links{gap:16px}.nav-link:nth-child(n+4){display:none}.hero-inner{padding:40px 36px}.hero-heading{font-size:3.5rem}.hero-art{min-width:0}.ai-orb{width:190px;height:190px}.orbit-one{width:270px;height:270px}.orbit-two{width:320px;height:240px}.label-top{left:0}.label-bottom{right:-8px}.orbit-label{padding:10px;font-size:.7rem;gap:8px}.model-item{padding:18px}.cat-pill{font-size:.66rem;padding:9px}.suno-card-actions>*{width:100%}}
@media(max-width:900px){.nav-center-links{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 28px;background:var(--bg-surface-solid);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:calc(100dvh - 76px);overflow:auto}.nav-center-links.is-open{display:grid}.nav-center-links .nav-link{display:block;padding:12px;border-radius:8px;background:var(--bg-subtle);font-size:.8rem}.mobile-menu-btn{display:flex}.nav-container{height:76px}.nav-right{margin-left:auto}.hero-inner{grid-template-columns:1.1fr 1fr;padding:35px 28px;min-height:380px}.hero-heading{font-size:2.9rem;letter-spacing:-1.5px}.hero-kicker{font-size:.52rem;letter-spacing:1px}.hero-subtext{font-size:.82rem}.hero-actions{gap:16px}.hero-primary,.hero-secondary{font-size:.7rem}.hero-meta{font-size:.56rem;gap:12px}.hero-art{min-height:280px}.ai-orb{width:160px;height:160px}.ai-orb>span{font-size:85px}.orb-star{font-size:33px}.orbit-one{width:220px;height:220px}.orbit-two{width:260px;height:190px}.orbit-label{font-size:.6rem;gap:7px}.orbit-label small{font-size:.56rem}.mini-icon{width:29px;height:29px}.mini-icon svg{width:16px}.label-top{top:20px;left:-2px}.label-bottom{bottom:15px;right:-12px}.tiny-wave{margin:0;letter-spacing:0}.models-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.block-header{flex-wrap:wrap}.block-header>div:first-child{flex-basis:100%}.block-actions-row{max-width:100%;justify-content:flex-start}.block-header>.btn-clean-primary{max-width:none}.infographics-grid{grid-template-columns:1fr}.suno-songs-grid{grid-template-columns:1fr}.suno-song-card{display:grid;grid-template-columns:1fr 1.7fr;gap:10px 25px}.suno-card-top{margin:0;grid-column:1}.suno-card-content{grid-column:1}.suno-card-actions{grid-column:2;grid-row:1 / 3;align-content:center}.footer-right{justify-content:flex-start}.pdf-presentation-banner{flex-wrap:wrap}.pdf-banner-left{min-width:0}.lyrics-parallel-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{padding-inline:18px}.nav-container{height:70px;gap:10px}.brand-logo-img{height:auto;width:88px}.brand-logo{gap:10px}.brand-title{font-size:.87rem;padding-left:10px}.brand-subtitle{font-size:6px;letter-spacing:.6px}.font-size-control{display:none}.nav-right{gap:7px}.icon-btn{width:36px;height:36px}.nav-center-links{top:70px;padding:14px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hero{padding-top:18px}.hero-inner{display:flex;flex-direction:column;padding:28px 24px 22px;border-radius:19px;gap:15px;min-height:0}.hero-title-block{align-self:stretch}.hero-heading{font-size:2.85rem;letter-spacing:-1.5px;margin-bottom:17px}.hero-kicker{font-size:.49rem;letter-spacing:1px;margin-bottom:20px}.hero-subtext{font-size:.81rem;line-height:1.8;max-width:360px}.hero-actions{margin-top:23px;gap:16px}.hero-primary{padding:12px 14px;gap:12px}.hero-meta{margin-top:21px;gap:13px;flex-wrap:wrap;font-size:.56rem}.hero-art{height:205px;min-height:205px;width:100%;max-width:360px;margin:auto}.ai-orb{width:146px;height:146px;top:51%}.ai-orb>span{font-size:76px}.orb-star{font-size:31px}.orbit-one{width:190px;height:190px}.orbit-two{width:275px;height:175px}.label-top{top:8px;left:0}.label-bottom{bottom:7px;right:0}.orbit-label{font-size:.57rem;padding:8px}.orbit-label small{font-size:.53rem}.mini-icon{width:26px;height:26px}.label-top>svg{margin:0;width:12px}.art-caption{display:none}.category-nav-section{padding-top:30px}.library-heading{display:block;margin-bottom:16px}.eyebrow{font-size:.53rem;letter-spacing:1.4px}.library-heading h2{font-size:1.55rem;margin-top:5px}.hero-search-wrapper{width:100%;margin-top:18px}.hero-search-wrapper input{font-size:16px;height:46px}.category-nav-bar{flex-wrap:nowrap;overflow:auto;padding:0 0 15px;scrollbar-width:thin;gap:5px}.cat-pill{flex-shrink:0;font-size:.67rem;padding:9px 11px;min-height:40px}.filter-status{font-size:.62rem;padding:13px 0}.content-block-card{padding:21px 17px;border-radius:14px;margin-bottom:18px}.block-header{margin-bottom:23px;gap:15px}.block-header h2{font-size:1.26rem;letter-spacing:-.35px}.block-lead{font-size:.77rem}.step-badge{font-size:.59rem}.models-grid.three-col{grid-template-columns:1fr;gap:13px}.model-item{padding:21px}.model-item h3{font-size:1.2rem}.model-item p{font-size:.79rem}.model-bullets li{font-size:.7rem}.model-brand-tag{font-size:.62rem}.card-action-btn{font-size:.75rem;min-height:44px}.store-badge-btn{min-height:40px;font-size:.7rem}.app-store-label{font-size:.58rem}.subsection-header h3{font-size:.84rem;line-height:1.5;align-items:flex-start}.subsection-header h3 svg{margin-top:4px}.subsection-header p{font-size:.7rem}.btn-clean-outline,.btn-clean-primary{font-size:.7rem;min-height:44px}.block-actions-row{width:100%;gap:8px}.block-actions-row>a{flex:1}.tokenizer-calc-body,.audio-player-clean-box{padding:13px}.tokenizer-calc-body textarea{font-size:16px;padding:12px;min-height:160px}.calc-metrics-row{gap:5px}.metric-cell{padding:12px 4px}.m-label{font-size:.56rem}.m-val{font-size:1.4rem}.visual-header-row{padding:12px}.token-mode-switch-group{width:100%;gap:4px}.token-mode-btn{padding:8px;font-size:.59rem;flex:1;min-height:44px;justify-content:center}.token-mode-btn svg{width:13px}.pdf-banner-left{flex-direction:column;align-items:flex-start}.pdf-banner-info h3{font-size:.93rem}.pdf-mobile-hint{font-size:.72rem;display:block}.pdf-banner-icon-wrap{width:42px;height:42px}.pdf-banner-tags{gap:5px}.pdf-tag{font-size:.57rem}.pdf-tag-highlight{display:none}.pdf-viewer-box{height:440px}.infographic-box-header{padding:14px}.infographic-actions{width:100%;display:flex;gap:7px}.infographic-actions>*{flex:1}.infographic-meta small{font-size:.68rem}.image-overlay-prompt{font-size:.63rem}.video-controls-left,.video-controls-right{gap:2px}.video-control-bar{padding:8px}.video-controls-right input{width:45px}.video-controls-row{justify-content:center}.v-btn{min-width:32px;min-height:36px}.video-time-display{font-size:.55rem}.custom-video-wrapper video{min-height:240px}.demo-iframe-wrap.full-height-iframe{height:440px}.demo-url{font-size:.6rem}.track-tab-btn{padding:12px}.track-btn-content strong{font-size:.8rem}.track-btn-content small{font-size:.62rem}.audio-tracks-selector{gap:8px}.audio-player-body{padding:13px}.track-title-text{font-size:.78rem}.audio-controls-bar{gap:13px}.audio-actions-right{width:100%;justify-content:space-between}.audio-time-label{font-size:.7rem}.suno-song-card{display:block;padding:18px}.suno-card-top{margin-bottom:14px}.suno-card-content{margin-bottom:18px}.suno-card-actions{display:flex;flex-wrap:nowrap}.suno-card-actions>*{width:auto;flex:1;font-size:.62rem}.lyrics-header-row{padding:16px}.lyrics-header-title h3{font-size:.88rem}.lyrics-lang-btn{font-size:.62rem}.lyrics-content-body{padding:18px}.lyrics-lines{font-size:.77rem}.lyrics-section-tag{font-size:.59rem}.footer-inner{gap:23px}.footer-brand-wrap{align-items:center}.footer-left p{font-size:.66rem}.footer-right{gap:7px 14px}.footer-right a,.footer-privacy-btn{font-size:.68rem}.back-to-top{right:12px;bottom:12px;width:38px;height:38px}.lightbox-content{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.lightbox-topbar{padding:12px;gap:9px}.lightbox-caption{font-size:.74rem;width:100%;padding-right:0}.lightbox-actions-group{width:100%;justify-content:flex-end}.lightbox-img-wrapper{height:calc(100dvh - 125px);padding:12px}.lightbox-img-wrapper img{max-height:calc(100dvh - 150px)}.privacy-card{width:calc(100vw - 28px)}.privacy-card-header{padding:18px;gap:12px}.privacy-card-header h3{font-size:.96rem}.privacy-header-icon{display:none}.privacy-card-body{padding:18px;font-size:.85rem}}
.brand-title{display:block}
@media(max-width:600px){.brand-title{display:block;font-size:.76rem}.brand-subtitle{display:none}.brand-logo-img{width:78px}}
@media(max-width:360px){.brand-title{font-size:.67rem}.brand-logo-img{width:68px}.hero-heading{font-size:2.45rem}.hero-actions{gap:12px}.hero-secondary{font-size:.66rem}.hero-inner{padding-inline:20px}.hero-meta{font-size:.52rem}.library-heading h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.infographic-box-card.infographic-wide{grid-column:1/-1}.infographic-wide .infographic-image-card img{width:100%;max-height:none;object-fit:contain}
.lightbox-img-wrapper{display:flex;padding:16px;cursor:zoom-in;touch-action:pan-x pan-y;overscroll-behavior:contain}.lightbox-img-wrapper.is-zoomed{cursor:grab}.lightbox-img-wrapper.is-dragging{cursor:grabbing}.lightbox-img-wrapper img{margin:auto;flex:none;max-width:none;max-height:none;height:auto;transform:none!important;transition:none;-webkit-user-drag:none}.lightbox-img-wrapper.is-zoomed img{cursor:inherit}