/* AI DRAMA / carbon cinema + creator workbench */
:root{color-scheme:dark;--bg:#0D1117;--panel:#161D26;--void:#080A0F;--line:rgba(175,199,220,.14);--ink:#F3F4F6;--muted:#8A94A6;--cyan:#00C8FF;--green:#10B981;--red:#FF2E54;--radius:5px;--width:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(32px,4.4vw,64px);font-weight:850}h2{font-size:clamp(23px,2.2vw,32px)}h3{font-size:18px}p{color:var(--muted)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{background:var(--cyan);color:#06101a}.shell{width:min(calc(100% - 64px),var(--width));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--cyan);color:var(--void);padding:8px 16px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(13,17,23,.94);backdrop-filter:blur(16px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:900;white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain}.brand i{font-size:10px;color:var(--cyan);font-style:normal;letter-spacing:.14em;border:1px solid #12546a;border-radius:3px;padding:1px 3px}.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav a{font-weight:650;color:#b6c0ce;white-space:nowrap;font-size:14px}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--cyan)}.search{margin-left:auto;display:flex;align-items:center;max-width:300px;min-width:170px;flex:1;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);height:39px}.search input{min-width:0;width:100%;border:0;background:transparent;outline:0;color:var(--ink);padding:7px 10px 7px 14px;font-size:13px}.search input::placeholder{color:#728092}.search button{color:var(--cyan);border:0;background:transparent;font-size:27px;line-height:1;padding:0 13px}.search:focus-within{border-color:var(--cyan)}main.shell{min-height:60vh}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.63fr);gap:35px;min-height:485px;padding:34px 0;align-items:stretch;border-bottom:1px solid var(--line)}.hero-copy{background:radial-gradient(ellipse at 96% 10%,rgba(0,200,255,.12),transparent 48%),linear-gradient(135deg,#121c27,#0d1117 70%);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4.6vw,74px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;right:-120px;bottom:-150px;width:400px;height:400px;border:1px solid rgba(0,200,255,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(0,200,255,.025),0 0 0 140px rgba(0,200,255,.02);pointer-events:none}.eyebrow,.section-kicker{color:var(--cyan);letter-spacing:.16em;font-weight:800;font-size:11px;text-transform:uppercase}.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 12px var(--green)}.hero h1{max-width:780px;margin:17px 0 22px}.accent{display:block;color:var(--cyan)}.hero-lead{max-width:600px;color:#c0c8d4;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{min-height:42px;padding:9px 22px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-hot{background:var(--red);color:white}.btn-hot:hover{background:#fa4566}.btn-ghost{border-color:rgba(212,228,246,.25);background:#1a2431}.btn-ghost:hover{border-color:var(--cyan)}.availability-note{font-size:12px;margin:21px 0 0;color:#8592a4}.hero-feature{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.hero-feature a{display:block;height:100%;position:relative}.hero-feature img{width:100%;height:100%;max-height:570px;min-height:400px;object-fit:cover;object-position:center 30%}.hero-feature a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.85))}.hero-overlay{position:absolute;bottom:21px;left:24px;right:20px;z-index:1;display:flex;flex-direction:column}.hero-overlay small{color:var(--cyan);font-size:12px;font-weight:700}.hero-overlay strong{font-size:30px;line-height:1.3}.hero-overlay em{color:#e1e7f0;font-style:normal;font-size:12px}.section{padding:36px 0 12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}.section-heading h2{margin:4px 0 0;font-weight:850}.section-kicker{margin:0;font-size:10px}.subtle-link{color:var(--cyan);font-size:13px;font-weight:750;white-space:nowrap}.subtle-link:hover{text-decoration:underline}.drama-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.drama-card{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s}.drama-card:hover{border-color:rgba(0,200,255,.52);transform:translateY(-3px)}.poster-link{position:relative;display:block;aspect-ratio:9/13.5;overflow:hidden;background:linear-gradient(145deg,#26364d,#111926)}.poster-link img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.drama-card:hover img{transform:scale(1.035)}.poster-link:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.35))}.poster-badge,.poster-format{position:absolute;z-index:2;font-size:11px;font-weight:800;padding:3px 9px;border-radius:3px}.poster-badge{top:10px;left:10px;background:var(--green);color:#041d15}.poster-format{bottom:11px;left:11px;background:rgba(7,14,20,.75);color:#e3eff6;border:1px solid rgba(255,255,255,.16)}.card-body{padding:14px 13px 16px}.card-body h3{margin-bottom:5px;font-size:18px;font-weight:830}.card-body a:hover{color:var(--cyan)}.meta{font-size:12px;margin:0 0 7px}.card-summary{font-size:13px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.genre-strip{display:flex;gap:10px;overflow-x:auto;padding:3px 0 10px;scrollbar-color:#3b4957 transparent}.genre-strip a{white-space:nowrap;padding:12px 18px;background:var(--panel);border:1px solid var(--line);border-radius:4px;font-weight:750;font-size:13px;display:flex;align-items:center;gap:12px}.genre-strip a:hover{border-color:var(--cyan)}.genre-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%}.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-strip a{position:relative;background:var(--panel);border:1px solid var(--line);padding:22px 19px;border-radius:var(--radius);min-height:200px}.workflow-strip a:hover{border-color:var(--cyan)}.step-number{font-weight:900;color:var(--cyan);font-size:26px}.workflow-strip h3{margin:13px 0 8px}.workflow-strip p{font-size:12px;max-width:240px}.step-arrow{position:absolute;top:14px;right:16px;color:var(--cyan)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tool-card{height:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column}.tool-card:hover{border-color:rgba(0,200,255,.45)}.tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-mark{font-size:28px;color:var(--green)}.tool-stage{font-size:11px;color:var(--muted);text-align:right}.tool-card h3{margin:18px 0 8px;font-size:21px}.tool-card p{font-size:13px;flex:1}.tool-card a{color:var(--cyan);font-weight:750;font-size:12px;align-self:start}.site-footer{margin-top:56px;background:var(--void);border-top:1px solid var(--line)}.footer-grid{padding:39px 0 24px;display:grid;grid-template-columns:1fr auto;gap:40px}.footer-brand{font-weight:900;font-size:21px}.footer-brand span{font-weight:400;color:var(--muted);font-size:13px}.footer-grid p{font-size:12px;max-width:580px;margin:14px 0 0}.footer-grid nav{display:grid;grid-template-columns:repeat(2,max-content);gap:12px 24px;font-size:13px;color:#b6c5d1}.footer-grid nav a:hover{color:var(--cyan)}.legal{border-top:1px solid var(--line);padding:19px 0 23px;color:var(--muted);font-size:11px}.page-intro{padding:46px 0 23px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(30px,3.5vw,48px);margin:12px 0 15px}.page-intro p:last-child{font-size:15px;max-width:850px;line-height:1.9}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:24px 0 17px}.filter-chip{font-size:12px;border:1px solid var(--line);border-radius:4px;padding:7px 14px;background:var(--panel);color:#bec7d3}.filter-chip:hover,.filter-chip.is-active{border-color:var(--cyan);color:#031b25;background:var(--cyan)}.result-line{display:flex;gap:9px;color:#b4c1cd;font-size:13px;margin-bottom:19px;font-weight:750}.result-line span{font-weight:400;color:var(--muted)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.context-note{margin:34px 0;background:linear-gradient(120deg,#142631,var(--panel));border:1px solid rgba(0,200,255,.27);padding:22px 26px;border-radius:4px}.context-note strong{font-size:18px}.context-note p{margin:8px 0}.context-note a{color:var(--cyan);font-weight:800}.breadcrumbs{display:flex;gap:10px;font-size:12px;padding:22px 0;color:var(--muted)}.breadcrumbs a:hover{color:var(--cyan)}.detail-layout{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(25px,4vw,60px);align-items:start}.detail-poster{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel)}.detail-poster img{width:100%;aspect-ratio:9/16;object-fit:cover}.detail-content h1{font-size:clamp(32px,3.5vw,52px);margin:13px 0 10px}.detail-tagline{color:#dce4ed;font-size:18px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 28px}.detail-tags>*{padding:4px 10px;color:var(--cyan);background:#14212c;border:1px solid #284459;font-size:12px;border-radius:3px}.detail-content h2{font-size:20px;margin:27px 0 12px}.detail-content p{line-height:1.95}.release-box{margin-top:24px;background:#162a26;border:1px solid rgba(16,185,129,.35);padding:18px;border-radius:4px}.release-box strong{color:#8be6c4}.release-box p{font-size:13px;margin:7px 0 0}.detail-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-tools span{color:var(--muted);font-size:12px}.detail-tools a{font-size:12px;border:1px solid var(--line);padding:4px 10px;border-radius:4px}.detail-tools a:hover{border-color:var(--cyan)}.guide-intro{max-width:960px}.step-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:25px 0}.step-nav a{background:var(--panel);border:1px solid var(--line);padding:15px;border-radius:4px;font-size:12px;font-weight:750}.step-nav a:hover{border-color:var(--cyan)}.step-nav b{display:block;font-size:21px;color:var(--cyan);line-height:1.4}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start;padding-top:8px}.guide-main{min-width:0}.guide-main>h2{margin:20px 0 12px}.guide-main>p{max-width:800px}.three-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 38px}.three-points>div{background:var(--panel);border:1px solid var(--line);padding:17px}.three-points strong{font-size:15px}.three-points p{font-size:12px;margin:8px 0 0}.guide-step{padding:31px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.step-heading{display:flex;align-items:baseline;gap:15px}.step-heading span{color:var(--cyan);font-size:30px;font-weight:900}.step-heading h2{font-size:26px}.guide-step p{line-height:1.97;max-width:870px}.guide-summary{color:#d4e0e9;font-size:16px;font-weight:650}.example-box,.prompt-box{padding:20px;background:#121f2a;border:1px solid rgba(0,200,255,.25);border-left:3px solid var(--cyan);border-radius:3px}.example-box strong{font-size:13px;color:var(--cyan)}.example-box p{margin:8px 0 0}.prompt-box p{color:#d5e4ee;line-height:2}.copy-btn{background:var(--cyan);border:0;border-radius:3px;color:#04131a;padding:7px 17px;font-size:12px;font-weight:800}.check-list{padding-left:22px;color:#b6c4ce;line-height:2.1}.guide-aside{position:sticky;top:106px}.aside-panel{background:var(--panel);border:1px solid var(--line);padding:20px;margin-bottom:15px}.aside-panel h2{font-size:17px}.aside-panel p{font-size:12px}.aside-panel a{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.aside-panel a:hover{color:var(--cyan)}.aside-panel a span{color:var(--muted);font-size:11px}.tool-directory{padding-top:26px}.tool-directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-directory .tool-card{min-height:230px}.table-scroll{overflow-x:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left;font-size:13px}th,td{padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:#1e2a37;color:#eaf4f9}tbody tr:nth-child(even){background:#121a23}tbody th{white-space:nowrap}td{color:#acb9c7}td a{color:var(--cyan);font-weight:800;white-space:nowrap}.decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.decision-grid article{background:var(--panel);border:1px solid var(--line);padding:22px}.decision-grid span{color:var(--cyan);font-size:10px;letter-spacing:.14em;font-weight:900}.decision-grid h3{margin:16px 0 10px}.decision-grid p{font-size:13px;margin:0}.empty-state{text-align:center;padding:90px 12px;background:var(--panel);border:1px solid var(--line);margin:30px 0}.empty-state h2{margin:10px 0}.empty-state p{margin:0 auto 23px;max-width:560px}.not-found{margin-top:40px}.not-found .btn{margin:5px}.big-404{font-size:clamp(70px,15vw,150px);font-weight:950;letter-spacing:-.07em;color:var(--cyan);line-height:1}
@media(max-width:1100px){.header-inner{gap:20px}.primary-nav{gap:15px}.drama-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(calc(100% - 32px),var(--width))}.site-header{position:relative}.header-inner{min-height:0;padding:12px 0;flex-wrap:wrap;gap:12px}.brand{font-size:19px}.brand img{width:30px;height:30px}.primary-nav{order:3;width:100%;justify-content:space-between;gap:4px;overflow-x:auto;padding:7px 0 1px}.primary-nav a{font-size:12px}.search{min-width:0;max-width:none;flex:1}.hero{grid-template-columns:1fr;gap:12px;padding:18px 0;min-height:0}.hero-copy{padding:27px 22px}.hero h1{margin:8px 0 15px;font-size:38px}.hero-lead{font-size:14px}.hero-feature a{height:310px}.hero-feature img{height:100%;min-height:0;object-position:center 29%}.hero-overlay strong{font-size:25px}.section{padding-top:27px}.section-heading{align-items:center}.section-heading h2{font-size:22px}.subtle-link{font-size:11px}.drama-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:11px}.card-body h3{font-size:15px}.card-summary{font-size:12px}.poster-badge,.poster-format{font-size:10px}.workflow-strip{grid-template-columns:repeat(2,1fr)}.workflow-strip a{min-height:170px;padding:17px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:16px}.tool-card h3{font-size:18px}.footer-grid{grid-template-columns:1fr}.page-intro{padding:28px 0 15px}.page-intro h1{font-size:32px}.detail-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.detail-content h1{font-size:28px}.detail-content h2{font-size:17px}.detail-tagline{font-size:14px}.guide-layout{grid-template-columns:1fr}.guide-aside{position:static}.step-nav{grid-template-columns:repeat(2,1fr)}.tool-directory .tool-grid{grid-template-columns:repeat(2,1fr)}.three-points{grid-template-columns:1fr}.three-points>div{padding:13px}}
@media(max-width:510px){.shell{width:min(calc(100% - 24px),var(--width))}.search{flex-basis:100%;order:2}.primary-nav{order:3}.hero h1{font-size:35px}.hero-feature a{height:260px}.hero-feature img{object-position:center 35%}.section-heading{gap:7px}.section-heading h2{font-size:20px}.card-summary{display:none}.poster-link{aspect-ratio:9/14}.workflow-strip,.tool-grid,.tool-directory .tool-grid,.decision-grid{grid-template-columns:1fr 1fr}.workflow-strip h3{font-size:15px}.workflow-strip p{font-size:11px}.tool-card-top{flex-wrap:wrap}.tool-card h3{margin-top:12px}.tool-stage{font-size:10px}.tool-card p{font-size:12px}.detail-layout{display:block}.detail-poster{max-width:255px;margin-bottom:24px}.detail-content h1{font-size:32px}.guide-step{padding:24px 0}.step-heading h2{font-size:21px}.filter-chip{padding:6px 10px;font-size:11px}.footer-grid nav{gap:10px 20px}.decision-grid article{padding:14px}.decision-grid h3{font-size:15px}.decision-grid p{font-size:11px}}
@media(max-width:360px){.tool-grid,.tool-directory .tool-grid{grid-template-columns:1fr}.primary-nav a{font-size:11px}.hero-actions{display:grid}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}