:root{color-scheme:dark;--bg:#0d1117;--black:#080a0f;--panel:#161d26;--panel2:#1d2632;--white:#f3f4f6;--dim:#8a94a6;--cyan:#00c8ff;--red:#ff2e54;--green:#10b981;--line:rgba(182,202,222,.13);--radius:5px;--max:1340px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img{max-width:100%;display:block}p{margin:0 0 1.2em}h1,h2,h3{margin:0 0 .55em;line-height:1.22;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,5.3rem)}h2{font-size:clamp(1.7rem,2.7vw,2.55rem)}h3{font-size:1.24rem}small,.small{font-size:.81rem}.muted{color:var(--dim)}.shell{width:min(calc(100% - 56px),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-80px;left:16px;z-index:200;background:var(--cyan);color:#05080d;padding:10px 18px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:60;background:rgba(8,10,15,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.masthead{display:flex;align-items:center;gap:28px;min-height:76px}.identity{display:flex;align-items:center;gap:12px;flex:none}.identity img{width:39px;height:39px;object-fit:contain}.identity span{display:grid;line-height:1.18}.identity b{font-size:1.45rem;letter-spacing:-.06em}.identity small{font-size:.57rem;font-weight:700;letter-spacing:.2em;color:var(--cyan);padding-top:5px}.main-nav{display:flex;gap:4px;align-items:center;white-space:nowrap;margin-left:auto}.main-nav a{color:#b9c1cd;padding:10px 16px;border-radius:4px;font-size:.91rem;font-weight:700}.main-nav a:hover,.main-nav a.current{color:var(--white);background:rgba(0,200,255,.1)}.main-nav a.current{box-shadow:inset 0 -2px var(--cyan)}.top-search{display:flex;align-items:center;background:#141c25;border:1px solid var(--line);width:276px;border-radius:5px;flex:none;overflow:hidden}.top-search input{min-width:0;flex:1;border:0;outline:0;color:var(--white);background:none;padding:10px 12px;font-size:.8rem}.top-search button{width:42px;align-self:stretch;border:0;background:none;color:var(--cyan);font-size:1.55rem}.top-search:focus-within{border-color:var(--cyan)}.eyebrow{text-transform:uppercase;font-weight:800;font-size:.7rem;letter-spacing:.18em;color:var(--cyan);margin:0 0 13px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:5px;padding:10px 22px;font-size:.91rem;font-weight:800;border:1px solid transparent;transition:transform .15s,border-color .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:white;background:var(--red);box-shadow:0 4px 24px rgba(255,46,84,.16)}.btn.primary:hover{background:#ff4164}.btn.outline{border-color:rgba(0,200,255,.42);color:var(--cyan);background:rgba(0,200,255,.06)}.btn.outline:hover{background:rgba(0,200,255,.14)}.btn.quiet{border-color:var(--line);background:var(--panel);color:var(--white)}.btn.quiet:hover{border-color:var(--cyan)}.stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,37%);min-height:540px;margin-top:29px;gap:18px}.stage-copy{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 80% 20%,rgba(0,200,255,.1),transparent 48%),linear-gradient(140deg,#15222d,#101821 65%,#080a0f);border-radius:5px;padding:clamp(32px,5vw,80px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.stage-copy:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(0,200,255,.1);width:500px;height:500px;border-radius:50%;right:-260px;top:-230px;box-shadow:0 0 0 65px rgba(0,200,255,.025),0 0 0 145px rgba(0,200,255,.02)}.stage-tag{display:inline-flex;color:var(--cyan);border:1px solid rgba(0,200,255,.35);padding:3px 12px;border-radius:3px;font-size:.75rem;font-weight:700;background:rgba(0,200,255,.07);margin-bottom:23px}.stage h1{font-size:clamp(2.7rem,5.2vw,5.8rem);margin-bottom:24px;font-weight:900;line-height:1.11}.stage h1 span{font-size:clamp(2rem,3.7vw,4rem);color:var(--cyan)}.stage-lead{max-width:550px;color:#b4c0ce;font-size:1rem;line-height:1.95}.stage-actions{display:flex;align-items:center;gap:30px;margin:22px 0 45px}.text-link{font-weight:800;color:var(--white);white-space:nowrap}.text-link span{color:var(--cyan);margin-left:8px}.stage-points{display:flex;gap:16px;flex-wrap:wrap;color:var(--dim);font-size:.78rem}.stage-points span:before{content:"/";margin-right:8px;color:var(--cyan)}.stage-cover{position:relative;min-height:480px;background:#121b24;border-radius:5px;overflow:hidden;border:1px solid var(--line)}.stage-cover:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.95));pointer-events:none}.stage-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.stage-cover-caption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:30px;display:grid;gap:8px}.stage-cover-caption .flag{font-size:.67rem;color:var(--cyan);font-weight:900;letter-spacing:.16em}.stage-cover-caption strong{font-size:clamp(1.6rem,2.7vw,2.6rem);line-height:1.2}.stage-cover-caption>span:last-child{font-size:.85rem;color:#c1c8d2}.section{padding-block:48px}.section.tight{padding-top:47px}.section-head,.split-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:23px}.section-head h2,.split-title h2{margin-bottom:9px}.section-head p:last-child,.split-title p:last-child{color:var(--dim);margin-bottom:0;font-size:.89rem}.section-link{color:var(--cyan);font-size:.85rem;font-weight:800;white-space:nowrap;margin-bottom:8px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.poster-card{display:block;min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden;transition:transform .16s,border-color .16s}.poster-card:hover{transform:translateY(-5px);border-color:rgba(0,200,255,.52)}.poster-art{position:relative;aspect-ratio:9/16;overflow:hidden;background:linear-gradient(125deg,#222b38,#0e1825)}.poster-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.poster-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.poster-card:hover .poster-art img{transform:scale(1.045)}.poster-chip,.poster-kind{position:absolute;z-index:1;top:9px;font-size:.65rem;font-weight:800;padding:3px 6px;border-radius:3px}.poster-chip{left:8px;background:rgba(0,200,255,.92);color:#061019}.poster-kind{right:8px;background:rgba(8,10,15,.85);color:#e1e7ef;border:1px solid rgba(255,255,255,.2)}.poster-body{padding:11px 11px 14px;display:grid;gap:5px}.poster-body strong{line-height:1.35;font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-body small{color:var(--dim);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em}.genre-tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.genre-tracks a{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid rgba(0,200,255,.13);border-radius:5px;background:linear-gradient(130deg,#1b2733,#10161e);padding:25px;overflow:hidden}.genre-tracks a:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:25px solid rgba(0,200,255,.045);top:-80px;right:-70px}.genre-tracks a:nth-child(2){background:linear-gradient(130deg,#132d39,#111922)}.genre-tracks a:nth-child(3){background:linear-gradient(130deg,#32242a,#151a22)}.genre-tracks a:nth-child(4){background:linear-gradient(130deg,#17322e,#10191c)}.genre-tracks a:hover{border-color:var(--cyan);transform:translateY(-2px)}.genre-tracks a span{color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.1em}.genre-tracks strong{font-size:1.42rem}.genre-tracks em{color:#a3b1be;font-size:.78rem;font-style:normal}.genre-tracks b{font-size:.75rem;margin-top:auto;color:#e8f1f7}.story-board{display:grid;grid-template-columns:1.13fr .87fr;gap:16px}.rank-list{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:8px 20px}.rank-list a{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.rank-list a:last-child{border-bottom:0}.rank-list .rank{font-size:1.4rem;color:var(--cyan);font-weight:900;min-width:38px}.rank-list a:nth-child(n+4) .rank{color:var(--dim)}.rank-list a>span:nth-child(2){display:grid;gap:1px;flex:1}.rank-list strong{font-size:1rem}.rank-list small{color:var(--dim)}.rank-list a>span:last-child{color:var(--cyan)}.spotlight-panel{padding:clamp(22px,4vw,55px);border:1px solid var(--line);border-radius:5px;background:radial-gradient(circle at 100% 0,rgba(16,185,129,.1),transparent 60%),#18212b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.spotlight-panel h3{font-size:clamp(1.5rem,2.6vw,2.5rem);max-width:400px;line-height:1.3}.spotlight-panel p{max-width:490px;color:#a6b4c2;line-height:1.9}.spotlight-panel .btn{margin-top:13px}.creator-band{background:linear-gradient(180deg,#111a24,#0b111a);border-block:1px solid var(--line);margin-top:32px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.step-card{position:relative;display:block;border:1px solid var(--line);border-radius:5px;padding:27px 22px 28px;background:#1a2530;min-height:235px}.step-card:hover{background:#202e3a;border-color:rgba(0,200,255,.4)}.step-card>span{font-weight:900;font-size:1.8rem;letter-spacing:-.05em;color:var(--cyan)}.step-card h3{margin:20px 0 10px}.step-card p{font-size:.82rem;color:var(--dim);margin:0}.step-card b{position:absolute;right:20px;top:23px;font-size:1.2rem;color:var(--cyan)}.tool-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mini-tool{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:18px}.mini-tool:hover{border-color:rgba(0,200,255,.5);background:#1b2935}.mini-icon,.icon-square{display:grid;place-items:center;background:#15303c;border:1px solid rgba(0,200,255,.25);color:var(--cyan);width:48px;height:48px;flex:none;border-radius:4px;font-weight:900;font-size:1.35rem}.mini-tool>span:nth-child(2){flex:1;min-width:0;display:grid;gap:2px}.mini-tool strong{font-size:.98rem}.mini-tool small{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-tool>span:last-child{color:var(--cyan)}.site-footer{background:var(--black);margin-top:50px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:65px;padding-block:45px}.footer-grid strong{font-size:.85rem}.footer-grid nav{display:flex;flex-direction:column;gap:8px}.footer-grid nav a{color:#a9b6c5;font-size:.83rem}.footer-grid p{color:#a9b6c5;font-size:.82rem;line-height:1.9;margin-top:10px}.footer-brand{font-size:1.25rem!important;font-weight:900!important;color:var(--white)!important}.footer-brand span{color:var(--cyan)}.foot-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;color:var(--dim);font-size:.78rem}.crumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--dim);font-size:.76rem;padding:26px 0}.crumb a{color:#a8bac9}.crumb a:hover{color:var(--cyan)}.inner-page{min-height:65vh}.directory-head,.tool-head{padding:20px 0 20px}.directory-head h1,.tool-head h1{font-size:clamp(2.4rem,4.5vw,4.5rem)}.directory-head>p:last-child,.tool-head>p:last-child{color:#b1becb;font-size:1rem;max-width:820px;line-height:1.9}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;padding:18px 0;border-block:1px solid var(--line);margin-top:17px}.filter-bar a{padding:7px 16px;border:1px solid var(--line);background:#151d26;border-radius:4px;font-size:.87rem;font-weight:750}.filter-bar a:hover,.filter-bar a.selected{background:rgba(0,200,255,.13);border-color:var(--cyan);color:var(--cyan)}.directory-meta{display:flex;justify-content:space-between;gap:15px;color:var(--dim);font-size:.8rem;margin:19px 0}.directory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.below-content{padding:30px;margin-top:55px;border:1px solid var(--line);background:linear-gradient(130deg,#1b2733,#10151c);border-radius:5px}.below-content h2{font-size:1.45rem}.below-content p{color:var(--dim)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.show-hero{display:grid;grid-template-columns:minmax(225px,32%) 1fr;gap:clamp(26px,5vw,75px);padding:25px 0 35px;align-items:start}.show-poster{border:1px solid var(--line);border-radius:5px;overflow:hidden;max-width:410px;aspect-ratio:9/16;background:#16222d}.show-poster img{width:100%;height:100%;object-fit:cover}.show-copy{padding-top:clamp(0px,4vw,60px)}.show-copy h1{font-size:clamp(2.5rem,5vw,4.7rem)}.show-copy>p{color:#b5c0ce;font-size:1.02rem;line-height:2;max-width:750px}.show-copy p.show-hook{font-size:1.28rem;color:var(--white);font-weight:800;line-height:1.65;margin-top:20px}.show-tags{display:flex;flex-wrap:wrap;gap:8px}.show-tags>*{background:var(--panel);border:1px solid var(--line);padding:4px 10px;color:#b9c7d4;font-size:.75rem;border-radius:3px}.show-tags a{color:var(--cyan)}.source-state{padding:19px 20px;border:1px solid rgba(16,185,129,.25);border-left:3px solid var(--green);background:rgba(16,185,129,.045);border-radius:4px;margin:28px 0 22px}.source-state strong{color:#a5f0d6;font-size:.89rem}.source-state p{color:#99aea9;margin:6px 0 0;font-size:.83rem;line-height:1.75}.show-section{border-top:1px solid var(--line);padding:34px 0 42px}.episode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.episode-row{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.episode-row span:first-child{color:var(--cyan);font-weight:900;font-size:.72rem;letter-spacing:.1em}.episode-row strong{font-size:1.15rem}.episode-row span:last-child{color:var(--dim);font-size:.75rem}.detail-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-work>div{border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:5px}.detail-work p{color:#adbac7;font-size:.86rem}.inline-link{color:var(--cyan);font-weight:800;font-size:.81rem}.related .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px}.guide-head{border-bottom:1px solid var(--line);padding:40px 0 46px}.guide-head h1{font-size:clamp(2.5rem,4.5vw,4.7rem)}.guide-head h1 span{color:var(--cyan);font-size:.84em}.guide-head>p:not(.eyebrow){font-size:1.1rem;color:#b3c0cc;line-height:1.95;max-width:930px}.guide-toc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:33px}.guide-toc a{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:4px;font-weight:800}.guide-toc a:hover{border-color:var(--cyan)}.guide-toc small{display:block;color:var(--cyan);font-weight:900;margin-bottom:5px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:55px;padding-top:32px}.guide-article{min-width:0}.guide-article>section{scroll-margin-top:100px}.guide-opening{padding:10px 0 43px;border-bottom:1px solid var(--line)}.guide-opening>p{color:#b8c3d0;max-width:830px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0}.check-grid>div{padding:17px;background:var(--panel);border:1px solid var(--line);display:grid;gap:8px}.check-grid strong{color:var(--cyan);font-size:.84rem}.check-grid span{color:var(--dim);font-size:.77rem}.guide-step{padding:45px 0;border-bottom:1px solid var(--line)}.step-number{font-size:.72rem;color:var(--cyan);font-weight:900;letter-spacing:.18em;margin-bottom:10px}.guide-step h2{font-size:clamp(1.8rem,3vw,2.6rem)}.guide-step h3{margin-top:27px}.guide-step p,.guide-step li{color:#b6c3d0;line-height:2}.guide-step p.lead{color:var(--white);font-size:1.1rem;font-weight:750}.guide-step ol,.guide-step ul{padding-left:24px}.guide-step li{margin-bottom:8px}.guide-step li strong{color:var(--white)}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:5px}table{border-collapse:collapse;width:100%;min-width:630px;text-align:left}th,td{padding:14px 17px;vertical-align:top;border-bottom:1px solid var(--line)}thead{background:#1d2a35}thead th{font-size:.76rem;color:#e6f3f9}tbody td,tbody th{font-size:.84rem;color:#b5c3d0}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}tbody tr:nth-child(even){background:rgba(255,255,255,.02)}tbody a{color:var(--cyan);font-weight:800}.prompt-section{padding:50px 0;border-bottom:1px solid var(--line)}.prompt-section>p:not(.eyebrow){color:#b6c3d0}.prompt-card{border:1px solid var(--line);background:#121c26;margin:16px 0;border-radius:5px;padding:23px}.prompt-card>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.prompt-card strong{font-size:1.03rem}.prompt-card p{font-size:.86rem;color:#b6c3d0;margin:12px 0 0;line-height:1.95}.copy-btn{border:1px solid rgba(0,200,255,.4);background:#10303c;color:var(--cyan);font-size:.76rem;border-radius:3px;padding:6px 10px}.copy-btn:hover{background:#16485b}.troubleshooting{padding:50px 0}.troubleshooting details{border-bottom:1px solid var(--line)}.troubleshooting summary{cursor:pointer;font-weight:800;padding:15px 0;list-style-position:outside}.troubleshooting details p{color:#afbcc8;max-width:780px}.guide-aside{padding-top:10px}.side-card{border:1px solid var(--line);border-radius:5px;padding:23px;background:var(--panel);margin-bottom:16px}.side-card:first-child{position:sticky;top:95px}.side-card a:not(.btn){display:flex;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:.83rem;font-weight:750}.side-card a span{color:var(--cyan);font-weight:900}.side-card p{color:var(--dim);font-size:.82rem}.side-card .btn{width:100%;font-size:.76rem}.tool-head{padding:38px 0 25px}.comparison{padding:20px 0 44px}.tool-details{padding:20px 0 42px}.tool-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tool-card{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:26px;scroll-margin-top:100px;display:flex;flex-direction:column}.tool-card-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}.icon-square{width:58px;height:58px}.tool-card .kicker{font-size:.7rem;font-weight:800;color:var(--cyan);letter-spacing:.06em}.tool-card h3{margin:5px 0 0;font-size:1.4rem}.tool-intro{font-weight:750;font-size:.96rem;line-height:1.75}.tool-card dl{margin:6px 0 22px}.tool-card dt{font-size:.76rem;color:var(--cyan);font-weight:900;letter-spacing:.05em;margin-top:15px}.tool-card dd{font-size:.84rem;color:#aebcca;line-height:1.85;margin:2px 0 0}.external-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;color:var(--cyan);font-size:.84rem;font-weight:850;margin-top:auto}.workflow-choice{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:38px;border:1px solid var(--line);background:linear-gradient(110deg,#192a34,#10161f);border-radius:5px}.workflow-choice h3{margin-top:17px}.workflow-choice p{color:#b8c6d1;font-size:.86rem}.workflow-choice .btn{margin-top:10px}.search-page>h1{font-size:clamp(2.2rem,4vw,3.4rem)}.search-form{max-width:700px;margin:22px 0 24px}.search-form label{display:block;color:#aebfce;font-size:.86rem;font-weight:750;margin-bottom:10px}.search-form>div{display:flex;gap:10px}.search-form input{width:100%;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:10px 16px;color:var(--white)}.search-suggestions{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:5px;margin-top:35px}.search-suggestions h2{font-size:1.45rem}.search-suggestions .actions>a{border:1px solid var(--line);padding:7px 16px;border-radius:4px}.search-count{color:var(--dim);border-bottom:1px solid var(--line);padding:10px 0 20px}.empty-result{background:var(--panel);padding:42px;margin:20px 0;border:1px solid var(--line)}.empty-result p{color:var(--dim)}.error-page{padding-top:100px;padding-bottom:120px}.error-page h1{font-size:clamp(3rem,7vw,6rem)}.error-page>p:not(.eyebrow){color:var(--dim)}.error-page .actions{margin-top:25px}
@media(max-width:1180px){.masthead{gap:12px}.main-nav a{padding:9px 11px}.top-search{width:225px}.poster-grid,.directory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stage{grid-template-columns:1.1fr .9fr}.stage-copy{padding:42px}.stage h1{font-size:4rem}.stage h1 span{font-size:3rem}}
@media(max-width:900px){.shell{width:min(calc(100% - 36px),var(--max))}.masthead{flex-wrap:wrap;padding:11px 0;min-height:unset}.main-nav{order:3;width:100%;margin:0;overflow:auto;justify-content:space-between;border-top:1px solid var(--line);padding-top:7px;scrollbar-width:thin}.main-nav a{flex:1;text-align:center}.top-search{margin-left:auto;width:min(310px,45vw)}.stage{min-height:460px}.stage-copy{padding:26px}.stage h1{font-size:3.2rem}.stage h1 span{font-size:2.3rem}.stage-actions{gap:14px;flex-wrap:wrap;margin:12px 0 30px}.stage-cover{min-height:420px}.poster-grid,.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr;gap:5px}.guide-aside{display:none}.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:26px}.show-hero{grid-template-columns:35% 1fr;gap:26px}.show-copy{padding-top:0}.show-copy h1{font-size:2.8rem}}
@media(max-width:640px){body{font-size:14px}.shell{width:calc(100% - 28px)}.masthead{gap:8px}.identity img{width:32px;height:32px}.identity b{font-size:1.25rem}.identity small{font-size:.47rem}.top-search{width:min(210px,54vw)}.top-search input{font-size:.7rem}.top-search button{width:35px}.main-nav a{font-size:.77rem;padding:8px 5px}.stage{display:flex;flex-direction:column;margin-top:12px;gap:10px;min-height:unset}.stage-copy{padding:26px 22px}.stage h1{font-size:clamp(2.45rem,10vw,3.4rem)}.stage h1 span{font-size:.79em}.stage-lead{font-size:.88rem}.stage-cover{min-height:0;height:auto;aspect-ratio:16/11}.stage-cover img{object-position:center 38%}.stage-cover-caption{padding:20px}.stage-cover-caption strong{font-size:1.6rem}.stage-actions{margin:18px 0 20px}.stage-points{gap:8px}.section{padding-block:30px}.section-head,.split-title{align-items:flex-start;gap:10px}.section-head h2,.split-title h2{font-size:1.6rem}.section-head p:last-child,.split-title p:last-child{font-size:.8rem}.section-link{font-size:.72rem;max-width:130px;text-align:right;white-space:normal}.poster-grid,.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.poster-body{padding:8px}.poster-body strong{font-size:.78rem}.poster-body small{font-size:.67rem}.poster-chip,.poster-kind{font-size:.55rem;padding:2px 4px;top:5px}.poster-chip{left:5px}.poster-kind{right:5px}.genre-tracks{gap:9px}.genre-tracks a{min-height:155px;padding:16px}.genre-tracks strong{font-size:1.16rem}.story-board{grid-template-columns:1fr}.rank-list{padding:6px 16px}.spotlight-panel{padding:22px}.workflow-grid{gap:8px}.step-card{padding:18px 15px;min-height:215px}.step-card h3{font-size:.98rem}.step-card p{font-size:.76rem}.step-card b{right:10px;top:12px}.tool-mini-grid{grid-template-columns:1fr;gap:8px}.mini-tool{padding:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 15px;padding-block:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:.75rem}.directory-head h1,.tool-head h1{font-size:2.5rem}.directory-meta{font-size:.73rem}.filter-bar a{font-size:.75rem;padding:6px 10px}.show-hero{grid-template-columns:1fr;gap:20px;padding-top:0}.show-poster{width:min(280px,80%);margin-inline:auto}.show-copy h1{font-size:2.65rem}.show-copy>p{font-size:.92rem}.show-copy p.show-hook{font-size:1.1rem}.episode-list,.detail-work{grid-template-columns:1fr}.episode-row{padding:16px;gap:4px}.related .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-head{padding:15px 0 26px}.guide-head h1{font-size:2.35rem}.guide-head>p:not(.eyebrow){font-size:.93rem}.guide-toc{gap:7px;margin-top:17px}.guide-toc a{font-size:.73rem;padding:11px}.check-grid{grid-template-columns:1fr}.guide-step{padding:30px 0}.guide-step h2{font-size:1.8rem}.prompt-card{padding:17px}.tool-head{padding:16px 0}.tool-detail-grid{grid-template-columns:1fr}.tool-card{padding:20px}.workflow-choice{grid-template-columns:1fr;gap:0;padding:22px}.search-form>div{flex-direction:column}.search-form button{width:100%}}
@media(max-width:390px){.poster-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{font-size:.7rem}.stage-points{font-size:.67rem}.stage-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.genre-tracks a{padding:12px}.genre-tracks a strong{font-size:1.03rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}