@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#090714;--panel:#130f26;--panel2:#1d163b;--line:#332963;--violet:#7b2cbf;--violet2:#3a0ca3;--pink:#f72585;--cyan:#4cc9f0;--muted:#b4b0d3;--green:#10b981;--red:#f43f5e;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
.nv-header{height:72px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:relative;z-index:20}.nv-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.nv-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(90deg,var(--violet),var(--pink));display:grid;place-items:center}.nv-logo img{width:22px;height:22px}.nv-brand-name{font-family:Archivo,Inter,sans-serif;font-size:24px;font-weight:900;letter-spacing:-.24px}.nv-brand-name em{font-style:normal;font-weight:500;color:var(--cyan)}.nv-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center;font-size:16px;font-weight:600;color:var(--muted)}.nv-nav a.active,.nv-nav a:hover{color:var(--cyan)}.nv-user{display:flex;align-items:center;gap:16px}.credits{height:28px;padding:0 12px;border-radius:20px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.credits img{width:8px;height:8px}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--violet);object-fit:cover}
.nv-page{min-height:calc(100vh - 72px);background:var(--bg)}.pad48{padding:48px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.card2{background:var(--panel2);border:1px solid var(--line)}.section-title{font-family:Archivo,Inter,sans-serif;font-size:18px;font-weight:700;margin:0}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.green{color:var(--green)}
.btn-gradient{border:0;background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff;font-weight:700;box-shadow:0 4px 8px rgba(247,37,133,.75)}.btn-cyan{background:var(--panel2);border:1px solid var(--cyan);color:var(--cyan)}.btn-red{background:var(--red);border:1px solid var(--red);color:#fff}.btn-danger-soft{background:rgba(244,63,94,.1);border:1px solid var(--red);color:var(--red)}
/* Home */
.home-main{padding:48px;display:flex;flex-direction:column;gap:24px}.home-welcome{min-height:253px;border:1px solid var(--violet);border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:32px}.home-welcome:before{content:"";position:absolute;inset:0;background:url('/assets/figma2/welcome.jpg') center/cover no-repeat}.home-welcome:after{content:"";position:absolute;inset:0;background:rgba(9,7,20,.75)}.home-copy,.home-cta{position:relative;z-index:1}.home-copy{width:680px;display:flex;flex-direction:column;gap:12px}.home-kicker{font-family:Archivo;font-size:16px;font-weight:700;color:var(--cyan);letter-spacing:.32px}.home-copy h1{font-size:40px;line-height:1.1;margin:0;font-weight:600}.home-copy p{font-size:20px;line-height:1.5;color:var(--muted);margin:0}.home-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.home-cta a{height:56px;padding:0 28px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:18px}.home-cta img{width:20px;height:20px}.home-cta small{font-size:12px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:24px}.home-left,.home-right{display:flex;flex-direction:column;gap:24px}.recent,.templates,.metrics,.inspiration{padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-head a{color:var(--cyan);font-size:14px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-project{background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.mini-project img{width:100%;height:120px;object-fit:cover;display:block}.mini-info{padding:12px}.mini-info b{display:block;font-size:14px;margin-bottom:4px}.mini-info span{font-size:12px;color:var(--muted)}.template-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template{height:64px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px}.template-icon{width:40px;height:40px;border-radius:6px;background:var(--violet)}.template:nth-child(2) .template-icon{background:var(--pink)}.template b{font-size:14px;display:block}.template span{font-size:12px;color:var(--muted)}.metric-row{display:flex;flex-direction:column;gap:8px}.metric-label{display:flex;justify-content:space-between;font-size:13px}.metric-track{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.metric-fill{height:100%;width:74%;background:linear-gradient(90deg,var(--cyan),var(--pink))}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.stat{padding:12px;background:var(--panel2);border-radius:8px}.stat span{font-size:12px;color:var(--muted);display:block}.stat strong{font-family:Archivo;font-size:20px;display:block;margin-top:4px}.stat:nth-child(2) strong{color:var(--cyan)}.inspiration-card{min-height:121px;padding:16px;border-radius:12px;position:relative;overflow:hidden}.inspiration-card:before{content:"";position:absolute;inset:0;background:url('/assets/figma2/inspiration.jpg') center/cover no-repeat}.inspiration-card:after{content:"";position:absolute;inset:0;background:rgba(9,7,20,.6)}.inspiration-card>*{position:relative;z-index:1}.inspiration-card b{font-family:Archivo;font-size:16px}.inspiration-card p{font-size:13px;color:var(--muted);margin:12px 0}.inspiration-card a{font-size:13px;font-weight:600;color:var(--cyan)}
/* Generic workspace */
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100vh - 72px)}.workspace-main{padding:24px}.workspace-side{padding:24px;background:var(--panel);border-left:1px solid var(--line)}.breadcrumbs{font-size:14px;color:var(--muted)}.breadcrumbs b{color:#fff}.top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.co-write{height:31px;border-radius:6px;padding:0 14px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:var(--panel);border:1px solid var(--cyan);color:var(--cyan)}.co-write img{width:14px;height:14px}.script-card{height:600px;padding:24px;border-radius:16px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.script-head{display:flex;align-items:center;gap:12px;font-family:Archivo;font-weight:700;font-size:16px}.script-head img{width:10px;height:10px}.script-editor{display:grid;grid-template-columns:24px 1fr;gap:16px;flex:1;margin-top:16px;min-height:0}.line-nums{font-size:14px;line-height:23px;color:var(--muted);text-align:right;white-space:pre-line}.script-editor textarea{width:100%;height:100%;resize:none;background:transparent;border:0;outline:0;color:#fff;font-size:16px;line-height:1.6;padding:0}.script-editor textarea::placeholder{color:#fff;opacity:1}.script-foot{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.script-foot span:last-child{color:var(--cyan)}.camera-actions{margin-top:20px;display:flex;align-items:center;gap:12px}.camera-actions>span{font-size:12px;font-weight:600;color:var(--muted)}.pill{height:27px;padding:0 10px;border-radius:16px;background:var(--panel2);border:1px solid var(--line);color:#fff;font-size:12px}.side-title{font-family:Archivo;font-size:18px;font-weight:700;margin:0 0 20px}.setting{margin-bottom:20px}.setting label{display:block;color:var(--muted);font-weight:600;font-size:12px;margin-bottom:8px}.format-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-choice{height:57px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center}.format-choice.active{background:var(--panel2);border:1.5px solid var(--cyan);color:#fff}.format-choice b{font-size:14px}.format-choice small{font-size:10px;color:var(--muted)}.format-choice.active small{color:var(--cyan)}.select-like,select.nv-select{width:100%;height:41px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:#fff;padding:0 12px;font-size:14px}.voice-line{display:flex;align-items:center;justify-content:space-between}.voice-line span{display:flex;align-items:center;gap:8px}.voice-line img{width:16px;height:16px}.voice-line a{font-size:12px;color:var(--cyan)}.duration-line{display:flex;justify-content:space-between;font-size:12px}.duration-track{height:6px;background:var(--bg);border-radius:3px;margin-top:12px;overflow:hidden}.duration-fill{height:100%;width:48%;background:linear-gradient(90deg,var(--violet),var(--pink))}.generate-main{width:100%;height:51px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.generate-main img{width:18px;height:18px}.sidebar-foot{border-top:1px solid var(--line);padding:24px;margin-top:20px;font-size:12px;color:var(--muted)}
/* Progress */
.monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100vh - 72px)}.monitor-main{padding:24px}.live-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.live-badge{height:25px;padding:0 10px;border-radius:16px;background:rgba(247,37,133,.1);border:1px solid var(--pink);color:var(--pink);font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.live-badge img{width:8px;height:8px}.project-id{font-size:13px;color:var(--muted)}.cinematic-frame{height:440px;border-radius:20px;border:2px solid var(--pink);box-shadow:0 0 24px var(--pink);background:url('/assets/figma2/progress_bg.jpg') center/cover no-repeat;position:relative;overflow:hidden}.cinematic-frame:after{content:"";position:absolute;inset:0;background:rgba(9,7,20,.2)}.cinematic-overlay{position:absolute;inset:0;z-index:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.frame-top,.frame-bottom{display:flex;justify-content:space-between;font-size:12px}.frame-top{font-weight:700;font-size:14px}.frame-top span:last-child{color:var(--cyan)}.frame-bottom{color:var(--muted)}.frame-bottom span:last-child{color:#fff}.loading-center{text-align:center}.loading-center img{width:56px;height:56px;animation:spin 1.5s linear infinite}.loading-center p{font-size:14px;font-weight:600}.progress-actions{display:flex;gap:12px;margin-top:24px}.progress-actions button,.progress-actions a{height:41px;border-radius:8px;padding:0 18px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.progress-actions img{width:16px;height:16px}.monitor-side{background:var(--panel);border-left:1px solid var(--line);padding:24px}.stage-list{display:flex;flex-direction:column;gap:12px}.stage{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center}.stage img{width:24px;height:24px}.stage b{font-size:14px}.stage small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.stage.current small{color:var(--pink)}.monitor-sep{height:1px;background:var(--line);margin:20px 0}.warn-card{padding:14px;border-radius:10px;background:rgba(244,63,94,.1);border:1px solid var(--red)}.warn-head{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}.warn-head img{width:16px}.warn-card p{font-size:12px;line-height:1.4;color:var(--muted)}.warn-links{font-size:12px}.warn-links a:first-child{color:var(--cyan);font-weight:600}
/* Projects */
.projects-main{padding:48px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.filter-left{display:flex;align-items:center;gap:12px}.search-box{width:280px;height:37px;border-radius:8px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:10px;padding:0 16px}.search-box img{width:16px}.search-box input{flex:1;border:0;background:transparent;outline:0;color:#fff;font-size:14px}.filter-btn{height:36px;border-radius:8px;padding:0 14px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:13px}.filter-btn.active{background:linear-gradient(180deg,var(--violet2),var(--violet));color:#fff;border:0}.sorter{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.sort-select{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:#fff}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border-radius:16px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.project-card.rendering{border:1.5px solid var(--pink);box-shadow:0 0 12px var(--pink)}.project-cover{height:160px;width:100%;object-fit:cover}.project-info{padding:16px;display:flex;flex-direction:column;gap:12px}.project-title-row{display:flex;justify-content:space-between;align-items:center}.project-title-row b{font-size:16px}.status-badge{padding:4px 8px;border-radius:12px;border:1px solid var(--green);color:var(--green);background:rgba(16,185,129,.1);font-size:11px;font-weight:600}.status-badge.pink{border-color:var(--pink);color:var(--pink);background:rgba(247,37,133,.1)}.project-info p{font-size:13px;color:var(--muted);margin:0}.project-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.icon-btn{width:30px;height:30px;border:0;border-radius:6px;background:var(--panel2);display:grid;place-items:center}.icon-btn img{width:14px;height:14px}.showcase-label{font-family:Archivo;font-size:14px;font-weight:700;color:var(--cyan);margin:16px 0 12px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.state-block{height:212px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.state-block img{width:32px;height:32px}.state-block b{font-family:Archivo;font-size:16px}.state-block p{width:280px;color:var(--muted);font-size:13px;margin:0}.state-block button{height:31px;border-radius:6px;padding:0 12px;font-size:12px;font-weight:600}
/* TTS */
.tts-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:24px;padding:48px}.subbar{padding-bottom:12px}.subbar .eyebrow{font-size:14px;font-weight:700;letter-spacing:.28px;color:var(--cyan)}.subbar h2{font-size:20px;margin:6px 0 0}.tts-card{padding:24px}.tts-head{display:flex;justify-content:space-between;align-items:center}.tts-head b{font-family:Archivo;font-size:16px}.tts-head span{font-size:12px;color:var(--muted)}.tts-editor{width:100%;min-height:118px;margin:16px 0;background:transparent;border:0;outline:0;resize:none;color:#fff;font-size:16px;line-height:1.6}.tts-settings{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tts-settings label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px}.tts-settings select{width:100%;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:#fff;padding:0 10px}.phonetic{padding:24px;margin-top:24px}.phonetic-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.phonetic-box{height:40px;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:10px;font-size:13px}.phonetic-box.active{border-color:var(--cyan)}.phonetic-box span{color:var(--muted)}.wave-card,.voices-card{padding:24px}.wave{height:100px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;gap:4px;margin:16px 0}.wave i{width:6px;border-radius:3px;background:var(--pink)}.wave i.c{background:var(--cyan)}.play-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.play-controls{display:flex;gap:12px}.play-controls button{height:31px;border:0;border-radius:6px;padding:0 8px;background:var(--panel2);color:#fff}.play-controls button:last-child{background:var(--pink);font-weight:700}.voice-card{height:60px;border-radius:12px;border:1px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:14px;margin-top:8px}.voice-card.active{background:var(--panel2);border-color:var(--cyan)}.voice-card b{font-size:14px}.voice-card small{display:block;font-size:11px;color:var(--muted)}.voice-card.active small,.voice-card.active .voice-status{color:var(--cyan)}.synth-btn{height:51px;width:100%;border-radius:12px;margin-top:12px;font-size:16px}
/* Editor shell */
.editor2{padding:24px;display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:16px;min-height:calc(100vh - 72px)}.storyboard,.inspector2{padding:16px;height:max-content}.story-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.story-card{border-radius:12px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.story-card.active{background:var(--panel2);border-color:var(--pink)}.story-card img{width:100%;height:100px;object-fit:cover}.story-meta{padding:12px}.story-meta b{font-size:12px}.story-meta small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.story-card.active small{color:var(--pink)}.editor-center{display:flex;flex-direction:column;gap:16px;min-width:0}.editor-monitor{height:420px;border-radius:20px;border:2px solid var(--pink);box-shadow:0 0 24px var(--pink);background:#05030a center/cover no-repeat;position:relative;overflow:hidden}.editor-monitor video{width:100%;height:100%;object-fit:contain;background:#000;display:none}.editor-monitor img.placeholder{width:100%;height:100%;object-fit:cover}.editor-hud{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.editor-hud-top,.editor-hud-bottom{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.editor-hud-top span:last-child{color:var(--cyan)}.editor-hud-bottom{color:var(--muted);font-weight:400}.ai-bar{min-height:56px;border-radius:12px;border:1px solid var(--cyan);background:var(--panel);display:flex;align-items:center;gap:12px;padding:12px;font-size:13px}.ai-bar strong{color:var(--cyan)}.ai-bar button{margin-left:auto;background:var(--cyan);color:var(--bg);border:0;border-radius:8px;height:27px;padding:0 12px;font-size:12px;font-weight:700}.timeline2{padding:16px}.timeline2-head{display:flex;justify-content:space-between;align-items:center}.timeline2-title{display:flex;gap:8px;align-items:center}.timeline2-title b{font-size:14px}.timeline2-title span,.timeline-zoom{font-size:12px;color:var(--muted)}.timeline-zoom{color:var(--cyan)}.tracks{display:flex;flex-direction:column;gap:8px;margin-top:12px}.track2{height:44px;border-radius:8px;background:var(--bg);padding:4px;display:flex;align-items:center;gap:4px;overflow:auto}.track-label{width:80px;min-width:80px;padding-left:12px;font-size:11px;font-weight:700;color:var(--muted)}.clip2{height:36px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);padding:0 12px;display:flex;align-items:center;font-size:12px;min-width:180px}.clip2.active{background:var(--violet);border-color:var(--pink);color:#fff}.clip2.speech{min-width:320px;background:rgba(247,37,133,.1);border-color:var(--pink);color:var(--pink)}.clip2.music{min-width:420px;background:rgba(16,185,129,.1);border-color:var(--green);color:var(--green)}.inspector2 .setting{margin-top:20px}.inspector2 textarea,.inspector2 select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:#fff;padding:12px}.inspector2 textarea{min-height:110px;resize:vertical}.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.editor-actions button{height:38px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:#fff}.editor-actions .primary{grid-column:1/-1;background:linear-gradient(90deg,var(--violet),var(--pink));border:0}.editor-actions .wide{grid-column:1/-1}.editor-top-actions{margin-left:auto;display:flex;gap:8px}.editor-top-actions button{height:32px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:#fff;font-size:12px}
/* Media */
.media-layout{padding:48px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.filters{padding:24px;height:max-content}.filters h3{font-family:Archivo;font-size:16px;margin:0 0 20px}.filter-group{margin-top:20px}.filter-group label{font-size:11px;font-weight:700;color:var(--muted)}.filter-item{height:35px;border-radius:8px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 10px;font-size:12px;margin-top:8px}.filter-item.active{border-color:var(--cyan)}.radio-dot{width:10px;height:10px;border-radius:50%;background:var(--violet)}.filter-item.active .radio-dot{background:var(--cyan)}.media-results{min-width:0}.media-search-row{display:flex;justify-content:space-between;align-items:center}.media-search{width:480px;height:41px;border-radius:8px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:10px;padding:0 12px}.media-search input{flex:1;background:transparent;border:0;outline:0;color:#fff}.grid-view{height:36px;border-radius:8px;padding:0 14px;background:var(--panel2);border:1px solid var(--cyan);color:var(--cyan)}.asset-grid,.media-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.asset-card{border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--pink)}.asset-card.secondary{border-color:var(--cyan)}.asset-card img.cover{height:160px;width:100%;object-fit:cover}.asset-info{padding:16px}.asset-info h4{font-size:15px;margin:0 0 8px}.asset-info p{font-size:13px;color:var(--muted);margin:0}.asset-info small{display:block;color:var(--cyan);font-size:11px;margin-top:8px}.processing-cover{height:160px;background:var(--bg);display:grid;place-items:center}.spinner{width:40px;height:40px;border:3px solid rgba(76,201,240,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.tiny-progress{margin-top:8px;height:4px;border-radius:2px;background:var(--bg);overflow:hidden}.tiny-progress div{height:100%;width:42%;background:var(--cyan)}.media-state{height:194px}
/* Export */
.export-grid{padding:48px;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:24px}.export-left,.export-right{display:flex;flex-direction:column;gap:24px}.export-card{padding:24px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{height:57px;border:1px solid var(--line);background:var(--bg);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column}.choice.active{background:var(--panel2);border-color:var(--cyan)}.choice small{color:var(--muted)}.choice.active small{color:var(--cyan)}.caption-toggle{height:41px;border:1px solid var(--cyan);background:var(--panel2);border-radius:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.caption-toggle span:last-child{color:var(--cyan);font-size:11px;font-weight:700}.render-card{padding:24px}.render-box{padding:16px;border-radius:12px;background:var(--panel2)}.render-label{display:flex;justify-content:space-between;font-size:13px}.render-label span:last-child{color:var(--pink);font-weight:700}.export-progress{height:8px;border-radius:4px;background:var(--bg);overflow:hidden;margin-top:12px}.export-progress div{height:100%;width:62%;background:linear-gradient(90deg,var(--cyan),var(--pink))}.render-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:20px}.export-warning{padding:18px}.cancel-render{height:45px;width:100%;border-radius:10px;font-size:14px;font-weight:700}
/* Settings/account */
.big-page{padding:48px}.big-title h1{font-size:64px;letter-spacing:-1.28px;line-height:1;margin:0;font-weight:700}.big-title h1 .accent-cyan{color:var(--cyan)}.big-title h1 .accent-violet{color:var(--violet)}.big-title p{font-size:24px;line-height:1.5;color:var(--muted);margin:12px 0 0}.feedback-stack{display:flex;flex-direction:column;gap:12px;margin-top:32px}.feedback{height:42px;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600}.feedback.success{background:rgba(16,185,129,.1);border:1px solid var(--green)}.feedback.warn{background:rgba(244,63,94,.1);border:1px solid var(--red)}.settings-work{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;margin-top:32px}.settings-nav{display:flex;flex-direction:column;gap:8px}.settings-nav a{height:42px;border-radius:8px;padding:0 16px;display:flex;align-items:center;color:var(--muted);font-size:15px;font-weight:600}.settings-nav a.active{background:var(--panel2);border:1px solid var(--line);color:var(--cyan)}.settings-form{padding:32px}.settings-form h3{font-family:Archivo;color:var(--cyan);font-size:20px;margin:0 0 24px}.input-block{margin-bottom:24px}.input-block label{display:block;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px;margin-bottom:6px}.input-block input{width:100%;height:41px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:#fff;padding:0 12px}.form-sep{height:1px;background:var(--line);margin:24px 0}.settings-form h4{font-family:Archivo;font-size:16px;margin:0 0 24px}.encoding-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.encoding{height:57px;border-radius:8px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.encoding.active{background:var(--panel2);border-color:var(--cyan);color:#fff}.encoding small{font-size:10px}.encoding.active small{color:var(--cyan)}.toggle-row{height:48px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.toggle{width:48px;height:24px;border-radius:12px;background:#3a326d;position:relative}.toggle:after{content:"";width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px}.toggle.on{background:var(--cyan)}.toggle.on:after{left:26px}.form-actions{display:flex;justify-content:flex-end;gap:12px}.form-actions button{height:41px;border-radius:8px;padding:0 24px}.form-actions .reset{background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.form-actions .save{border:0;background:transparent;color:#fff;font-weight:600}
.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:32px;margin-top:32px}.account-left,.account-right{display:flex;flex-direction:column;gap:32px}.profile-card,.danger-zone,.team-card,.billing-card{padding:24px}.profile-head{display:flex;align-items:center;gap:16px}.profile-head img{width:72px;height:72px;border-radius:50%;border:3px solid var(--violet);object-fit:cover}.profile-head b{font-size:20px}.profile-head span{display:block;color:var(--cyan);font-size:14px;margin-top:4px}.profile-sep{height:1px;background:var(--line);margin:20px 0}.plan-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.plan-pill{padding:4px 10px;border-radius:12px;background:var(--violet);color:#fff;font-size:12px;font-weight:700}.price{font-size:28px;font-weight:700;margin:12px 0}.price small{font-size:14px;color:var(--muted);font-weight:500}.renew{font-size:14px;color:var(--muted)}.credit-label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:16px}.credit-track{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-top:8px}.credit-fill{width:46%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink))}.danger-zone{border-color:var(--red)}.danger-zone h3{color:var(--red);font-family:Archivo;font-size:18px;margin:0}.danger-zone p{font-size:14px;color:var(--muted)}.danger-actions{display:flex;gap:12px}.danger-actions button{height:40px;border-radius:8px;padding:0 16px}.team-card h3,.billing-card h3{font-family:Archivo;font-size:18px;margin:0 0 16px}.member{display:flex;align-items:center;gap:12px;margin:12px 0}.member img{width:32px;height:32px;border-radius:50%;object-fit:cover}.member-meta{flex:1}.member-meta b{font-size:14px}.member-meta span{display:block;color:var(--muted);font-size:12px}.member-status{font-size:11px;color:var(--cyan);padding:2px 8px;border-radius:6px;background:var(--panel2);border:1px solid var(--line)}.invite{height:41px;width:100%;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:var(--cyan);font-size:14px;font-weight:600}.receipt{display:flex;justify-content:space-between;margin:12px 0;font-size:14px}.receipt a{color:var(--cyan);font-weight:700}
/* Auth */
.auth-page{min-height:100vh;display:grid;grid-template-columns:640px minmax(0,1fr);background:#05030a}.auth-left{background:var(--bg);padding:64px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand .nv-logo{width:48px;height:48px;border-radius:14px}.auth-brand .nv-logo img{width:24px;height:24px}.auth-brand .nv-brand-name{font-size:32px}.auth-form{display:flex;flex-direction:column;gap:32px}.auth-head h1{font-size:32px;margin:0 0 8px}.auth-head p{font-size:15px;color:var(--muted);margin:0}.socials{display:flex;flex-direction:column;gap:12px}.social-btn{height:41px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:#fff;font-weight:600}.social-btn.discord{background:#5865f2;border-color:#5865f2}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-field label{display:block;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:1px;margin-bottom:6px}.auth-field:first-child label{color:var(--cyan)}.auth-field input{width:100%;height:41px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:#fff;padding:0 12px}.auth-field:first-child input{border:1.5px solid var(--cyan)}.auth-actions{display:flex;align-items:center;justify-content:space-between}.auth-actions a{font-size:13px;color:var(--cyan)}.auth-actions button{height:45px;border:0;border-radius:8px;padding:0 28px;background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff;font-weight:700}.auth-footer{display:flex;justify-content:space-between;font-size:13px}.auth-footer span{color:var(--muted)}.auth-footer a{color:var(--cyan);font-weight:700}.auth-visual{position:relative;background:url('/assets/figma2/login_bg.jpg') center/cover no-repeat;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.auth-visual:after{content:"";position:absolute;inset:0;background:rgba(5,3,10,.4)}.auth-visual>*{position:relative;z-index:1}.auth-visual-top{display:flex;justify-content:space-between;align-items:center}.prompt-showcase{padding:24px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.prompt-showcase b{color:var(--cyan);font-size:14px}.prompt-showcase p{font-size:18px;line-height:1.5;margin:12px 0 0}.prompt-showcase strong{color:var(--pink)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.nv-header{padding:0 20px}.nv-nav{display:none}.home-grid,.tts-grid,.export-grid,.account-grid{grid-template-columns:1fr}.home-right,.export-right,.account-right{width:100%}.workspace,.monitor-grid{grid-template-columns:1fr}.workspace-side,.monitor-side{border-left:0;border-top:1px solid var(--line)}.editor2{grid-template-columns:220px 1fr}.inspector2{display:none}.media-layout{grid-template-columns:1fr}.filters{display:none}.settings-work{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}@media(max-width:720px){.pad48,.home-main,.projects-main,.tts-grid,.media-layout,.export-grid,.big-page{padding:22px}.nv-brand-name{font-size:20px}.credits{display:none}.home-copy{width:auto}.home-welcome{min-height:360px;align-items:flex-start;flex-direction:column}.home-copy h1{font-size:30px}.home-copy p{font-size:16px}.project-pair,.template-row,.project-grid,.state-grid,.asset-grid,.media-state-grid,.phonetic-row,.choice-row,.encoding-row{grid-template-columns:1fr}.home-grid{grid-template-columns:1fr}.editor2{grid-template-columns:1fr}.storyboard{display:none}.editor-monitor{height:300px}.auth-left{padding:32px}.big-title h1{font-size:42px}.big-title p{font-size:18px}}

/* Graphite Studio: restrained dark UI shared across all workspaces. */
:root{--bg:#141b24;--panel:#1c2632;--panel2:#263442;--line:#354658;--violet:#246da7;--violet2:#1b567f;--pink:#167a94;--cyan:#58c7d7;--muted:#a1b1c3;--green:#39c6a0;--red:#ef7282;--white:#eef4fa}
html,body{background:#141b24;color:#eef4fa;color-scheme:dark}
.nv-page,.secondary-shell,.publisher{background:#141b24;color:#eef4fa}
.nv-header{background:#18222e;border-bottom-color:#344454}
.nv-brand-name,.breadcrumbs b,.script-editor textarea,.tts-editor,.search-box input,.media-search input,.inspector2 textarea,.inspector2 select{color:#eef4fa}
.nv-brand-name em,.nv-nav a.active,.nv-nav a:hover,.card-head a,.showcase-label{color:var(--cyan)}
.nv-logo{background:linear-gradient(135deg,#246da7,#167a94)}
.nv-nav a.active{border-bottom:2px solid var(--cyan);padding-bottom:5px}
.card,.script-card,.project-card,.workspace-side,.monitor-side,.pub-card,.secondary-card{background:#1c2632;border-color:#354658;color:#eef4fa;box-shadow:0 7px 25px rgba(2,8,17,.12)}
.card2,.mini-project,.template,.stat,.voice-card.active,.filter-btn,.icon-btn,.track2,.render-box{background:#263442;border-color:#354658}
.btn-gradient,.auth-actions button,.generate-main,.editor-actions .primary,.filter-btn.active,.play-controls button:last-child,.pub-submit,.primary-wide{background:linear-gradient(110deg,#246da7,#167a94);border-color:transparent;color:#fff;box-shadow:none}
.btn-gradient:hover,.auth-actions button:hover,.generate-main:hover,.pub-submit:hover,.primary-wide:hover{filter:brightness(1.13)}
.btn-cyan,.co-write,.grid-view,.button,button.pub-btn{border-color:#3d8295;background:#263442;color:#75d6e1}
.home-welcome{border-color:#344e62;box-shadow:none;background:#182632}
.home-welcome:after{background:linear-gradient(90deg,rgba(15,25,36,.93),rgba(17,33,45,.83))}
.home-copy h1,.home-welcome .home-copy p,.home-welcome .home-cta small,.inspiration-card,.inspiration-card p,.frame-bottom{color:#eef4fa}
.home-kicker,.inspiration-card a,.frame-top span:last-child{color:#75d6e1}
.home-actions .secondary{background:#263442!important;border-color:#45586b!important;color:#e4eff9!important}
.inspiration-card:after{background:rgba(15,25,36,.72)}
.muted,.setting label,.input-block label,.auth-field label,.auth-head p,.big-title p,.project-info p,.sorter{color:var(--muted)}
input,textarea,select{accent-color:#58c7d7}
.search-box,.media-search,.voice-card,.format-choice,.select-like,select.nv-select,.sort-select,.input-block input,.auth-field input,.tts-settings select,.inspector2 textarea,.inspector2 select,.phonetic-box,.form-field input,.form-field textarea,.form-field select,.pub-form input,.pub-form textarea,.pub-form select{background:#202e3c;color:#edf4fa;border-color:#405365}
input::placeholder,textarea::placeholder,.script-editor textarea::placeholder{color:#9bafc2;opacity:1}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #58c7d7;outline-offset:2px}
.format-choice.active,.encoding.active,.voice-card.active,.template:hover,.project-card.rendering{background:#263a4b;border-color:#58c7d7;box-shadow:none;color:#eef4fa}
.pill,.icon-btn,.editor-actions button,.editor-top-actions button,.play-controls button,.form-actions .reset,.form-actions .save{color:#e6f0f8;background:#263442;border-color:#45586b}
.script-editor{grid-template-columns:minmax(0,1fr)}.script-editor .line-nums{display:none}
.script-card{border-color:#52687c}.script-editor textarea:focus-visible{outline:2px solid #58c7d7;outline-offset:5px;border-radius:4px}
.voice-tools button,.voice-tools button:hover{background:#263442!important;border-color:#45586b!important;color:#8bdce5!important}
.phonetic-row input{background:#202e3c!important;color:#eef4fa!important;border-color:#405365!important}
.sidebar-foot,.form-sep,.profile-sep,.monitor-sep{border-color:#354658}
.secondary-shell,.publisher,.split-auth,.auth-page{background:#141b24;color:#eef4fa}
.secondary-card,.split-auth-left,.auth-left,.split-auth-callout,.prompt-showcase{background:#1c2632;color:#eef4fa;border-color:#354658}
.auth-visual,.split-auth-visual{color:#fff}.auth-visual .prompt-showcase{background:#1c2632;color:#eef4fa}
.auth-visual:after,.split-auth-visual:after{background:rgba(15,25,36,.55)}
.social-btn{background:#263442;color:#eef4fa;border-color:#45586b}.social-btn.discord{color:#fff}
.settings-form .save{color:#eef4fa;border:1px solid #45586b;border-radius:8px;padding:0 20px;background:#263442}
.cinematic-frame,.editor-monitor{box-shadow:0 0 0 1px #354658;border-color:#38586a}
.editor-monitor video,.editor-monitor #previewVideo,.editor-monitor .transitionFrame{background:#000}
@media(max-width:720px){.nv-header{background:#18222e}.home-welcome:after{background:rgba(15,25,36,.88)}}

/* Pixel NOUVETTE brand: use the approved illustration, never a generic play icon. */
.nv-brand{gap:9px}.nv-logo,.auth-brand .nv-logo{width:44px;height:44px;background:transparent;border:0;border-radius:0;box-shadow:none;flex:0 0 44px;display:grid;place-items:center}
.nv-logo img,.auth-brand .nv-logo img{width:44px;height:44px;object-fit:contain;display:block;image-rendering:auto;filter:none}
.nv-brand-name{font-size:22px;letter-spacing:.055em;font-weight:900;color:#eef4fa}
.auth-brand .nv-logo,.auth-brand .nv-logo img{width:52px;height:52px}.auth-brand .nv-brand-name{font-size:27px}
@media(max-width:720px){.nv-logo,.nv-logo img{width:38px;height:38px}.nv-logo{flex-basis:38px}.nv-brand-name{font-size:18px;letter-spacing:.035em}}

/* Public-beta information and consistent, accessible footer. */
.nv-site-footer{background:#0d1522;color:#aabace;border-top:1px solid #354658;padding:40px max(24px,calc((100vw - 1440px)/2)) 19px;font:14px/1.55 Inter,Arial,sans-serif;position:relative;z-index:2}
.nv-footer-inner{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr));gap:30px;max-width:1440px;margin:auto}
.nv-footer-brand-link{display:flex;align-items:center;gap:10px;color:#eff6ff!important;font:700 18px Inter,Arial,sans-serif;text-decoration:none}
.nv-footer-brand-link img{object-fit:contain;border-radius:6px}.nv-site-footer p{max-width:290px;margin:12px 0 0;color:#aabace}
.nv-site-footer nav,.nv-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.nv-site-footer nav strong,.nv-footer-contact strong{color:#eef4fa;font-size:13px;letter-spacing:.03em;margin-bottom:5px}
.nv-site-footer a{color:#aabace;text-decoration:none}.nv-site-footer a:hover,.nv-site-footer a:focus-visible{color:#58d8f3;text-decoration:underline}.nv-site-footer span{color:#96a9bf}
.nv-footer-bottom{max-width:1440px;margin:30px auto 0;padding-top:15px;border-top:1px solid #2a3d51;display:flex;justify-content:space-between;gap:12px;font-size:12px}
.nv-beta-info{max-width:1440px;margin:0 auto;padding:32px 48px 44px;color:#c0d2e5;font:14px/1.7 Inter,Arial,sans-serif}.nv-beta-info h2{color:#eff6ff;font-size:24px;margin:4px 0 12px}.nv-beta-info p{max-width:900px}.nv-beta-info a{color:#75d6e1}.nv-beta-kicker{color:#75d6e1;letter-spacing:.12em;font-size:11px;font-weight:800}
@media(max-width:780px){.nv-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.nv-footer-bottom{flex-direction:column}.nv-beta-info{padding:24px 20px 35px}}
@media(max-width:430px){.nv-footer-inner{grid-template-columns:1fr}.nv-site-footer{padding:30px 20px 18px}}

.nv-provider-credits{max-width:1440px;margin:20px auto 0;color:#96a9bf;font-size:12px}.nv-provider-credits a{color:#75d6e1;text-decoration:underline}

/* Mobile navigation remains available instead of disappearing below 1000px. */
@media(max-width:1000px){
.nv-header{height:auto;min-height:72px;flex-wrap:wrap;gap:0;padding:10px 20px 0}
.nv-nav{display:flex;position:static;left:auto;transform:none;order:3;flex:0 0 100%;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;gap:20px;padding:10px 0 12px;scrollbar-width:thin}
.nv-nav a{flex:0 0 auto}
}
@media(max-width:430px){.nv-nav{flex-wrap:wrap;white-space:normal;overflow-x:visible;justify-content:center;gap:9px 24px;padding-bottom:13px}}

/* All creator products are individually discoverable on desktop and mobile. */
.nv-tool-strip{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;background:#101c29;border-bottom:1px solid #344454;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.nv-tool-strip a{flex:0 0 auto;color:#c9d9e7;font:600 12px/1.4 Inter,Arial,sans-serif;text-decoration:none;padding:8px 11px;border:1px solid #364b60;border-radius:18px;white-space:nowrap}
.nv-tool-strip a:hover,.nv-tool-strip a:focus-visible{border-color:#58c7d7;color:#a8f1fa;outline-offset:2px}

/* Homepage launcher: full-width editorial layout, no separate service or JS. */
.nv-tool-grid{width:100%;max-width:1440px;align-self:stretch;min-width:0;margin:0 auto;padding:24px 0 12px;color:#eef4fa}
.nv-tool-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.nv-tool-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#62d8e3;font-size:11px;font-weight:800;letter-spacing:.16em}
.nv-tool-eyebrow span{font-size:17px;line-height:1}
.nv-tool-heading h2{font:800 clamp(28px,3vw,39px)/1.18 Archivo,Inter,Arial,sans-serif;letter-spacing:-.04em;margin:12px 0 7px;color:#f3f9ff}
.nv-tool-heading p{font-size:14px;line-height:1.55;color:#a9bdcf;margin:0}
.nv-tool-all-link{flex:0 0 auto;display:inline-flex;gap:12px;align-items:center;color:#a7e5ed!important;border:1px solid #385669;border-radius:999px;padding:12px 17px;font-size:12px;font-weight:700;text-decoration:none}
.nv-tool-all-link:hover,.nv-tool-all-link:focus-visible{border-color:#68cbdc;background:#1c3443;outline-offset:3px}
.nv-tool-featured{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:18px}
.nv-tool-feature{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:252px;padding:29px 31px;border-radius:23px;border:1px solid #355a69;color:#f8fcff!important;text-decoration:none;display:flex;align-items:stretch;transition:border-color .2s,transform .2s,box-shadow .2s}
.nv-tool-feature--video{background:radial-gradient(ellipse at 85% 18%,rgba(62,191,217,.22),transparent 48%),linear-gradient(135deg,#164454,#102b3e 53%,#102333)}
.nv-tool-feature--speech{background:radial-gradient(ellipse at 80% 65%,rgba(141,125,238,.21),transparent 57%),linear-gradient(135deg,#293350,#1a263c 60%,#171e33);border-color:#444b75}
.nv-tool-feature:hover,.nv-tool-feature:focus-visible{transform:translateY(-3px);border-color:#71d6e7;box-shadow:0 16px 34px rgba(0,0,0,.2);outline-offset:3px}
.nv-feature-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;max-width:68%;gap:9px}
.nv-tool-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:13px;color:#85f4ea;background:rgba(90,215,218,.14);border:1px solid rgba(117,230,226,.26);font:700 23px/1 Arial,sans-serif}
.nv-tool-feature--speech .nv-tool-icon{color:#c2b5ff;border-color:rgba(196,181,255,.26);background:rgba(166,149,236,.15)}
.nv-tool-feature-category{font-size:9px;letter-spacing:.14em;font-weight:800;color:#95cbd5;margin-top:4px}
.nv-tool-feature strong{font:800 clamp(21px,2vw,29px)/1.2 Archivo,Inter,Arial,sans-serif;letter-spacing:-.025em;color:#f7fbff}
.nv-tool-feature-description{font-size:13px;line-height:1.55;color:#c3d6e3;max-width:300px}
.nv-tool-feature-action{margin-top:auto;padding-top:13px;font-size:12px;font-weight:800;color:#9bf0ee;display:inline-flex;gap:12px;align-items:center}
.nv-tool-feature--speech .nv-tool-feature-action{color:#ceccff}
.nv-video-visual{position:absolute;right:26px;top:52px;width:37%;max-width:230px;transform:rotate(-7deg);filter:drop-shadow(0 17px 19px rgba(0,0,0,.22));z-index:1}
.nv-video-screen{display:grid;place-items:center;aspect-ratio:16/10;border:1px solid #6dabbc;border-radius:11px;background:radial-gradient(circle at 65% 34%,#579cab,#25455e 57%,#15354d 100%);box-shadow:0 0 0 6px rgba(6,25,36,.36)}
.nv-video-play{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d3fcff88;border-radius:50%;background:#0f3142aa;color:#e4fdff;font-size:16px;padding-left:3px}
.nv-video-timeline{display:flex;gap:4px;margin-top:13px;padding:6px;background:#0a2737;border-radius:5px;border:1px solid #42778a}
.nv-video-timeline i{height:12px;flex:1;border-radius:2px;background:linear-gradient(135deg,#4ec0c8,#25566b)}
.nv-video-timeline i:nth-child(2){background:linear-gradient(135deg,#a1d4df,#518096)}
.nv-audio-visual{position:absolute;right:16px;top:76px;width:36%;max-width:200px;height:118px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-5deg);opacity:.86}
.nv-audio-visual i{display:block;flex:1;max-width:7px;border-radius:8px;background:linear-gradient(#c7c6ff,#747cdd);height:36%}
.nv-audio-visual i:nth-child(3n){height:72%}.nv-audio-visual i:nth-child(4n){height:94%}.nv-audio-visual i:nth-child(5n){height:22%}.nv-audio-visual i:nth-child(7n){height:56%}
.nv-tool-more-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:29px 0 15px}
.nv-tool-more-heading h3{font:700 17px/1.3 Archivo,Inter,Arial,sans-serif;margin:0;color:#f0f6fb}
.nv-tool-more-heading>span{color:#708fa5;font-size:10px;font-weight:800;letter-spacing:.11em}
.nv-tool-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.nv-tool-quick-card{position:relative;min-width:0;min-height:127px;display:flex;align-items:flex-start;flex-direction:column;gap:14px;padding:18px 17px;background:#1d2936;border:1px solid #344b5c;border-radius:17px;color:#f2f7fd!important;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.nv-tool-quick-card:hover,.nv-tool-quick-card:focus-visible{transform:translateY(-2px);background:#233344;border-color:#6ecddd;outline-offset:3px}
.nv-tool-quick-card .nv-tool-icon{width:36px;height:36px;border-radius:11px;font-size:20px}
.nv-tool-quick-copy{display:flex;flex-direction:column;gap:4px;padding-right:9px}
.nv-tool-quick-copy strong{font:700 14px/1.25 Archivo,Inter,Arial,sans-serif;color:#f4f8fb}
.nv-tool-quick-copy>span{font-size:11px;line-height:1.35;color:#a7bfd0}
.nv-tool-quick-arrow{position:absolute;right:17px;top:19px;font-size:17px;color:#79b8c9}
.nv-tool-quick-card--image .nv-tool-icon{color:#ffc3a4;background:#ffb08e13;border-color:#ffae7a44}
.nv-tool-quick-card--blog .nv-tool-icon{color:#bdceff;background:#a5baff13;border-color:#a5baff44}
.nv-tool-quick-card--pdf .nv-tool-icon{color:#f5b8d6;background:#eaa3cb12;border-color:#eaa3cb44}
.nv-tool-quick-card--media .nv-tool-icon{color:#b3eac4;background:#78dfb612;border-color:#78dfb644}
@media(max-width:1190px){.nv-tool-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.nv-tool-feature{padding:25px}.nv-video-visual{right:18px;top:67px}.nv-tool-feature strong{font-size:24px}}
@media(max-width:850px){.nv-tool-grid{padding:15px 0 10px}.nv-tool-featured{grid-template-columns:1fr}.nv-tool-feature{min-height:220px}.nv-tool-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-tool-more-heading>span{display:none}.nv-tool-heading{align-items:flex-start}.nv-tool-all-link{align-self:center}}
@media(max-width:560px){.nv-tool-grid{padding:9px 0 6px}.nv-tool-heading{flex-direction:column;gap:14px;margin-bottom:19px}.nv-tool-heading h2{font-size:30px}.nv-tool-heading p{font-size:13px}.nv-tool-all-link{align-self:flex-start;font-size:11px;padding:9px 13px}.nv-tool-featured{gap:12px}.nv-tool-feature{min-height:224px;padding:23px;border-radius:19px}.nv-feature-copy{max-width:75%}.nv-video-visual{width:36%;right:13px;top:94px;opacity:.64}.nv-audio-visual{right:5px;width:32%;opacity:.47}.nv-tool-feature strong{font-size:23px}.nv-tool-feature-description{font-size:12px}.nv-tool-more-heading{margin:25px 0 13px}.nv-tool-quick{grid-template-columns:1fr;gap:10px}.nv-tool-quick-card{min-height:79px;padding:14px 16px;flex-direction:row;align-items:center;gap:14px;border-radius:14px}.nv-tool-quick-card .nv-tool-icon{width:41px;height:41px}.nv-tool-quick-copy strong{font-size:14px}.nv-tool-quick-copy>span{font-size:12px}.nv-tool-quick-arrow{top:29px}}
@media(prefers-reduced-motion:reduce){.nv-tool-feature,.nv-tool-quick-card{transition:none}.nv-tool-feature:hover,.nv-tool-feature:focus-visible,.nv-tool-quick-card:hover,.nv-tool-quick-card:focus-visible{transform:none}}