/* ai短剧 | cinema + creator workbench */
:root{--bg:#0D1117;--dark:#080A0F;--card:#161D26;--card2:#1a222e;--stroke:#2a3443;--text:#F3F4F6;--muted:#8A94A6;--cyan:#00C8FF;--green:#10B981;--red:#FF2E54;--max:1376px;--radius:6px;--shade:0 18px 60px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button{cursor:pointer}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.04em}h1{font-size:clamp(38px,5.1vw,78px);font-weight:900}h2{font-size:clamp(24px,2.5vw,38px);font-weight:850}h3{font-size:20px;font-weight:800}p{color:var(--muted)}.container{max-width:var(--max);margin:auto;padding-inline:26px}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-80px;left:16px;background:var(--cyan);color:#000;padding:8px 14px;z-index:200}.skip-link:focus{top:8px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase;margin-bottom:17px}.muted{color:var(--muted)}.mini-tag{font-size:11px;letter-spacing:.06em;color:var(--cyan);background:rgba(0,200,255,.09);border:1px solid rgba(0,200,255,.2);padding:5px 8px;border-radius:4px;font-weight:700;display:inline-block}
.site-header{background:rgba(13,17,23,.96);border-bottom:1px solid #25303c;position:sticky;top:0;z-index:60;backdrop-filter:blur(20px)}.header-main{min-height:77px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;line-height:1;font-weight:900;white-space:nowrap;letter-spacing:-.08em}.brand img{width:40px;height:40px;object-fit:contain;border-radius:5px}.brand-highlight,.footer-brand span{color:var(--cyan)}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:7px;color:var(--muted);font-weight:700}.nav-primary{display:flex;align-items:center;gap:32px;white-space:nowrap}.nav-primary a{font-weight:750;font-size:13px;color:#c1cad5;transition:color .2s}.nav-primary a:hover,.nav-primary a[aria-current]{color:var(--cyan)}.global-search{display:flex;align-items:center;margin-left:auto;background:#1a222c;border:1px solid #2b3543;border-radius:5px;max-width:340px;min-width:180px;width:30%;height:42px}.global-search input{background:transparent;border:0;color:var(--text);padding:0 12px;width:100%;min-width:0;outline:0;font-size:12px}.global-search input::placeholder{color:#7d8999}.global-search button{background:transparent;border:0;color:#c2d0db;font-size:30px;line-height:1;padding:0 13px}.menu-toggle{display:none;border:1px solid var(--stroke);background:var(--card);height:42px;width:43px;padding:11px}.menu-toggle span{display:block;height:2px;background:var(--text);margin:4px 0}.mobile-menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 23px;font-size:13px;font-weight:850;border-radius:5px;line-height:1.4;min-height:46px;transition:transform .2s,background-color .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-hot{background:var(--red);border:1px solid var(--red);color:#fff}.btn-hot:hover{background:#e8294b;color:#fff}.btn-outline{background:transparent;border:1px solid #546275;color:var(--text)}.btn-outline:hover{border-color:var(--cyan)}.btn-soft{background:var(--card);color:var(--text);border:1px solid var(--stroke)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;color:var(--cyan);white-space:nowrap}.text-link:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:42px;min-height:570px;padding:40px 0 32px}.hero-copy{padding:30px 0 30px 20px}.hero h1{font-size:clamp(46px,5.5vw,86px);letter-spacing:-.065em;line-height:1.12;max-width:730px}.hero h1 span{color:var(--cyan)}.hero-desc{font-size:16px;line-height:1.9;max-width:540px;margin-top:26px;color:#a8b4c5}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:33px}.hero-genres{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:46px;font-size:12px}.hero-genres span{color:#6d7a8d;margin-right:6px}.hero-genres a{border:1px solid #334254;background:#121924;padding:6px 11px;border-radius:3px;color:#b9c7d6}.hero-genres a:hover{border-color:var(--cyan);color:var(--cyan)}.hero-stage{height:500px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 60% 47%,rgba(0,200,255,.21),transparent 55%),radial-gradient(ellipse at 20% 70%,rgba(255,46,84,.16),transparent 57%)}.hero-poster{width:min(300px,74%);height:470px;position:relative;display:block;overflow:hidden;transform:rotate(3deg);box-shadow:-20px 20px 0 -2px #1d2733,0 26px 70px #000c;border:1px solid #465668;border-radius:7px;transition:transform .25s}.hero-poster:hover{transform:rotate(0) translateY(-5px);color:#fff}.hero-poster img{height:100%;width:100%;object-fit:cover}.stage-badge{position:absolute;top:14px;left:13px;background:var(--red);font-weight:900;font-size:10px;letter-spacing:.12em;padding:7px 10px}.stage-gradient{position:absolute;bottom:0;left:0;right:0;padding:65px 17px 19px;background:linear-gradient(transparent,#05080fe8 67%);display:flex;flex-direction:column}.stage-gradient strong{font-size:22px;font-weight:900;line-height:1.25}.stage-gradient small{font-size:12px;color:#ccd9e5;margin:8px 0}.stage-cta{align-self:flex-start;margin-top:10px;font-weight:800;font-size:12px;background:var(--red);padding:6px 12px;border-radius:3px}.online-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 12px var(--green)}.ticker{border-block:1px solid var(--stroke);padding:14px 17px;display:flex;gap:34px;align-items:center;overflow:auto;white-space:nowrap}.ticker span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.2em}.ticker b{color:#728094;font-size:11px;letter-spacing:.12em;font-weight:750}.section-block,.genre-section,.studio-preview,.tool-preview{padding:55px 0 12px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-top .eyebrow{margin-bottom:9px}.section-caption{margin-top:10px;font-size:13px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.story-card{min-width:0}.poster-link{display:block}.poster{position:relative;aspect-ratio:9/16;overflow:hidden;background:linear-gradient(140deg,#293c4d,#0b0f17);border-radius:5px;border:1px solid var(--stroke)}.poster img{height:100%;width:100%;object-fit:cover;transition:transform .3s,filter .3s}.poster-link:hover img{transform:scale(1.055);filter:brightness(.84)}.poster:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(2,3,5,.3));pointer-events:none}.poster-pill{position:absolute;top:10px;left:10px;background:rgba(10,15,20,.85);border:1px solid #405569;backdrop-filter:blur(8px);padding:3px 8px;color:#fff;font-size:10px;font-weight:800;border-radius:3px}.poster-play{position:absolute;inset:0;margin:auto;display:grid;place-content:center;width:53px;height:53px;border-radius:50%;background:rgba(255,46,84,.91);color:#fff;font-size:21px;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s}.poster-link:hover .poster-play,.poster-link:focus-visible .poster-play{opacity:1;transform:scale(1)}.story-info{padding:11px 2px}.story-title{display:block;font-size:16px;font-weight:850;letter-spacing:-.025em;line-height:1.35}.story-sub{font-size:11px;margin-top:5px;color:var(--cyan)}.story-excerpt{font-size:12px;line-height:1.7;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.genre-tile{min-height:180px;padding:19px 20px;background:var(--card);border:1px solid var(--stroke);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end}.genre-tile:after{content:"";position:absolute;width:220px;height:220px;border:27px solid currentColor;opacity:.08;border-radius:50%;right:-90px;top:-85px}.genre-tile:hover{border-color:currentColor;transform:translateY(-2px)}.genre-code{position:absolute;top:17px;left:20px;font-size:10px;font-weight:800;letter-spacing:.1em}.genre-tile strong{font-size:23px;font-weight:900;color:#fff}.genre-tile small{font-size:12px;color:#a1afbf;margin-top:5px}.genre-tile>b{position:absolute;right:20px;bottom:17px;font-size:23px}.genre-blue{color:var(--cyan);background:linear-gradient(150deg,#122638,var(--card))}.genre-red{color:var(--red);background:linear-gradient(150deg,#321a28,var(--card))}.genre-green{color:var(--green);background:linear-gradient(150deg,#12302e,var(--card))}.genre-purple{color:#b59cff;background:linear-gradient(150deg,#282139,var(--card))}.split-editorial{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#141d2a,#1b1a29);border:1px solid #334050;margin-top:55px;padding:25px 40px;border-radius:5px}.editorial-promo{padding:20px 24px}.editorial-promo h2{font-size:clamp(27px,3.2vw,46px);line-height:1.28}.editorial-promo>p:not(.eyebrow){max-width:460px;margin:20px 0;font-size:14px}.editorial-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:410px;gap:14px;justify-self:center}.editorial-cards .story-excerpt{display:none}.editorial-cards .poster{max-height:280px}.editorial-cards .story-title{font-size:13px}.editorial-cards .story-sub{font-size:10px}.step-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step-preview{border:1px solid var(--stroke);background:var(--card);padding:20px 19px 16px;min-height:254px;display:flex;flex-direction:column;border-radius:5px}.step-number{font-size:34px;font-weight:900;color:var(--cyan);line-height:1}.step-preview h3{margin:23px 0 9px;font-size:17px}.step-preview p{font-size:12px;line-height:1.8;flex-grow:1}.step-preview small{font-size:10px;color:var(--green);border-top:1px solid #303b49;margin-top:12px;padding-top:10px}.tool-preview{padding-bottom:78px}.tool-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.tool-chip{background:#151f2a;border:1px solid var(--stroke);padding:18px 12px;display:grid;grid-template-columns:34px 1fr auto;gap:1px 8px;align-items:center;border-radius:5px}.tool-chip:hover{border-color:var(--cyan)}.tool-chip-icon{grid-row:span 2;display:grid;place-items:center;background:#063649;border-radius:5px;width:32px;height:32px;color:var(--cyan);font-size:20px}.tool-chip strong{font-size:13px}.tool-chip small{grid-column:2;font-size:10px;color:var(--muted)}.tool-chip>span:last-child{grid-column:3;grid-row:1/3;color:var(--cyan)}
.page-shell{padding-top:24px;padding-bottom:95px;min-height:62vh}.crumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#78899d;font-size:11px;margin-bottom:30px}.crumbs a:hover{color:var(--cyan)}.page-heading{padding:10px 0 32px;border-bottom:1px solid var(--stroke)}.page-heading h1{font-size:clamp(36px,4.2vw,61px)}.page-heading p:last-child{max-width:810px;margin-top:17px;line-height:1.9;font-size:14px}.filter-tabs{display:flex;align-items:center;gap:9px;overflow-x:auto;white-space:nowrap;padding:23px 0}.filter-tabs a{border:1px solid var(--stroke);background:var(--card);padding:8px 17px;border-radius:4px;font-size:13px;font-weight:750}.filter-tabs a.active,.filter-tabs a[aria-current]{background:#0f3441;color:var(--cyan);border-color:var(--cyan)}.result-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:0 0 18px}.browse-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.browse-grid .story-card{margin-bottom:5px}.browse-grid .story-title{font-size:15px}.browse-bottom{background:linear-gradient(130deg,#12303c,#141e28);border:1px solid #2b4856;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;margin-top:50px}.browse-bottom .eyebrow{margin-bottom:8px}.browse-bottom h2{font-size:27px}.browse-bottom p:not(.eyebrow){font-size:13px;margin-top:9px}.browse-bottom .btn{white-space:nowrap}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:33px}.watch-main{min-width:0}.watch-screen{background:#05070b;min-height:390px;aspect-ratio:16/9;border:1px solid #29323f;display:grid;place-items:center;overflow:hidden;border-radius:5px}.watch-screen video{width:100%;height:100%;max-height:680px;background:#000;object-fit:contain}.screen-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;padding:30px}.screen-empty-symbol{height:70px;width:70px;border:2px solid #344e61;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:34px}.screen-empty strong{font-size:19px}.screen-empty p{font-size:13px}.screen-empty span{font-size:10px;letter-spacing:.2em;color:#64778c;margin-top:16px}.watch-heading{padding:23px 0;border-bottom:1px solid var(--stroke)}.watch-heading .eyebrow{margin:0 0 10px}.watch-heading h1{font-size:clamp(29px,3vw,43px)}.watch-heading p:last-child{font-size:12px;margin-top:10px}.episode-section{padding:35px 0;border-bottom:1px solid var(--stroke)}.episode-section .section-top{margin-bottom:20px}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.episode-button{min-width:0;border:1px solid var(--stroke);padding:13px;background:var(--card);border-radius:4px;display:flex;flex-direction:column;gap:5px}.episode-button b{color:var(--cyan);font-size:21px}.episode-button span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b0bbca}.episode-button.current{border-color:var(--cyan);background:#10303f}.episode-story{background:#121c25;border-left:3px solid var(--cyan);padding:20px;margin-top:20px}.episode-story span{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.12em}.episode-story h3{font-size:19px;margin:7px 0}.episode-story p{font-size:12px}.synopsis-section{padding:35px 0;border-bottom:1px solid var(--stroke)}.synopsis-section h2,.production-note h2{font-size:25px}.synopsis-section p,.production-note p{margin-top:15px;line-height:2;font-size:14px}.synopsis-section h3{margin-top:30px;font-size:18px}.production-note{padding:30px 0}.production-note .mini-tag{margin-bottom:12px}.production-note a{display:inline-block;margin-top:16px;color:var(--cyan);font-size:13px;font-weight:800}.watch-sidebar h2{font-size:20px;margin-bottom:17px}.sidebar-sticky{position:sticky;top:110px}.compact-list{display:grid;gap:14px}.compact-list a{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:14px}.compact-list img{width:64px;height:94px;object-fit:cover;border:1px solid var(--stroke);border-radius:4px}.compact-list strong{display:block;font-size:13px;line-height:1.5}.compact-list small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.sidebar-more{width:100%;margin-top:22px}
.article-cover{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;background:linear-gradient(145deg,#122330,#10161f);border:1px solid #2b3b4a;padding:58px 50px;min-height:375px}.article-cover h1{font-size:clamp(35px,3.6vw,55px);line-height:1.25}.article-cover h1 em{font-style:normal;color:var(--cyan)}.article-cover p:not(.eyebrow){max-width:650px;margin-top:25px;font-size:14px;line-height:2}.cover-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.cover-links a{padding:7px 12px;background:#1d303d;border:1px solid #355166;border-radius:4px;color:#aeeaff;font-size:12px}.cover-visual{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:15px}.visual-label{font-size:10px;font-weight:900;color:var(--green);letter-spacing:.2em}.visual-line{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:10px;padding:13px;border:1px solid #345064;background:rgba(10,20,29,.65)}.visual-line b{color:var(--cyan);font-size:20px}.visual-line span{color:#c4d4df;font-size:12px;font-weight:900;letter-spacing:.12em}.visual-line i{font-style:normal;color:var(--green)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:65px;margin-top:55px}.longform{min-width:0}.guide-section{padding:0 0 48px;margin-bottom:47px;border-bottom:1px solid var(--stroke);scroll-margin-top:120px}.guide-section h2{font-size:clamp(27px,2.8vw,36px);margin-bottom:21px}.guide-section h3{font-size:20px;margin:33px 0 12px}.guide-section p{font-size:15px;line-height:2.1;margin:14px 0}.guide-section a:not(.btn){color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:24px 0}.info-grid div{padding:17px;background:var(--card);border:1px solid var(--stroke);display:flex;flex-direction:column}.info-grid b{font-size:11px;color:#96a5b7}.info-grid strong{font-size:26px;color:var(--cyan);font-weight:900;margin:7px 0}.info-grid span{font-size:11px;color:var(--muted)}.example-box{padding:24px;border:1px solid #2c4454;background:linear-gradient(90deg,#152c37,#17212b);border-radius:5px}.example-box>span{font-size:11px;color:var(--cyan);font-weight:900}.example-box p{color:#cbd8e3;margin-bottom:0}.prompt-box{background:#0a1119;border:1px solid #29435a;border-radius:5px;position:relative;margin:19px 0}.prompt-box pre{margin:0;padding:44px 20px 20px;white-space:pre-wrap;overflow-wrap:anywhere;color:#a8d5e7;font-size:13px;line-height:1.9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.copy-button{position:absolute;right:11px;top:9px;background:#173547;border:1px solid #335568;padding:5px 11px;border-radius:3px;color:var(--cyan);font-size:11px}.shot-table-wrap{overflow-x:auto;border:1px solid var(--stroke);border-radius:4px;margin:22px 0}.shot-table-wrap table{width:100%;border-collapse:collapse;min-width:570px;text-align:left;font-size:13px}.shot-table-wrap caption{text-align:left;padding:12px 15px;background:#1c2935;color:var(--cyan);font-size:11px;font-weight:800}.shot-table-wrap th{padding:13px 15px;color:var(--cyan);background:#1a2731;white-space:nowrap;font-weight:800}.shot-table-wrap td{padding:13px 15px;border-top:1px solid var(--stroke);color:#b1becc;vertical-align:top}.shot-table-wrap tr:nth-child(even) td{background:#121b25}.checklist{padding:0;list-style:none;counter-reset:item;display:grid;gap:12px;margin:18px 0}.checklist li{counter-increment:item;padding:14px 17px 14px 48px;border:1px solid var(--stroke);background:#151e27;color:#aebac9;position:relative;font-size:14px;line-height:1.85}.checklist li:before{content:counter(item,decimal-leading-zero);position:absolute;left:14px;top:14px;font-size:13px;font-weight:900;color:var(--green)}.checklist strong{color:var(--text)}.guide-end{padding:28px;border:1px solid #305064;background:#112532}.guide-end h2{margin-bottom:10px}.guide-end .btn{text-decoration:none;margin-top:15px}.article-sidebar{min-width:0}.guide-index{position:sticky;top:110px;border-left:1px solid #344755;padding:20px 0 20px 20px;display:flex;flex-direction:column;gap:13px}.guide-index .eyebrow{margin-bottom:4px}.guide-index a{font-size:13px;color:#a8b7c8}.guide-index a:hover{color:var(--cyan)}.guide-index hr{width:100%;border:0;border-top:1px solid var(--stroke)}
.tools-head h1 span{color:var(--cyan)}.tool-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:28px 0}.tool-overview div{padding:23px;background:#16222c;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:4px}.tool-overview span{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--green)}.tool-overview strong{font-size:23px;font-weight:850}.tool-overview small{font-size:12px;color:var(--muted)}.tool-section-top{margin-top:21px}.tool-directory{display:grid;gap:14px}.tool-directory-card{display:grid;grid-template-columns:75px minmax(0,1fr);gap:18px;background:var(--card);border:1px solid var(--stroke);padding:25px 29px;scroll-margin-top:110px}.tool-order{font-size:37px;font-weight:900;color:#315063;letter-spacing:-.05em}.tool-detail-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.tool-detail-title h3{font-size:25px;margin:10px 0 0}.tool-out{border:1px solid #335e70;background:#13303e;padding:8px 13px;border-radius:3px;font-size:12px;color:var(--cyan);font-weight:800;white-space:nowrap}.tool-detail p{font-size:13px;margin-top:11px;line-height:1.9}.tool-focus b{color:#e2e9f1}.tool-footnote{font-size:11px;color:#8394a7;margin-top:16px;padding-top:13px;border-top:1px solid #35404c}.comparison{margin-top:65px}.tool-final{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;background:linear-gradient(120deg,#123642,#17212b);padding:30px;border:1px solid #305a68}.tool-final h2{font-size:27px}.tool-final p:not(.eyebrow){font-size:13px;margin-top:10px}.tool-final .btn{white-space:nowrap}
.search-large{border:1px solid #334150;background:#141e28;padding:26px;margin:28px 0 45px}.search-large label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.search-large>div{display:flex;gap:10px}.search-large input{background:#080d14;border:1px solid #38495a;padding:12px 13px;color:#fff;min-width:0;flex:1;border-radius:4px}.search-large .btn{min-width:100px}.search-extras{display:grid;gap:11px;margin-top:27px}.search-extras a{padding:18px 20px;background:var(--card);border:1px solid var(--stroke);display:grid;grid-template-columns:1fr 1.7fr auto;align-items:center;gap:16px}.search-extras strong{font-size:15px}.search-extras span{font-size:12px;color:var(--muted)}.search-extras b{color:var(--cyan)}.search-suggestions{padding:10px 0;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.search-suggestions h2{font-size:19px;margin-right:16px}.search-suggestions a{padding:8px 15px;background:var(--card);border:1px solid var(--stroke);font-size:12px}.empty-results{padding:50px 25px;text-align:center;border:1px dashed #33475a;background:#121b24}.empty-results strong{font-size:23px}.empty-results p{margin:10px 0 25px}.notfound{text-align:center;padding-top:100px;padding-bottom:140px}.notfound h1{font-size:42px}.notfound p:not(.eyebrow){margin:15px auto 30px;max-width:520px}.notfound .btn{margin:5px}
.site-footer{border-top:1px solid #2c3642;background:#080c12;padding:60px 0 23px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .9fr 1.2fr;gap:45px}.footer-brand{font-size:27px;font-weight:950;letter-spacing:-.06em}.footer-grid p{font-size:12px;line-height:1.85;margin-top:15px;max-width:340px}.footer-grid h2{font-size:13px;letter-spacing:.06em;margin:5px 0 19px}.footer-grid a:not(.footer-brand){display:block;font-size:12px;color:#8798a9;margin:10px 0}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #202936;margin-top:42px;padding-top:20px;font-size:11px;color:#667789}.footer-bottom a:hover{color:var(--cyan)}
@media(min-width:1200px){.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.browse-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{min-height:610px}.hero-stage{height:555px}.hero-poster{height:490px}}
@media(max-width:1120px){.header-main{gap:25px}.nav-primary{gap:16px}.global-search{width:26%}.hero{grid-template-columns:1fr .82fr}.hero-copy{padding-left:0}.hero-stage{height:480px}.hero-poster{height:420px;width:265px}.browse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:24px}}
@media(max-width:800px){.container{padding-inline:18px}.header-main{min-height:66px;gap:12px}.brand{font-size:22px}.brand img{width:35px;height:35px}.nav-primary{display:none}.global-search{margin-left:auto;max-width:360px;width:48%}.menu-toggle{display:block}.mobile-menu.is-open{display:grid;grid-template-columns:repeat(2,1fr);padding:12px 18px 17px;gap:8px;border-top:1px solid var(--stroke)}.mobile-menu a{background:#17222d;padding:10px 12px;font-size:13px;font-weight:800}.hero{gap:14px;grid-template-columns:1fr .75fr;min-height:430px}.hero h1{font-size:clamp(35px,5.7vw,55px)}.hero-desc{font-size:13px}.hero-stage{height:390px}.hero-poster{height:360px;width:210px}.hero-genres{margin-top:24px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-editorial{padding:20px}.editorial-promo{padding:10px}.article-cover{grid-template-columns:1fr;padding:32px 28px}.cover-visual{display:none}.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{display:none}.watch-layout{grid-template-columns:minmax(0,1fr)}.watch-sidebar{display:none}.watch-screen{min-height:320px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.tool-overview{gap:9px}}
@media(max-width:560px){.container{padding-inline:14px}.header-main{gap:9px}.brand{font-size:19px}.brand img{width:30px;height:30px}.brand small{font-size:7px}.global-search{width:auto;min-width:0;flex:1;height:37px}.global-search input{padding:0 8px;font-size:11px}.global-search button{padding:0 7px}.menu-toggle{height:37px;width:39px;padding:9px}.hero{grid-template-columns:1fr;padding:35px 0 20px;gap:6px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,10.5vw,67px)}.hero-desc{font-size:14px;margin-top:17px}.hero-actions{margin-top:21px}.hero-actions .btn{flex:1;padding:11px 12px;white-space:nowrap;font-size:12px}.hero-genres{margin-top:23px}.hero-stage{height:270px;margin-top:4px}.hero-poster{height:258px;width:158px;transform:rotate(4deg)}.hero-poster .stage-gradient{padding:42px 9px 9px}.stage-gradient strong{font-size:13px}.stage-gradient small{font-size:9px;margin:5px 0}.stage-cta{font-size:9px;margin-top:3px;padding:4px 5px}.stage-badge{top:7px;left:6px;padding:4px 6px;font-size:7px}.ticker{padding:11px 0;gap:17px}.section-block,.genre-section,.studio-preview,.tool-preview{padding-top:38px}.section-top{align-items:start;gap:12px}.section-top .text-link{font-size:11px;white-space:normal;text-align:right;max-width:120px}.section-top h2{font-size:25px}.section-caption{font-size:12px}.story-grid,.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}.story-title{font-size:14px}.browse-grid .story-title{font-size:14px}.story-excerpt{font-size:11px}.genre-grid{gap:9px}.genre-tile{min-height:155px;padding:13px}.genre-code{top:12px;left:12px;font-size:8px}.genre-tile strong{font-size:18px}.genre-tile>b{right:12px;bottom:11px}.split-editorial{margin-top:35px;grid-template-columns:1fr;gap:9px;padding:19px 14px}.editorial-promo{padding:0}.editorial-promo h2{font-size:30px}.editorial-cards{grid-template-columns:repeat(2,1fr);max-width:none}.editorial-cards .poster{height:210px;aspect-ratio:auto}.step-preview-grid{gap:9px}.step-preview{padding:14px 12px;min-height:245px}.step-preview h3{font-size:14px;margin:14px 0 8px}.step-preview p{font-size:11px}.step-number{font-size:27px}.tool-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-chip{padding:12px 8px;grid-template-columns:28px 1fr auto;gap:3px}.tool-chip-icon{width:26px;height:26px;font-size:16px}.tool-chip strong{font-size:12px}.tool-chip small{font-size:9px}.page-shell{padding-bottom:60px}.page-heading h1{font-size:35px}.page-heading p:last-child{font-size:13px}.filter-tabs{gap:7px}.filter-tabs a{padding:7px 12px;font-size:12px}.result-line{font-size:11px}.browse-bottom,.tool-final{flex-direction:column;align-items:start;padding:22px 17px}.browse-bottom h2,.tool-final h2{font-size:23px}.watch-screen{aspect-ratio:4/3;min-height:230px}.watch-heading h1{font-size:30px}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.episode-button{padding:10px 7px}.episode-button b{font-size:18px}.episode-button span{font-size:10px}.article-cover{padding:30px 19px}.article-cover h1{font-size:32px}.article-cover p:not(.eyebrow){font-size:13px}.article-layout{margin-top:35px}.guide-section{margin-bottom:35px;padding-bottom:32px}.guide-section h2{font-size:26px}.guide-section h3{font-size:18px}.guide-section p{font-size:13px}.info-grid{grid-template-columns:1fr;gap:7px}.info-grid div{padding:13px}.info-grid strong{font-size:22px;margin:2px 0}.tool-overview{grid-template-columns:1fr;gap:8px}.tool-overview div{padding:14px}.tool-overview strong{font-size:19px}.tool-directory-card{grid-template-columns:1fr;padding:19px;gap:8px}.tool-order{font-size:22px}.tool-detail-title h3{font-size:22px}.tool-out{padding:7px 8px}.search-large{padding:16px}.search-extras a{grid-template-columns:1fr auto}.search-extras span{grid-row:2;grid-column:1 / 3}.search-extras b{grid-column:2;grid-row:1}.search-suggestions h2{width:100%}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.footer-grid p{font-size:11px}.footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}