/* AI Cinema — responsive dark editorial interface */
:root{color-scheme:dark;--bg:#0D1117;--deep:#080A0F;--surface:#161D26;--line:#293441;--text:#F3F4F6;--muted:#A2ADBD;--blue:#00C8FF;--green:#10B981;--red:#FF2E54;--radius:5px;--space:clamp(18px,3vw,46px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);font:15px/1.75 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,4.3rem);font-weight:850}h2{font-size:clamp(1.4rem,2.25vw,2.1rem);font-weight:800}h3{font-size:1.08rem;font-weight:800}p{color:var(--muted)}.shell{width:min(1480px,calc(100% - 2*var(--space)));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-100px;background:var(--blue);color:#071018;padding:12px;z-index:99}.skip-link:focus{top:16px}.topbar{position:sticky;top:0;z-index:30;background:#0D1117f2;border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px)}.topbar-inner{display:flex;align-items:center;gap:30px;min-height:74px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand img{width:35px;height:35px;border-radius:4px}.brand strong{font-size:1.35rem;color:#fff}.brand-suffix{font-size:.55rem;letter-spacing:.17em;color:var(--blue);align-self:flex-end;margin-bottom:14px}.primary-nav{display:flex;gap:clamp(13px,1.7vw,28px);margin-left:auto}.primary-nav a{font-weight:700;color:#D5DCE7;white-space:nowrap;font-size:.93rem}.primary-nav a:hover{color:var(--blue)}.top-search{display:flex;border:1px solid var(--line);border-radius:5px;background:var(--surface);overflow:hidden;width:245px}.top-search input{min-width:0;flex:1;width:100%;border:0;color:#fff;background:transparent;padding:9px 12px;outline:none}.top-search button{background:#283643;color:var(--text);border:0;padding:0 14px;font-weight:700}.top-search button:hover{background:var(--blue);color:#00151b}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:6px 10px}.mobile-nav{display:none}.section{margin-top:clamp(46px,5.4vw,82px)}.section-kicker,.eyebrow{font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;color:var(--blue);font-weight:800;display:block;margin-bottom:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:0 0 9px}.section-heading p{margin:0}.section-heading.small h2{font-size:1.55rem}.text-link{white-space:nowrap;color:var(--blue);font-weight:750;border-bottom:1px solid #00c8ff66;padding-bottom:3px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:4px;padding:11px 17px;font-weight:800;line-height:1.3;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.red{background:var(--red);color:#fff}.button.red:hover{background:#ff5371}.button.cyan{background:var(--blue);color:#041722}.button.cyan:hover{background:#60dfff}.button.ghost{background:#0d1117a8;border-color:#ffffff85;color:#fff}.button.outline{border-color:#586471;background:transparent;color:#fff}.button.outline:hover{border-color:var(--blue);color:var(--blue)}
/* Opening content exhibit: tall feature and compact story strip */
.hero{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(255px,.82fr);gap:15px;padding-top:22px}.hero-feature{position:relative;min-height:510px;border:1px solid #ffffff1e;overflow:hidden;border-radius:var(--radius);background:var(--deep)}.hero-art{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-position:center 29%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0ff7 3%,#080a0fb4 38%,#080a0f1a 100%),linear-gradient(0deg,#080a0fd5,transparent 57%)}.hero-content{position:relative;max-width:670px;padding:clamp(28px,5vw,70px);min-height:510px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.hero h1{max-width:560px;margin-bottom:15px;text-shadow:0 4px 22px #000}.hero p{font-size:1.03rem;max-width:500px;color:#e1e6ed}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 30px}.hero-pills{display:flex;flex-wrap:wrap;gap:9px}.hero-pills a{font-size:.79rem;border:1px solid #6bd9f975;background:#021d2b99;color:#adf0ff;padding:3px 11px;border-radius:20px}.hero-rail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:11px}.spot-item{display:grid;grid-template-columns:84px 1fr 17px;align-items:center;gap:13px;flex:1;border-bottom:1px solid #ffffff16;padding-bottom:11px;min-width:0}.spot-item:last-child{border:0}.spot-item img{width:84px;height:125px;border-radius:3px}.spot-item strong{display:block;font-weight:800;line-height:1.3;margin-bottom:8px}.spot-item small{font-size:.73rem;color:var(--muted);line-height:1.5;display:block}.spot-arrow{color:var(--blue)}
/* Posters and catalog */
.show-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.show-card{min-width:0}.poster-link{display:block;position:relative;background:#232d3b;aspect-ratio:9/16;overflow:hidden;border:1px solid #ffffff17;border-radius:4px}.poster-link img{width:100%;height:100%;transition:transform .35s,filter .35s}.poster-link:hover img{transform:scale(1.055);filter:brightness(1.08)}.poster-badge{position:absolute;left:7px;top:7px;background:#080a0fdb;color:#eaf8ff;padding:2px 8px;font-size:.68rem;font-weight:800;border-left:2px solid var(--green)}.show-copy{padding:11px 2px}.show-copy h3{margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-copy h3 a{display:block;overflow:hidden;text-overflow:ellipsis}.show-copy p{font-size:.77rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.46em;margin-bottom:8px}.tiny-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.71rem}.tiny-meta a{color:var(--blue)}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre-tile{border:1px solid var(--line);background:linear-gradient(120deg,#1d2834,#151c26);border-radius:4px;padding:23px;min-height:148px;display:flex;flex-direction:column;position:relative;transition:background .2s,border-color .2s}.genre-tile:nth-child(2){background:linear-gradient(120deg,#1b2839,#111922)}.genre-tile:nth-child(3){background:linear-gradient(120deg,#27212e,#131820)}.genre-tile:nth-child(4){background:linear-gradient(120deg,#182d2c,#151e25)}.genre-tile:hover{border-color:var(--blue)}.genre-tile b{font-size:1.16rem}.genre-tile span{font-size:.8rem;color:var(--muted);margin-top:10px}.genre-tile em{margin-top:auto;color:var(--blue);font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.09em}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid var(--line);background:var(--surface);padding:26px;border-radius:5px;min-width:0}.rank-list{margin:12px 0 0;padding:0;list-style:none}.rank-list li{display:flex;align-items:center;gap:15px;padding:11px 0;border-top:1px solid #ffffff16}.rank-list li a{font-weight:700;flex:1}.rank-number{font-weight:900;font-size:1.3rem;color:#8fa0b4}.rank-list li:nth-child(-n+3) .rank-number{color:var(--red)}.rank-type{font-size:.75rem;color:var(--muted)}.comic-feature{display:flex;gap:24px;align-items:center}.comic-feature img{width:138px;aspect-ratio:9/16;object-fit:cover;flex-shrink:0}.comic-feature h3{font-size:1.6rem}.comic-feature p{font-size:.9rem}.comic-feature .button{margin-top:14px}.craft-section{padding-top:20px;border-top:1px solid #ffffff1c}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{padding:23px;display:flex;flex-direction:column;min-height:208px;border:1px solid #285063;background:linear-gradient(155deg,#132635,#151d27);border-radius:var(--radius)}.step-card:hover{border-color:var(--blue)}.step-number{color:var(--blue);font:900 2rem/1 monospace;margin-bottom:20px}.step-card h3{margin-bottom:8px}.step-card p{font-size:.8rem;flex:1}.step-card>span:last-child{color:var(--blue);align-self:flex-end}.tool-section{margin-bottom:80px}.tool-preview{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--surface)}.tool-preview-item{display:flex;flex-direction:column;min-height:141px;gap:7px;padding:21px;border-right:1px solid var(--line)}.tool-preview-item:last-child{border:0}.tool-preview-item:hover{background:#21313d}.tool-dot{width:11px;height:11px;background:var(--green);border-radius:3px;margin-bottom:5px}.tool-preview-item small{font-size:.76rem;color:var(--muted);line-height:1.3}.tool-preview-item>span:last-child{margin-top:auto;align-self:flex-end;color:var(--blue)}
/* Internal pages */
.page-main{min-height:65vh;padding-top:27px;padding-bottom:75px}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.breadcrumbs a:hover{color:var(--blue)}.page-heading{padding:35px 0 27px;max-width:850px}.page-heading h1{font-size:clamp(2rem,3.7vw,3.5rem);margin-bottom:14px}.page-heading p{font-size:1rem;max-width:760px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-chip{border:1px solid var(--line);background:var(--surface);color:#cbd4df;font-size:.88rem;padding:8px 16px;border-radius:4px}.filter-chip:hover,.filter-chip.active{border-color:var(--blue);background:#05354a;color:#bcf2ff}.library-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-bottom:18px}.library-head h2{font-size:1.3rem;margin:0}.library-head span{font-size:.77rem;color:var(--muted)}.library-grid{grid-template-columns:repeat(5,1fr)}.info-band{margin:60px 0 0;background:linear-gradient(110deg,#143342,#19232e);border:1px solid #246178;border-radius:5px;padding:27px 30px;display:flex;gap:25px;justify-content:space-between;align-items:center}.info-band h2{font-size:1.5rem;margin-bottom:8px}.info-band p{margin:0;max-width:720px}.info-band .button{flex-shrink:0}.detail-layout{display:grid;grid-template-columns:minmax(190px,350px) 1fr;gap:clamp(25px,4vw,60px);margin-top:40px}.detail-poster img{aspect-ratio:9/16;width:100%;border:1px solid var(--line);border-radius:5px}.detail-info{max-width:820px}.detail-info h1{margin:12px 0 20px}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.detail-tags a,.detail-tags span{font-size:.76rem;background:#1b3340;padding:4px 11px;border:1px solid #274555;border-radius:3px;color:#c4ebf3}.detail-info .lead{color:#e3e8ee;font-size:1.22rem;font-weight:600}.detail-info h2{font-size:1.25rem;margin:25px 0 12px}.detail-info p{line-height:1.9}.playback-state{border:1px solid #6b5550;background:#2a211f;border-left:4px solid #e5a45f;border-radius:4px;padding:18px;margin:28px 0}.playback-state strong{color:#f7c68b}.playback-state p{margin:6px 0 0;font-size:.85rem}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.episode-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.episode-list li{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--surface);border:1px solid var(--line)}.episode-list li span{color:var(--blue);font-weight:800;font-family:monospace}.episode-list li strong{flex:1}.episode-list small{color:var(--muted)}.production-panel{border:1px solid #265466;padding:24px;background:#132430;display:flex;align-items:center;justify-content:space-between;gap:40px}.production-panel p{margin-bottom:0;max-width:650px}.production-panel h2{margin-bottom:8px}.panel-links{display:flex;flex-direction:column;gap:15px;flex-shrink:0}.panel-links a{color:var(--blue);font-weight:700}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:970px}
/* Detailed creation guide */
.guide-intro{max-width:1000px}.guide-toc{display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);margin-bottom:32px}.guide-toc strong{color:var(--blue);margin-right:10px}.guide-toc a{font-size:.81rem;color:#d0dce5;border:1px solid #35414e;padding:5px 10px;border-radius:3px}.guide-toc a:hover{border-color:var(--blue)}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:36px}.guide-content{min-width:0}.guide-chapter{padding:8px 0 40px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:130px}.chapter-index{color:var(--blue);font-weight:900;font-size:.75rem;letter-spacing:.18em;margin-bottom:12px}.guide-chapter h2{font-size:clamp(1.4rem,2vw,2rem)}.guide-chapter h3{margin:25px 0 9px}.guide-chapter>p{font-size:1.02rem;line-height:2;max-width:800px}.example-box{margin:24px 0;background:#151f2b;border:1px solid #334354;padding:21px 25px;border-left:3px solid var(--blue)}.example-box h3{font-size:.85rem;color:var(--blue);margin:0 0 9px}.example-box p{margin:0;color:#c9d4e1}.deliverable{display:flex;gap:10px;padding:11px 16px;background:#133127;border:1px solid #295442;color:#bdedcf;font-size:.85rem}.deliverable span{color:var(--green)}.guide-aside{align-self:start;position:sticky;top:104px;display:grid;gap:14px}.aside-box{padding:22px;background:var(--surface);border:1px solid var(--line)}.aside-box h2{font-size:1.25rem}.aside-box p{font-size:.85rem}.aside-box a:not(.button){display:block;border-top:1px solid var(--line);padding:13px 0;font-size:.82rem;color:#dce9f3}.aside-box a:not(.button):hover{color:var(--blue)}.prompt-demo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.prompt-demo>div{background:var(--surface);padding:18px;border:1px solid var(--line)}.prompt-demo>div:nth-child(2){border-color:#236f80}.prompt-demo span{color:var(--blue);font-weight:800;font-size:.81rem}.prompt-demo p{margin:8px 0 0}.check-list{padding-left:20px}.check-list li{padding:8px 0;color:#d4dce6}
/* Tools */
.tool-overview{padding:26px;background:var(--surface);border:1px solid var(--line)}.tool-overview h2{margin-bottom:19px}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stage-grid>div{padding:14px;border:1px solid #3b4d59;background:#101923}.stage-grid b{color:var(--blue);font-family:monospace;display:block;font-size:1.7rem}.stage-grid strong{display:block;margin:8px 0}.stage-grid p{font-size:.84rem;margin:0}.full-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{scroll-margin-top:105px;background:var(--surface);border:1px solid var(--line);padding:24px;min-height:320px;display:flex;flex-direction:column}.tool-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.tool-icon{font-family:monospace;font-size:2.1rem;color:var(--blue);font-weight:900}.tool-stage{font-size:.72rem;background:#0e3544;color:#b6edfa;border:1px solid #246178;padding:3px 8px}.tool-card h3{font-size:1.42rem;margin:20px 0 8px}.tool-card p{font-size:.87rem}.tool-card .tool-note{font-size:.75rem;color:#8d9cac}.tool-card a{margin-top:auto;color:var(--blue);font-weight:750;font-size:.85rem}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.decision-grid article{border-left:2px solid var(--green);background:#17202a;padding:21px}.decision-grid p{font-size:.9rem;margin:0}.decision-grid h3{margin-bottom:9px}
/* Search */
.search-large{max-width:830px;border:1px solid var(--line);background:var(--surface);padding:25px}.search-large label{display:block;font-weight:800;margin-bottom:10px}.search-large>div{display:flex;gap:10px}.search-large input{flex:1;min-width:0;padding:12px;border:1px solid #3c4c5a;background:#10151d;color:#fff}.empty-results{padding:35px;background:var(--surface);border:1px solid var(--line)}.empty-results a,.hint-links a{color:var(--blue)}.hint-links{margin-top:25px}.hint-links a{display:inline-block;margin-right:22px;margin-bottom:12px}.error-panel{padding:110px 0;min-height:60vh}.error-panel p{max-width:580px}.error-panel .button{margin:15px 7px 0 0}
/* Footer */
.site-footer{background:var(--deep);border-top:1px solid var(--line);padding:43px 0 20px}.footer-layout{display:flex;justify-content:space-between;gap:40px}.footer-brand{font-size:1.24rem;font-weight:850}.footer-brand span{font-size:.72rem;color:var(--blue);letter-spacing:.12em}.footer-layout p{font-size:.83rem;margin:8px 0;max-width:650px}.footer-layout .fine-print{font-size:.74rem;color:#7e8b9a}.footer-layout nav{display:flex;flex-wrap:wrap;gap:17px;align-content:start}.footer-layout nav a{font-size:.86rem;color:#c4d0de}.copyright{margin-top:28px;border-top:1px solid #ffffff12;padding-top:16px;font-size:.73rem;color:#758293}
@media(max-width:1200px){.topbar-inner{gap:18px}.brand-suffix{display:none}.top-search{width:210px}.hero{grid-template-columns:minmax(0,2fr) minmax(220px,.8fr)}.hero-feature,.hero-content{min-height:460px}.spot-item{grid-template-columns:67px 1fr 12px}.spot-item img{width:67px;height:104px}.show-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-preview{grid-template-columns:repeat(3,1fr)}.tool-preview-item{border-bottom:1px solid var(--line)}.tool-preview-item:nth-child(3){border-right:0}.tool-preview-item:last-child{border-bottom:0}}
@media(max-width:900px){.topbar-inner{flex-wrap:wrap;padding-block:11px;gap:13px}.primary-nav{order:3;width:100%;margin:0;justify-content:space-between}.top-search{margin-left:auto;width:270px}.hero{grid-template-columns:1fr}.hero-feature,.hero-content{min-height:430px}.hero-rail{flex-direction:row;flex-wrap:wrap}.hero-rail .section-kicker{width:100%;margin-bottom:0}.spot-item{flex:1;min-width:190px;border:0}.show-grid,.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr}.full-tool-grid{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.guide-aside{position:static;grid-template-columns:1fr 1fr}.stage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){:root{--space:17px}body{font-size:14px}.topbar-inner{min-height:60px;gap:10px}.brand strong{font-size:1.2rem}.brand img{width:30px;height:30px}.primary-nav{display:none}.top-search{order:3;width:100%;margin:0}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:none;flex-wrap:wrap;gap:0 18px;padding-bottom:12px}.mobile-nav.open{display:flex}.mobile-nav a{padding:8px 0;font-weight:700}.hero{padding-top:12px}.hero-feature,.hero-content{min-height:440px}.hero-content{padding:25px 19px}.hero h1{font-size:2.15rem}.hero p{font-size:.92rem}.hero-shade{background:linear-gradient(0deg,#080a0ff0 10%,#080a0f70 70%)}.hero-actions{gap:8px;margin-bottom:17px}.hero-actions .button{font-size:.78rem;padding:10px}.hero-rail{gap:6px;padding:12px}.spot-item{min-width:0;width:100%;flex:auto;grid-template-columns:52px 1fr 16px}.spot-item img{width:52px;height:81px}.spot-item strong{font-size:.91rem}.section{margin-top:45px}.section-heading{align-items:flex-start}.section-heading p{font-size:.83rem}.section-heading .text-link{font-size:.75rem;margin-top:11px}.show-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.show-copy h3{font-size:.96rem}.genre-grid,.steps-grid{gap:9px}.genre-tile{padding:16px;min-height:140px}.genre-tile b{font-size:1rem}.genre-tile span{font-size:.73rem}.panel{padding:17px}.comic-feature{gap:13px}.comic-feature img{width:100px}.comic-feature h3{font-size:1.16rem}.comic-feature p{font-size:.78rem}.comic-feature .button{font-size:.75rem;padding:8px}.step-card{padding:15px;min-height:195px}.step-number{font-size:1.5rem}.step-card p{font-size:.74rem}.tool-preview{grid-template-columns:repeat(2,1fr)}.tool-preview-item{padding:15px;min-height:134px}.tool-preview-item:nth-child(3){border-right:1px solid var(--line)}.tool-preview-item:nth-child(2n){border-right:0}.page-main{padding-top:17px}.page-heading{padding:26px 0 20px}.page-heading h1{font-size:2rem}.filter-bar{gap:7px}.filter-chip{font-size:.76rem;padding:7px 11px}.detail-layout{grid-template-columns:1fr;gap:26px;margin-top:20px}.detail-poster{width:min(270px,70%)}.detail-info h1{font-size:2.15rem}.episode-list li{gap:9px;padding:12px}.episode-list small{font-size:.65rem}.production-panel,.info-band{flex-direction:column;align-items:stretch;gap:18px}.related-grid{grid-template-columns:repeat(2,1fr)}.guide-toc{gap:7px}.guide-toc strong{width:100%}.guide-toc a{font-size:.74rem}.prompt-demo,.guide-aside,.full-tool-grid,.decision-grid{grid-template-columns:1fr}.stage-grid{gap:7px}.stage-grid>div{padding:11px}.stage-grid strong{font-size:.9rem}.stage-grid p{font-size:.75rem}.search-large{padding:16px}.search-large>div{flex-direction:column}.footer-layout{flex-direction:column;gap:17px}.footer-layout nav{gap:11px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}