:root{--ink: #0B0B0C;--ink-2: #111113;--ink-3: #16161A;--line: #26262B;--line-2: #34343B;--paper: #F4F1EA;--paper-dim: #C9C6BE;--muted: #84838B;--accent: #FF2D2D;--accent-ink: #FFFFFF;--gold: #E8C36B;--serif: "Fraunces", "Spectral", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--maxw: 1200px;--gutter: clamp(16px, 4vw, 40px);--radius: 4px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.grid{display:grid;gap:clamp(20px,3vw,36px)}.section{padding-block:clamp(40px,6vw,72px)}.divider{height:1px;background:var(--line);border:0;margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin:0 0 .4em}.display{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:600}.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:500}.meta{font-family:var(--mono);font-size:.76rem;color:var(--muted);letter-spacing:.02em}.lede{font-size:1.22rem;color:var(--paper-dim);line-height:1.5;font-family:var(--serif)}.prose{max-width:70ch}.prose p{margin:0 0 1.1em;color:var(--paper-dim)}.prose h2{font-size:1.8rem;margin-top:1.6em;color:var(--paper)}.prose h3{font-size:1.3rem;margin-top:1.4em;color:var(--paper)}.prose a{color:var(--paper);border-bottom:1px solid var(--accent)}.prose a:hover{color:var(--accent)}.prose ul,.prose ol{color:var(--paper-dim);padding-left:1.2em}.prose li{margin:.35em 0}.prose strong{color:var(--paper)}.ticker{background:var(--accent);color:var(--accent-ink);border-bottom:1px solid #c61f1f;overflow:hidden;position:relative;font-family:var(--mono);font-size:.8rem;letter-spacing:.03em}.ticker__inner{display:flex;align-items:center}.ticker__label{flex:none;background:#0b0b0c;color:#fff;align-self:stretch;display:flex;align-items:center;gap:.5ch;padding:8px 14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.ticker__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.ticker__track{display:flex;gap:0;white-space:nowrap;animation:scroll-x 42s linear infinite}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__item{padding:8px 0}.ticker__item:before{content:"›";padding:0 1.4ch;opacity:.7}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ticker__track{animation:none;white-space:normal;flex-wrap:wrap}}.masthead{border-bottom:1px solid var(--line);background:var(--ink);position:sticky;top:0;z-index:50}.masthead__row{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.45rem;letter-spacing:-.02em}.brand b{color:var(--paper)}.brand .spark{width:10px;height:10px;background:var(--accent);border-radius:2px;transform:translateY(-2px)}.nav{display:flex;gap:26px;align-items:center}.nav a{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--paper-dim);transition:color .15s}.nav a:hover{color:var(--paper)}.btn{display:inline-flex;align-items:center;gap:.5ch;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500;padding:9px 16px;border-radius:var(--radius);border:1px solid var(--line-2);background:transparent;color:var(--paper);cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--paper)}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover{background:#e01f1f;border-color:#e01f1f}.nav-toggle{display:none}.lead-grid{grid-template-columns:1.7fr 1fr;align-items:start}.lead{border-top:3px solid var(--accent);padding-top:18px}.lead h1{font-size:clamp(2rem,4.2vw,3.4rem)}.lead .lede{margin-top:.6em}.lead__media{margin-top:22px;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1f,#0e0e10);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.stories{border-left:1px solid var(--line);padding-left:24px}.stories h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.story{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.story:hover .story__title{color:var(--accent)}.story__time{font-family:var(--mono);font-size:.72rem;color:var(--accent)}.story__title{font-family:var(--serif);font-size:1.05rem;line-height:1.25;margin-top:4px;transition:color .15s}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--line-2);transform:translateY(-2px)}.card .kicker{margin-bottom:10px;display:block}.card h3{font-size:1.25rem}.card p{color:var(--paper-dim);font-size:.95rem;margin:.5em 0 0}.card__more{font-family:var(--mono);font-size:.74rem;color:var(--accent);margin-top:14px;display:inline-block}.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:26px}.eyebrow h2{font-size:1.5rem;margin:0}.eyebrow .rule{flex:1;height:1px;background:var(--line)}.crumb{font-family:var(--mono);font-size:.74rem;color:var(--muted);padding-top:22px}.crumb a:hover{color:var(--paper)}.crumb span{color:var(--line-2);padding:0 .6ch}.quick{background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);padding:20px 24px;margin:22px 0 8px}.quick .kicker{display:block;margin-bottom:8px}.quick p{margin:0;color:var(--paper);font-size:1.05rem}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-family:var(--serif);font-size:1.12rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-family:var(--mono)}.faq details[open] summary:after{content:"–"}.faq details[open] summary{margin-bottom:10px}.faq p{margin:0;color:var(--paper-dim)}.tbl{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.tbl th{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tbl tr:hover td{background:var(--ink-2)}.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.related a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);font-size:.92rem;color:var(--paper-dim);transition:all .15s}.related a:hover{border-color:var(--accent);color:var(--paper)}.subscribe{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,52px);text-align:center}.subscribe h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}.subscribe form{display:flex;gap:10px;max-width:460px;margin:22px auto 0}.subscribe input{flex:1;background:var(--ink);border:1px solid var(--line-2);color:var(--paper);padding:12px 14px;border-radius:var(--radius);font-family:var(--mono);font-size:.9rem}.subscribe input:focus{border-color:var(--accent);outline:none}.foot{border-top:1px solid var(--line);margin-top:40px;padding-block:48px;background:var(--ink-2)}.foot__cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.foot h4{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.foot a{display:block;color:var(--paper-dim);font-size:.9rem;padding:4px 0}.foot a:hover{color:var(--accent)}.foot__legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.74rem}.aff{font-family:var(--mono);font-size:.7rem;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--radius);padding:8px 12px;display:inline-block}@media(max-width:860px){.lead-grid{grid-template-columns:1fr}.stories{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:22px}.foot__cols{grid-template-columns:1fr 1fr}.nav{display:none}.nav-toggle{display:inline-flex}.subscribe form{flex-direction:column}}:root{--ink: #0B0B0C;--ink-2: #121218;--ink-3: #181820;--ink-4: #1F1F2A;--line: #24242E;--line-2: #34343F;--red: #FF2D2D;--violet: #7C5CFF;--cyan: #22D3EE;--magenta: #FF2D8E;--amber: #FFB02D;--cat: var(--violet);--accent: var(--violet);--grad-spectrum: linear-gradient(100deg, #FF2D2D 0%, #7C5CFF 52%, #22D3EE 100%);--grad-cat: linear-gradient(100deg, var(--cat), color-mix(in srgb, var(--cat) 35%, #22D3EE));--radius: 11px;--glow: 0 10px 40px -16px}body[data-cat=generators]{--cat:#7C5CFF}body[data-cat=prompts]{--cat:#22D3EE}body[data-cat=sunoudio]{--cat:#FF2D8E}body[data-cat=video]{--cat:#38BDF8}body[data-cat=film]{--cat:#FB923C}body[data-cat=filmmaker]{--cat:#A78BFA}body[data-cat=world]{--cat:#34D399}body[data-cat=audio]{--cat:#2DD4BF}body[data-cat=legal]{--cat:#FFB02D}body[data-cat=trends]{--cat:#F472B6}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(60% 50% at 12% -5%,color-mix(in srgb,var(--cat) 22%,transparent),transparent 70%),radial-gradient(55% 45% at 95% 0%,rgba(34,211,238,.1),transparent 70%),radial-gradient(50% 60% at 50% 110%,color-mix(in srgb,var(--cat) 14%,transparent),transparent 70%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.kicker{color:var(--cat);background:color-mix(in srgb,var(--cat) 14%,transparent);border:1px solid color-mix(in srgb,var(--cat) 28%,transparent);padding:4px 10px;border-radius:999px;display:inline-block;width:fit-content}.quick{border-left-color:var(--cat)}.btn--accent{background:var(--grad-spectrum);border:0;color:#fff;background-size:180% 180%;transition:background-position .4s ease,transform .15s}.btn--accent:hover{background-position:100% 0;transform:translateY(-1px)}.prose a{border-bottom-color:var(--cat)}.prose a:hover,.story:hover .story__title,.card__more{color:var(--cat)}.lead{border-top-color:var(--cat)}.card{position:relative;background:var(--ink-3);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--grad-cat);opacity:.5}.card:hover{border-color:color-mix(in srgb,var(--cat) 50%,var(--line-2));box-shadow:var(--glow) color-mix(in srgb,var(--cat) 40%,transparent)}.masthead{background:color-mix(in srgb,var(--ink) 82%,transparent);backdrop-filter:blur(10px);border-bottom:0;box-shadow:0 1px 0 var(--line)}.brand .spark{width:auto;height:auto;background:none;transform:none;display:inline-flex;align-items:center}.spectro{width:100%;height:100%;display:block}.lead__media{border-color:color-mix(in srgb,var(--cat) 30%,var(--line));background:var(--ink-2)}.card__art{aspect-ratio:16 / 7;margin:-22px -22px 16px;border-bottom:1px solid var(--line);background:var(--ink-2);overflow:hidden}.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:.76rem;color:var(--muted);margin-top:14px}.byline .chip{color:var(--cat);border:1px solid color-mix(in srgb,var(--cat) 30%,transparent);background:color-mix(in srgb,var(--cat) 12%,transparent);padding:3px 9px;border-radius:999px}.byline .dot{color:var(--line-2)}.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:var(--grad-spectrum);transition:width .1s linear}.layout-toc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}.toc{position:sticky;top:92px;align-self:start;font-family:var(--mono);font-size:.8rem;max-height:calc(100vh - 120px);overflow:auto}.toc h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.toc a{display:block;padding:6px 0 6px 12px;color:var(--paper-dim);border-left:2px solid var(--line);line-height:1.35;transition:all .15s}.toc a:hover{color:var(--paper)}.toc a.active{color:var(--cat);border-left-color:var(--cat)}@media(max-width:980px){.layout-toc{grid-template-columns:1fr}.toc{display:none}}.prompt-block{background:var(--ink-2);border:1px solid var(--line-2);border-left:3px solid var(--cat);border-radius:var(--radius);padding:16px 18px;margin:18px 0;position:relative}.prompt-block .pb-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cat);margin-bottom:8px;display:block;padding-right:70px}.prompt-block .pb-text{font-family:var(--mono);font-size:.92rem;line-height:1.55;color:var(--paper);white-space:pre-wrap;margin:0}.pb-copy{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--paper-dim);background:var(--ink-3);border:1px solid var(--line-2);border-radius:6px;padding:5px 10px;cursor:pointer;transition:all .15s}.pb-copy:hover{color:var(--paper);border-color:var(--cat)}.pb-copy.copied{color:#34d399;border-color:#34d399}code.ic{font-family:var(--mono);font-size:.9em;background:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:1px 7px;cursor:pointer;color:var(--paper)}code.ic:hover{border-color:var(--cat)}.tool-rack{display:grid;gap:14px;margin:18px 0}.tool-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;transition:all .15s}.tool-card:hover{border-color:color-mix(in srgb,var(--cat) 50%,var(--line-2));box-shadow:var(--glow) color-mix(in srgb,var(--cat) 35%,transparent)}.tool-card.is-top{border-color:var(--amber);box-shadow:var(--glow) color-mix(in srgb,var(--amber) 35%,transparent)}.tool-card .tc-logo{width:46px;height:46px;border-radius:10px;background:var(--ink);border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--serif);font-weight:600;font-size:1.3rem;color:var(--cat)}.tool-card .tc-name{font-family:var(--serif);font-weight:600;font-size:1.1rem}.tool-card .tc-note{color:var(--paper-dim);font-size:.9rem;margin-top:2px}.tool-card .tc-badge{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);border-radius:999px;padding:2px 8px;margin-bottom:6px;display:inline-block}.tool-card .btn{white-space:nowrap}@media(max-width:560px){.tool-card{grid-template-columns:auto 1fr}.tool-card .btn{grid-column:1 / -1;justify-content:center}}.next-read{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:20px 24px;margin:40px 0;transition:all .15s}.next-read:hover{border-color:var(--cat);box-shadow:var(--glow) color-mix(in srgb,var(--cat) 30%,transparent)}.next-read .nr-art{width:120px;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.next-read .nr-k{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cat)}.next-read h3{margin:6px 0 0;font-size:1.3rem}@media(max-width:560px){.next-read{grid-template-columns:1fr}.next-read .nr-art{width:100%}}.nl-inline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(100deg,color-mix(in srgb,var(--cat) 14%,var(--ink-2)),var(--ink-2));border:1px solid color-mix(in srgb,var(--cat) 30%,var(--line));border-radius:var(--radius);padding:18px 22px;margin:36px 0}.nl-inline .nl-copy strong{font-family:var(--serif);font-size:1.15rem}.nl-inline .nl-copy p{margin:2px 0 0;color:var(--paper-dim);font-size:.9rem}.nl-inline form{display:flex;gap:8px;flex:1;min-width:260px;max-width:420px}.nl-inline input{flex:1;background:var(--ink);border:1px solid var(--line-2);color:var(--paper);padding:11px 13px;border-radius:8px;font-family:var(--mono);font-size:.85rem}.nl-inline input:focus{border-color:var(--cat);outline:none}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.eq-rule{display:flex;align-items:flex-end;gap:3px;height:22px;margin:10px 0}.eq-rule i{width:3px;background:var(--grad-cat);border-radius:2px;animation:eq 1.1s ease-in-out infinite}@keyframes eq{0%,to{height:20%}50%{height:100%}}@media(prefers-reduced-motion:reduce){.eq-rule i{animation:none;height:60%}}.article-grid{display:grid;grid-template-columns:168px minmax(0,1fr) 282px;gap:34px;align-items:start}@media(max-width:1180px){.article-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.article-grid .toc{display:none}}@media(max-width:920px){.article-grid{grid-template-columns:1fr;gap:8px}}.aff-rail{position:sticky;top:92px;align-self:start;display:grid;gap:13px;max-height:calc(100vh - 110px);overflow:auto;padding-bottom:8px}.aff-rail::-webkit-scrollbar{width:6px}.aff-rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.aff-rail .rail-h{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:2px 0 -2px}@media(max-width:920px){.aff-rail{position:static;max-height:none;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:24px 0}.aff-rail .rail-h{grid-column:1 / -1}}.aff-unit{display:block;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);padding:14px 15px;transition:all .15s;position:relative;overflow:hidden}.aff-unit:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--grad-cat);opacity:.6}.aff-unit:hover{border-color:color-mix(in srgb,var(--cat) 50%,var(--line-2));box-shadow:var(--glow) color-mix(in srgb,var(--cat) 32%,transparent);transform:translateY(-1px)}.aff-unit.is-top{border-color:color-mix(in srgb,var(--amber) 55%,var(--line-2))}.aff-unit .au-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.aff-unit .au-name{font-family:var(--serif);font-weight:600;font-size:1.05rem;margin-top:3px;display:flex;align-items:center;gap:9px}.aff-unit .au-logo{width:28px;height:28px;border-radius:7px;background:var(--ink);border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--serif);font-weight:600;color:var(--cat);font-size:.95rem;flex:none}.aff-unit .au-blurb{color:var(--paper-dim);font-size:.85rem;line-height:1.4;margin:7px 0 11px}.aff-cta{display:flex;justify-content:center;align-items:center;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--grad-spectrum);background-size:180% 180%;padding:9px 12px;border-radius:7px;transition:background-position .4s}.aff-unit:hover .aff-cta{background-position:100% 0}.rail-disc{font-family:var(--mono);font-size:.62rem;color:var(--muted);line-height:1.4}.rail-nl{background:linear-gradient(160deg,color-mix(in srgb,var(--cat) 16%,var(--ink-2)),var(--ink-2));border:1px solid color-mix(in srgb,var(--cat) 30%,var(--line));border-radius:var(--radius);padding:15px}.rail-nl strong{font-family:var(--serif);font-size:1rem}.rail-nl p{margin:4px 0 10px;color:var(--paper-dim);font-size:.82rem}.rail-nl input{width:100%;background:var(--ink);border:1px solid var(--line-2);color:var(--paper);padding:9px 11px;border-radius:7px;font-family:var(--mono);font-size:.8rem;margin-bottom:8px}.rail-nl input:focus{border-color:var(--cat);outline:none}.rail-nl .btn--accent{width:100%;justify-content:center}.tbl--cta .cmp-cta-row th{color:var(--paper);font-family:var(--serif)}.tbl--cta .cmp-cta-row td{padding-top:16px}.tbl--cta .cmp-cta-row .btn{width:100%;justify-content:center}.tbl--cta .cmp-cta-row:hover td{background:transparent}.cmp-cta{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 0}.cmp-cta .btn{flex:1;min-width:180px;justify-content:center}
