:root{
  color-scheme:dark;
  --bg:#08080c;
  --panel:#111119;
  --panel2:#171720;
  --line:#272735;
  --text:#f5f5f7;
  --muted:#a8a8b6;
  --accent:#7c5cff;
  --accent2:#a78bfa;
  --good:#42d392;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#171027 0,#08080c 34%);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}.hidden{display:none!important}
button:disabled{opacity:.5;cursor:not-allowed}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,80px);background:rgba(8,8,12,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-weight:900;font-size:1.25rem;letter-spacing:-.03em}.brand span{color:var(--accent2)}
nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.94rem}nav a:hover{color:white}.pill{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:white}
.hero{padding:100px 20px 70px;text-align:center;max-width:1050px;margin:auto}.badge{display:inline-flex;padding:8px 12px;border:1px solid #3d315f;border-radius:999px;background:#171126;color:#c9baff;font-size:.82rem;font-weight:800;letter-spacing:.06em}.hero h1{font-size:clamp(2.6rem,7vw,5.7rem);line-height:.95;letter-spacing:-.065em;margin:25px 0 24px}.hero h1 span{background:linear-gradient(90deg,#fff,#a78bfa,#6ee7f9);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:820px;margin:auto;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:12px;margin:32px 0 22px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 18px;border:1px solid transparent;font-weight:800}.primary{background:linear-gradient(135deg,var(--accent),#5b47d8);color:white}.primary:hover{filter:brightness(1.1)}.secondary{background:#15151e;border-color:var(--line);color:white}.full{width:100%;margin-top:10px}.small-btn{padding:10px 13px}.trust-row{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#c5c5cf;font-size:.9rem}.trust-row span::first-letter{color:var(--good)}
.studio-shell{max-width:1450px;margin:0 auto 80px;padding:12px 20px;display:grid;grid-template-columns:350px 1fr;gap:20px}.sidebar,.workspace{border:1px solid var(--line);background:rgba(15,15,22,.94);border-radius:18px}.sidebar{padding:22px;align-self:start;position:sticky;top:90px}.sidebar h2{margin:0 0 8px}.sidebar>p{color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:0}.upload-box{border:1.5px dashed #47475d;border-radius:14px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;margin:22px 0;background:#0d0d13}.upload-box:hover{border-color:var(--accent2)}.upload-box input{display:none}.upload-box strong{font-size:1rem}.upload-box span{font-size:.78rem;color:var(--muted);margin-top:7px}
.toggle-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#151125;border:1px solid #3d315f;border-radius:12px;padding:13px 14px;margin-bottom:10px}.toggle-card strong{display:block;font-size:.9rem}.toggle-card small{display:block;color:#aaa1c9;font-size:.74rem;margin-top:4px;line-height:1.35}.toggle-card input{width:20px;height:20px;accent-color:var(--accent)}.compact-toggle{background:#0f0f16;border-color:var(--line)}
.control-group{margin-top:16px}.control-group label{display:block;color:#d2d2da;font-size:.84rem;margin-bottom:7px}.control-group input,.control-group select{width:100%;background:#0c0c12;color:white;border:1px solid var(--line);border-radius:10px;padding:11px}.inline-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-card{margin-top:16px;background:#0c0c12;border:1px solid var(--line);padding:13px;border-radius:12px}.status-line{display:flex;justify-content:space-between;gap:12px;font-size:.82rem}.status-line span{color:var(--muted)}.status-line strong{text-align:right}.progress{height:7px;background:#22222c;border-radius:999px;overflow:hidden;margin:11px 0}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#22d3ee);transition:width .25s}.status-card small{color:#858594;line-height:1.4;display:block}
.workspace{padding:20px;min-width:0}.video-card{position:relative;aspect-ratio:16/9;background:#050508;border:1px solid #242431;border-radius:15px;overflow:hidden;display:grid;place-items:center}.video-card video{width:100%;height:100%;object-fit:contain;display:none;background:black}.empty-preview{text-align:center;color:var(--muted);padding:20px}.empty-preview h3{color:white;margin-bottom:5px}.play-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#1e1833;color:#b6a7ff;font-size:1.4rem;padding-left:4px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{background:#0c0c12;border:1px solid var(--line);border-radius:14px;min-height:290px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:1rem}.counter{font-size:.78rem;color:#c7bbff;background:#1b1630;padding:5px 8px;border-radius:999px}.text-btn{border:0;background:transparent;color:#b6a7ff}.empty-list{color:#7f7f8f;padding:18px;font-size:.9rem}.highlights{display:grid;gap:9px;padding:12px}.highlight{border:1px solid #2a2a38;background:#111118;border-radius:11px;padding:12px;cursor:pointer}.highlight:hover,.highlight.active{border-color:#765cff;background:#171126}.highlight-top{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:#b9b9c6}.highlight p{margin:8px 0 0;line-height:1.45;color:#ececf0;font-size:.9rem}.score{color:#a78bfa;font-weight:800}.transcript{max-height:420px;overflow:auto;padding:14px 16px;color:#dadade;line-height:1.65;font-size:.9rem}.transcript .segment{display:block;margin-bottom:7px}.transcript time{color:#8e7cff;font-size:.76rem;margin-right:7px}
.seo-panel{margin-top:18px;background:#0c0c12;border:1px solid var(--line);border-radius:14px;overflow:hidden}.seo-head>div p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.seo-field{display:block}.seo-field>span{display:block;font-size:.82rem;color:#d8d8df;margin-bottom:7px}.seo-field textarea{width:100%;resize:vertical;min-height:95px;background:#0a0a10;border:1px solid #292936;border-radius:10px;color:#f1f1f4;padding:12px;line-height:1.5}.seo-title-field,.seo-description-field{grid-column:1/-1}.copy-field{margin-top:7px;background:transparent;color:#b9aaff;border:0;padding:0;font-size:.78rem}.seo-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 16px 16px}
.download-panel{margin-top:18px;border:1px solid #315941;background:#0d1c15;border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.download-panel p{margin:4px 0 0;color:#9ac7ac;font-size:.88rem}
.info-section,.privacy-section{max-width:1200px;margin:80px auto;padding:0 20px}.info-section h2,.privacy-section h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{background:#101017;border:1px solid var(--line);border-radius:15px;padding:20px}.cards article span{width:34px;height:34px;border-radius:50%;background:#1d1730;color:#b8a6ff;display:grid;place-items:center;font-weight:900}.cards h3{margin-bottom:7px}.cards p,.privacy-section p{color:var(--muted);line-height:1.7}.privacy-section{padding:35px;max-width:1000px;background:#0f0f16;border:1px solid var(--line);border-radius:18px}.privacy-section h2{margin-top:0}footer{text-align:center;padding:35px;color:#777786;border-top:1px solid #1c1c25;font-size:.85rem}
@media(max-width:980px){nav a:not(.pill){display:none}.studio-shell{grid-template-columns:1fr}.sidebar{position:static}.panel-grid,.cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{padding:14px 16px}.hero{padding-top:70px}.hero h1{font-size:3rem}.studio-shell{padding:8px}.sidebar,.workspace{border-radius:14px}.panel-grid,.cards,.seo-grid{grid-template-columns:1fr}.seo-title-field,.seo-description-field{grid-column:auto}.workspace{padding:10px}.download-panel{align-items:stretch;flex-direction:column}.trust-row{gap:10px 16px}.inline-two{grid-template-columns:1fr 1fr}.seo-head{align-items:flex-start;gap:10px;flex-direction:column}}

/* YouTube Growth Suite */
.growth-shell{max-width:1450px;margin:70px auto;padding:0 20px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-title h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:16px 0 10px}.section-title p{color:var(--muted);line-height:1.6;max-width:850px;margin:0}.connect-actions{display:flex;gap:10px;flex-wrap:wrap}.notice{border:1px solid #373748;background:#111119;border-radius:12px;padding:12px 14px;color:#d8d8df;line-height:1.45;margin:12px 0}.notice.subtle{color:var(--muted);font-size:.9rem}.notice.good{border-color:#315941;background:#0d1c15;color:#a8ddb9}.notice.bad{border-color:#69363a;background:#201013;color:#ffb7bd}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-card{background:linear-gradient(180deg,#15151f,#0e0e14);border:1px solid var(--line);border-radius:16px;padding:20px}.metric-card span{display:block;color:var(--muted);font-size:.82rem}.metric-card strong{display:block;font-size:clamp(1.65rem,3vw,2.5rem);margin-top:8px;letter-spacing:-.04em}.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.growth-card{background:#0c0c12;border:1px solid var(--line);border-radius:15px;overflow:hidden}.wide-card{margin-top:16px}.card-body{padding:17px}.muted{color:var(--muted)}.subcopy{margin:4px 0 0;color:var(--muted);font-size:.78rem}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.snapshot-grid div{background:#111118;border:1px solid #242431;border-radius:11px;padding:12px}.snapshot-grid small{display:block;color:var(--muted);margin-bottom:4px}.snapshot-grid strong{word-break:break-word}.plan-list{display:grid;gap:10px}.plan-item{border:1px solid #292936;background:#101018;border-radius:11px;padding:12px}.plan-item strong{display:block;margin-bottom:4px}.plan-item p{margin:0;color:var(--muted);line-height:1.5;font-size:.9rem}.table-wrap{overflow:auto}.audit-table{width:100%;border-collapse:collapse;min-width:850px}.audit-table th,.audit-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #22222c;vertical-align:top;font-size:.84rem}.audit-table th{color:#bdbdc8;background:#101017;position:sticky;top:0}.audit-table td{color:#e3e3e8}.audit-table .muted-cell{color:var(--muted)}.health-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-weight:800;font-size:.74rem;background:#1b1630;color:#c7bbff}.health-pill.good{background:#102319;color:#8ee0aa}.health-pill.warn{background:#2a2111;color:#ffd080}.mini-actions{display:flex;gap:7px;flex-wrap:wrap}.mini-actions button{padding:7px 9px;border-radius:8px;border:1px solid #343443;background:#14141d;color:#fff;font-size:.76rem}.mini-actions button:hover{border-color:#7c5cff}.editor-row{display:grid;grid-template-columns:1fr 220px;gap:14px;padding:16px}.editor-row textarea,.form-grid input,.form-grid textarea,.form-grid select,.finder-bar input{width:100%;background:#09090f;color:#fff;border:1px solid #2c2c39;border-radius:10px;padding:12px;line-height:1.45}.stack-actions{display:flex;flex-direction:column;gap:10px}.finder-bar{display:grid;grid-template-columns:1fr auto;gap:10px}.video-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.video-result{border:1px solid var(--line);background:#0c0c12;border-radius:14px;overflow:hidden}.video-result img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050508}.video-result .result-body{padding:13px}.video-result h3{font-size:.98rem;line-height:1.35;margin:0 0 7px}.video-result p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.result-actions a,.result-actions button{font-size:.78rem;padding:8px 10px;border-radius:9px}.result-actions a{background:#181820;border:1px solid #343443}.result-actions button{background:#171126;color:#c7bbff;border:1px solid #403262}.upload-grid,.setup-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.compact-upload{margin:0;min-height:155px}.form-grid{display:grid;gap:12px}.form-grid label>span{display:block;color:#d8d8df;font-size:.82rem;margin-bottom:6px}.form-grid label em{font-style:normal;color:#7f7f8f}.inline-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checkline{display:flex!important;align-items:center;gap:9px;color:#c8c8d1!important;font-size:.86rem}.checkline input{width:auto}.upload-progress{margin:0}.setup-steps h3{margin-top:0}.setup-steps ol{padding-left:20px;color:#d9d9df;line-height:1.65}.setup-steps code{background:#171720;border:1px solid #292936;padding:2px 5px;border-radius:5px}.warning-copy{color:#e8c786!important}.channel-title{display:flex;align-items:center;gap:12px}.channel-title img{width:56px;height:56px;border-radius:50%;object-fit:cover}.channel-title h3{margin:0 0 3px}.channel-title p{margin:0;color:var(--muted);font-size:.84rem}.kpi-note{color:var(--muted);font-size:.76rem;margin-top:5px}.link-button{background:none;border:0;padding:0;color:#a997ff;text-decoration:underline}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #4a4a58;border-top-color:#b7a6ff;border-radius:50%;animation:spin 1s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1000px){.metric-grid{grid-template-columns:1fr 1fr}.growth-grid,.upload-grid,.setup-grid{grid-template-columns:1fr}.video-result-grid{grid-template-columns:1fr 1fr}.editor-row{grid-template-columns:1fr}.stack-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:700px){.section-title{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.video-result-grid{grid-template-columns:1fr}.finder-bar{grid-template-columns:1fr}.inline-three{grid-template-columns:1fr}.snapshot-grid{grid-template-columns:1fr}.metric-card{padding:15px}.growth-shell{padding:0 10px}.editor-row{padding:10px}.connect-actions{width:100%}.connect-actions button{flex:1}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}}


/* FULL AUTO */
.autopilot-shell{margin-top:28px}
.autopilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.autopilot-card h3{margin:0 0 6px;font-size:1.05rem}
.autopilot-progress-card{border-color:#493f70;background:linear-gradient(180deg,#11101a,#0c0c12)}
.autopilot-progress-card .progress{height:10px;margin:14px 0}
.autopilot-progress-card .status-line strong{color:#c9baff}
#commonsResults.card-body{padding:16px}
#commonsResults:empty::before{content:'Search a topic with FULL AUTO to see downloadable open-licensed sources here.';display:block;color:var(--muted);padding:12px}
@media(max-width:850px){.autopilot-grid{grid-template-columns:1fr}}

/* Animal generator + charity */
.animal-shell{position:relative}.animal-shell:before{content:"";position:absolute;inset:-20px 0 auto;height:220px;pointer-events:none;background:radial-gradient(circle at 15% 0,rgba(124,92,255,.12),transparent 55%)}
.animal-preset-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.animal-preset{border:1px solid #343443;background:#101018;color:#e9e9ef;border-radius:999px;padding:11px 15px;font-weight:800}.animal-preset:hover,.animal-preset.active{border-color:#8069ff;background:#211940;color:#fff;box-shadow:0 0 0 1px rgba(128,105,255,.2) inset}.big-auto-button{min-height:54px;font-size:1rem}.animal-source-list{display:grid;gap:10px}.animal-source-item{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;border:1px solid #272733;background:#101017;border-radius:12px;padding:9px}.animal-source-item img{width:110px;height:78px;object-fit:cover;border-radius:9px;background:#050508}.animal-source-item strong{display:block;color:#f3f3f6;line-height:1.35}.animal-source-item small{display:block;color:var(--muted);margin:5px 0;line-height:1.35}.animal-source-item a{color:#b8a7ff;font-size:.78rem;text-decoration:underline}.donation-shell{margin-top:80px}.donation-card{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#12101b,#1b1430 65%,#15151f);border:1px solid #493a75;border-radius:22px;padding:clamp(24px,5vw,48px);box-shadow:0 20px 80px rgba(0,0,0,.25)}.donation-card h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;margin:16px 0 10px}.donation-card p{color:var(--muted);line-height:1.65;max-width:760px;margin:0}.donation-main{white-space:nowrap;min-height:58px;padding-left:24px;padding-right:24px}.hero-actions button.secondary{appearance:none;font:inherit;cursor:pointer}
@media(max-width:700px){.animal-source-item{grid-template-columns:88px 1fr}.animal-source-item img{width:88px;height:68px}.donation-card{align-items:stretch;flex-direction:column}.donation-main{width:100%}.animal-preset-row{display:grid;grid-template-columns:1fr 1fr}.animal-preset{width:100%}}