﻿@charset "UTF-8";
:root{color-scheme:dark;--bg:#151616;--panel:#1e2020;--line:#363838;--muted:#a3a5a0;--text:#f2f1e9;--red:#ef4b37;--paper:#e9e7dc;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button{color:inherit}button:disabled{opacity:.4;cursor:default}input,select{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:white}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}.shell{max-width:1280px;margin:0 auto;padding:0 40px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.1em}.muted{color:var(--muted);font-size:13px;line-height:1.8}.red-text{color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-80px;left:20px;background:var(--red);padding:12px;z-index:50}.skip:focus{top:10px}
.header{border-bottom:1px solid var(--line)}.header-row{height:82px;display:flex;align-items:center;gap:60px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-1px}.logo svg{width:28px;height:28px;color:var(--red)}.logo-dot{color:var(--red)}nav{display:flex;height:100%;gap:34px}nav a{display:flex;align-items:center;position:relative;font-size:13px;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--text)}nav a[aria-current]:after{content:"";position:absolute;height:3px;background:var(--red);bottom:0;left:0;right:0}.header-note{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.header-note i{width:5px;height:5px;background:var(--red)}.eyebrow{font:10px var(--mono);letter-spacing:.13em;color:var(--muted);display:block;line-height:1.8}.eyebrow b{display:inline-block;width:7px;height:7px;background:var(--red);margin-right:6px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:37px 0 27px}.intro h2{margin:10px 0 0;font-size:38px;letter-spacing:-1.8px;font-weight:850}.intro h2 span{color:var(--paper);margin-left:3px}.intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.featured{display:grid;grid-template-columns:39% 61%;min-height:306px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}.feature-copy{padding:34px 32px;position:relative;border-left:3px solid var(--red)}.feature-copy:after{content:"";width:170px;height:3px;background:var(--red);position:absolute;right:-57px;bottom:18px;transform:rotate(-45deg);opacity:.28}.feature-copy h1{font-size:clamp(29px,3.3vw,44px);letter-spacing:-2px;line-height:1.12;margin:21px 0 13px}.feature-copy>p{color:var(--muted);font-size:13px;margin:0 0 22px;line-height:1.7}.feature-tags{display:flex;gap:7px;flex-wrap:wrap}.tag{display:inline-block;border:1px solid #ffffff26;padding:5px 8px;font-size:10px;color:var(--muted);line-height:1.3}.tag.accent{color:var(--red);border-color:var(--red)}.feature-copy .button{margin-top:23px}.feature-credit{display:inline-block;margin-left:12px;font-size:10px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;min-height:42px;padding:11px 18px;font-size:12px;border:1px solid transparent;font-weight:600;transition:background .16s,color .16s}.button.red{background:var(--red);color:white}.button.red:hover{background:#ff614c}.button.outline{border-color:#62645e;background:transparent}.button.outline:hover{background:var(--paper);color:#151616}.full{width:100%}.feature-image{position:relative;overflow:hidden;min-height:300px}.feature-image>img{width:100%;height:100%;position:absolute;object-position:center 39%;transition:transform .5s}.feature-image:hover>img{transform:scale(1.025)}.feature-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101413c9);pointer-events:none}.image-caption{position:absolute;z-index:1;bottom:18px;left:22px;right:22px;font-size:11px;display:flex;justify-content:space-between;gap:10px}.image-caption span{font:9px var(--mono);letter-spacing:1px;color:#d5d5cc}
.library{padding-top:37px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-head h2{font-size:22px;letter-spacing:-.6px;margin:0}.red-slash{color:var(--red);margin-right:7px;font-weight:400}.section-head small{font:9px var(--mono);color:var(--muted);letter-spacing:1.8px;margin-left:15px}.text-link{font-size:12px;line-height:1.8}.text-link:hover{color:var(--red)}.text-link span{margin-left:8px}.search-bar{display:flex;background:var(--panel);border:1px solid var(--line);height:52px}.search-input{flex:1;display:flex;gap:13px;align-items:center;padding:0 18px;min-width:0}.search-input>span:first-child{font-size:26px;font-family:Arial;color:var(--muted)}.search-input input{width:100%;min-width:0;background:transparent;border:0;height:100%;font-size:13px}.search-input input::placeholder{color:#848882}.search-button{border:0;border-left:1px solid var(--line);background:transparent;padding:0 23px;font-size:12px}.search-button:hover{background:var(--red)}.filters{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 0}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.filter-chip{border:0;background:transparent;padding:8px 11px;color:var(--muted);font-size:11px}.filter-chip:hover{color:var(--text)}.filter-chip.active{background:var(--paper);color:#1b1c1a}.selects{display:flex;gap:10px}.selects select{background:transparent;border:0;padding:8px 3px;font-size:11px;color:var(--muted);max-width:170px}.selects option{background:var(--panel)}.result-line{display:flex;justify-content:space-between;padding:17px 0;color:var(--muted);font-size:10px;letter-spacing:.3px}.mod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mod-card{border:1px solid var(--line);background:var(--panel);transition:border-color .2s,transform .2s;min-width:0}.mod-card:hover{border-color:#6e7269;transform:translateY(-3px)}.card-image{display:block;aspect-ratio:16/10;position:relative;overflow:hidden;background:#252b29}.card-image img{width:100%;height:100%;transition:transform .4s}.card-image:hover img{transform:scale(1.035)}.image-badge,.example-badge{position:absolute;top:12px;font-size:10px;padding:5px 8px;background:#151616cc;backdrop-filter:blur(5px)}.image-badge{left:12px}.example-badge{right:12px;color:#fff;background:#b73c2ade}.image-arrow{position:absolute;right:12px;bottom:12px;font-size:20px;background:#151616aa;width:32px;height:32px;display:grid;place-items:center}.card-body{padding:18px}.card-kicker{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.card-kicker .mono{color:#777c75;font-size:10px}.card-body h3{font-size:19px;font-weight:700;letter-spacing:-.5px;margin:12px 0 10px}.card-body h3 a:hover{color:var(--red)}.card-body>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 20px;min-height:66px}.card-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--muted)}.card-meta time{font-family:var(--mono)}.empty{text-align:center;padding:50px 15px;border:1px dashed var(--line)}.empty-symbol{font-size:48px;color:var(--red)}.empty h3{font-size:19px}.empty p{font-size:13px;color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;font-size:12px}.pagination button{background:none;border:1px solid var(--line);padding:9px 12px}.contribute{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:48px 0 52px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contribute .eyebrow{color:var(--red);font-size:9px}.contribute h2{font-size:23px;margin:10px 0}.contribute p{font-size:12px;color:var(--muted);margin:0}.footer{background:#101212;border-top:1px solid #272a27}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-top:32px;padding-bottom:32px}.logo.small{font-size:18px}.logo.small svg{width:20px;height:20px}.footer p{font-size:11px;color:var(--muted);line-height:1.8}.footer-links{display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #272a27;padding-top:16px;padding-bottom:20px;color:#7d837c;font:9px var(--mono);letter-spacing:.6px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);padding:28px 0}.breadcrumbs a:hover{color:var(--red)}.detail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:7px 0 28px}.detail-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;margin:15px 0 10px}.detail-heading p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.date-label{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap}.date-label time{display:block;font:12px var(--mono);margin-top:9px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:32px}.gallery>a{display:block;aspect-ratio:16/9;background:var(--panel);overflow:hidden}.gallery>a img{width:100%;height:100%;object-fit:contain}.gallery-bottom{display:flex;justify-content:space-between;gap:15px;padding:13px 0;font-size:10px;color:var(--muted)}.thumbnails{display:flex;gap:10px;margin:4px 0 32px}.thumbnail{padding:0;border:2px solid transparent;background:var(--panel);width:100px;overflow:hidden}.thumbnail img{width:100%;aspect-ratio:16/9;height:auto;opacity:.65}.thumbnail[aria-pressed=true]{border-color:var(--red)}.thumbnail[aria-pressed=true] img,.thumbnail:hover img{opacity:1}.article-body section{position:relative;border-top:1px solid var(--line);padding:26px 0 28px}.article-body h2{font-size:21px;margin:0 0 18px}.article-body p,.article-body li{font-size:13px;line-height:2;color:#bdc1b7}.article-body ul{padding-left:20px}.article-body li{margin-bottom:7px}.section-number{position:absolute;right:0;top:30px;color:var(--red)}.article-body section p:last-child{margin-bottom:0}.download-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--red);padding:23px}.download-card h2{font-size:22px;letter-spacing:-.6px;margin:12px 0 24px}.download-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:12px}.download-source{margin-bottom:20px}.download-source .button{gap:10px}.download-card dl{margin:24px 0 0}.download-card dl>div{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:58px 1fr;gap:12px;font-size:11px;line-height:1.7}.download-card dt{color:var(--muted)}.download-card dd{margin:0;overflow-wrap:anywhere}.download-card dl>div:last-child{padding-bottom:0}.source-card,.help-card{padding:22px 2px;border-bottom:1px solid var(--line)}.source-card h3,.help-card h3{font-size:14px;margin:0 0 12px}.source-card p,.help-card p{font-size:12px;color:var(--muted);line-height:1.9}.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.back-row{display:flex;justify-content:space-between;gap:20px;padding:28px 0 45px;margin-top:20px;border-top:1px solid var(--line)}.back-row .mono{color:var(--muted);font-size:9px}.extraction{display:flex;gap:10px;align-items:center;font-size:11px;padding-top:12px;color:var(--muted)}.extraction code{color:var(--text)}.extraction button{margin-left:auto;border:0;background:transparent;font-size:11px;color:var(--text)}.download-empty{padding:20px 0;text-align:center;border:1px dashed var(--line);font-size:12px;color:var(--muted)}.download-empty>span{font-size:30px;color:var(--red)}.update strong{font-size:14px}.update time{margin-left:15px;font-size:12px;color:var(--muted)}
.page-heading{padding:52px 0 42px;border-bottom:1px solid var(--line);margin-bottom:35px}.page-heading h1{font-size:clamp(38px,5vw,60px);line-height:1.2;letter-spacing:-2px;margin:19px 0}.page-heading em{font-style:normal;color:var(--red)}.page-heading p{font-size:14px;color:var(--muted);line-height:1.9}.info-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:65px;margin-bottom:45px}.info-grid .article-body section:first-child{border-top:0}.info-grid .button{margin-top:15px}.submission-template{white-space:pre-wrap;font:11px/2 var(--mono);color:var(--muted);padding-top:15px;margin-bottom:0;border-top:1px solid var(--line)}.notice{font-size:13px;line-height:1.8;background:#ffffff06;border-left:2px solid var(--red);padding:13px 15px}.email{overflow-wrap:anywhere;font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:55px}.info-panel{background:var(--panel);border:1px solid var(--line);padding:29px}.info-panel h2{font-size:22px;margin:20px 0 15px}.info-panel p{color:var(--muted);font-size:13px;line-height:2}.not-found{padding:100px 0 130px}.not-found h1{font-size:42px}.not-found p{color:var(--muted);margin-bottom:30px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--paper);color:var(--bg);padding:13px 22px;font-size:12px;z-index:100;max-width:90vw;box-shadow:0 4px 25px #0005}
@media(min-width:1450px){.shell{max-width:1360px}.featured{min-height:330px}.feature-copy{padding:37px}.feature-copy h1{font-size:46px}}
@media(max-width:1000px){.shell{padding-left:26px;padding-right:26px}.header-row{gap:35px}.header-note{display:none}.intro h2{font-size:32px}.featured{grid-template-columns:43% 57%}.feature-copy{padding:25px 23px}.feature-credit{display:block;margin:10px 0 0}.filters{align-items:flex-start;flex-direction:column}.selects{margin-left:auto}.mod-grid{gap:14px}.card-body{padding:15px}.card-body h3{font-size:16px}.card-body>p{min-height:88px}.detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.download-card{padding:20px}.info-grid{gap:30px;grid-template-columns:minmax(0,1fr) 300px}.section-head small{display:none}}
@media(max-width:700px){.shell{padding-left:18px;padding-right:18px}.header-row{height:69px;justify-content:space-between;gap:15px}.logo{font-size:20px;gap:7px}.logo svg{width:24px;height:24px}nav{gap:19px}nav a{font-size:12px}.intro{padding:28px 0 22px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.intro h2{font-size:30px}.intro>p{display:none}.featured{display:flex;flex-direction:column-reverse}.feature-image{min-height:0;aspect-ratio:16/9}.feature-copy{padding:23px}.feature-copy h1{font-size:33px;margin-top:12px}.feature-copy>p{margin-bottom:15px}.feature-copy .button{margin-top:18px}.feature-credit{display:inline-block;margin-left:15px}.feature-copy:after{display:none}.library{padding-top:29px}.section-head{gap:10px}.section-head h2{font-size:20px}.section-head .text-link{font-size:10px}.search-button{padding:0 16px}.filters{gap:10px;padding:12px 0}.filter-chips{gap:0}.filter-chip{font-size:10px;padding:8px}.selects{width:100%;justify-content:space-between}.mod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:13px}.card-kicker{font-size:9px}.card-kicker .mono{display:none}.card-body h3{font-size:16px;line-height:1.5;margin-top:9px}.card-body>p{font-size:11px;line-height:1.8;min-height:100px;margin-bottom:14px}.card-meta{flex-direction:column;gap:6px;font-size:9px}.card-image{aspect-ratio:1.25}.image-badge,.example-badge{font-size:8px;top:8px;padding:4px 5px}.image-badge{left:8px}.example-badge{right:8px}.image-arrow{bottom:8px;right:8px;width:25px;height:25px;font-size:16px}.contribute{margin:32px 0;align-items:flex-start;flex-direction:column;padding:25px 0;gap:20px}.contribute h2{font-size:20px}.contribute p{line-height:1.8}.footer-main{flex-direction:column;gap:18px;padding-top:25px;padding-bottom:25px}.footer-links{gap:22px}.footer-bottom{flex-direction:column;font-size:8px;line-height:1.8}.detail-heading{align-items:flex-start;flex-direction:column;gap:15px}.detail-heading h1{font-size:32px}.date-label{display:flex;gap:12px;align-items:center}.date-label time{margin:0}.detail-grid{display:flex;flex-direction:column;gap:20px}.detail-sidebar{display:grid;grid-template-columns:1fr}.gallery-bottom{font-size:9px}.gallery-count{white-space:nowrap}.back-row{align-items:flex-start;flex-direction:column;gap:14px}.page-heading{padding:34px 0 26px}.page-heading h1{font-size:45px}.info-grid{grid-template-columns:1fr;gap:20px}.info-grid>aside{grid-row:1}.about-grid{grid-template-columns:1fr;gap:15px}.info-panel{padding:24px}.not-found{padding:70px 0}.not-found h1{font-size:32px}}
@media(max-width:370px){.logo{font-size:18px}nav{gap:13px}.header-row{gap:10px}.mod-grid{grid-template-columns:1fr}.card-body>p{min-height:0}.card-meta{flex-direction:row}.card-image{aspect-ratio:16/10}}
/* Keep long titles, Chinese copy and large galleries usable at every width. */
.feature-copy h1,.detail-heading h1,.card-body h3,.breadcrumbs,.article-body p,.source-card p,.help-card p{overflow-wrap:anywhere}
.card-body{display:flex;flex-direction:column;flex:1}
.mod-card{display:flex;flex-direction:column}
.card-body>p{flex:1}
.card-meta{align-items:flex-start}
.card-meta time{white-space:nowrap}
.card-meta>span{min-width:0;overflow-wrap:anywhere}
.thumbnails{overflow-x:auto;padding:5px;margin:0 -5px 27px;scroll-padding:5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.thumbnail{flex:0 0 100px;min-height:56px;scroll-margin:5px}
.thumbnail:focus-visible{outline-offset:2px}
#gallery-count{flex-shrink:0;white-space:nowrap}
.gallery-bottom{line-height:1.7}
.article-body h2{padding-right:38px}
.button,.filter-chip,.selects select,.pagination button,.extraction button{min-height:44px}
.extraction button{padding:8px 10px}
.footer-links{flex-wrap:wrap}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.submission-template{overflow-wrap:anywhere}
.skip{top:-120px}
@media(hover:none){.mod-card:hover{transform:none}.feature-image:hover>img,.card-image:hover img{transform:none}}
@media(max-width:700px){
  .search-input input{font-size:16px}
  .search-input{padding:0 12px;gap:9px}
  .search-button{flex-shrink:0}
  .filter-chip{font-size:12px;padding:10px}
  .selects{gap:8px}
  .selects label{min-width:0}
  .selects select{font-size:14px;max-width:100%}
  .result-line{font-size:12px}
  .article-body p,.article-body li,.detail-heading p{font-size:15px;line-height:1.9}
  .info-panel p,.source-card p,.help-card p,.page-heading p{font-size:14px}
  .download-card dl>div{font-size:13px;grid-template-columns:65px minmax(0,1fr)}
  .button{font-size:14px}
  .gallery-bottom{font-size:11px}
  .thumbnail{flex-basis:88px;min-height:50px}
  .submission-template{font-size:13px}
  .breadcrumbs{line-height:1.8;gap:8px}
  .section-head .text-link{font-size:12px}
  .back-row .text-link,.source-card .text-link,.help-card .text-link{min-height:44px;display:inline-flex;align-items:center}
  .footer-links{gap:4px 22px;font-size:12px}
  .footer p{font-size:12px}
}
@media(max-width:480px){
  .mod-grid{grid-template-columns:1fr;gap:20px}
  .card-image{aspect-ratio:16/9}
  .card-body{padding:18px}
  .card-body h3{font-size:20px;letter-spacing:0;margin:10px 0}
  .card-body>p{font-size:14px;line-height:1.85;min-height:0;margin-bottom:18px}
  .card-kicker{font-size:12px}
  .card-meta{flex-direction:row;font-size:11px;gap:12px}
  .image-badge,.example-badge{font-size:10px;padding:5px 8px}
  .feature-copy{padding:22px 19px}
  .feature-copy h1{font-size:32px;letter-spacing:-1px}
  .feature-copy>p{font-size:14px;line-height:1.85}
  .detail-heading h1{font-size:30px;letter-spacing:-.8px;line-height:1.35}
  .detail-heading .tag{font-size:11px}
  .page-heading h1{font-size:38px}
  .date-label{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Mod Skill: the second main route through MODZONE. */
.intro h1{font-size:38px;line-height:1.4;letter-spacing:-1.5px;margin:12px 0 0}.intro h1 span{color:var(--muted)}.intro>p .text-link{display:inline-block;margin-top:10px;color:var(--text)}.feature-copy h2{font-size:38px;letter-spacing:-1.2px;line-height:1.15;margin:24px 0 15px;overflow-wrap:anywhere}
.home-skill{display:flex;align-items:center;gap:28px;border:1px solid var(--line);border-left:3px solid var(--red);padding:26px 28px;margin-bottom:26px;background:linear-gradient(110deg,#29201e,var(--panel) 65%)}.home-skill h2{font-size:23px;margin:10px 0}.home-skill p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.home-skill>.button{margin-left:auto;flex-shrink:0}.skill-orbit{width:110px;height:100px;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font:9px var(--mono);letter-spacing:1px}.skill-orbit i{position:absolute;inset:10px;border:1px solid var(--red);transform:rotate(-25deg)}.skill-orbit b{font-size:32px;color:var(--red);z-index:1}.skill-orbit span{background:var(--panel);padding:4px;z-index:1}
.skill-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:64px 0 50px;align-items:center}.skill-lead h1{font-size:clamp(44px,5vw,68px);line-height:1.18;letter-spacing:-3px;margin:26px 0}.skill-lead em{font-style:normal;color:var(--red)}.skill-lead>p{color:var(--muted);font-size:15px;line-height:2;margin:0 0 26px}.skill-route{display:flex;flex-direction:column;gap:20px;margin-top:52px;font-size:12px;color:var(--muted)}.skill-route b{font:11px var(--mono);color:var(--red);padding-right:14px}.skill-workbench{border:1px solid var(--line);border-top:3px solid var(--red);background:var(--panel);padding:28px}.workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.workbench-heading .mono{font-size:10px;color:var(--muted)}.skill-status{display:inline-block;padding:6px 8px;border:1px solid #704137;color:#f59c8e;font-size:11px;white-space:nowrap}.skill-workbench h2{font-size:26px;margin:24px 0 18px}.task-choices{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.task-choices button{border:1px solid var(--line);background:transparent;padding:10px 11px;font-size:12px;min-height:40px}.task-choices button[aria-pressed=true],.task-choices button:hover{border-color:var(--red);color:var(--red);background:#ef4b3708}.skill-workbench label{display:block;font-size:12px;margin-bottom:18px}.skill-workbench label>span{color:var(--muted);font-size:11px}.skill-fields{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.skill-workbench input,.skill-workbench textarea,#task-output{width:100%;font-family:inherit;font-size:14px;line-height:1.7;color:var(--text);border:1px solid var(--line);background:#141616;padding:11px 12px;border-radius:0;resize:vertical}.skill-workbench input{min-height:45px}.skill-workbench input,.skill-workbench label>textarea{margin-top:9px}.skill-workbench textarea{line-height:1.8;min-height:90px;font-size:14px}.skill-workbench input:focus,.skill-workbench textarea:focus,#task-output:focus{outline:2px solid var(--red);outline-offset:2px}.skill-workbench input::placeholder,.skill-workbench textarea::placeholder{color:#92968e}.task-more{margin-bottom:20px}.task-more summary{cursor:pointer;font-size:12px;color:var(--muted);padding:6px 0}.task-more textarea{margin-top:10px}.task-note{font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 0}.task-result{scroll-margin-top:25px;border:1px solid var(--line);background:#1a1d1b;padding:28px;margin-bottom:40px}.task-result-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}#task-output{font-size:13px;line-height:1.9;min-height:350px}.handoff-steps>div{position:relative;padding:0 0 26px 28px}.handoff-steps b{position:absolute;left:0;top:3px;color:var(--red);font:11px var(--mono)}.handoff-steps h3{font-size:16px;margin:0 0 10px}.handoff-steps p{font-size:13px;line-height:1.8;color:var(--muted)}.handoff-steps .button{font-size:12px}.task-result h2{font-size:24px}
.skill-capabilities{padding:20px 0 40px}.skill-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skill-task-card{border:1px solid var(--line);background:var(--panel);padding:24px 20px;transition:border-color .2s}.skill-task-card:hover{border-color:var(--red)}.skill-task-card .mono{font-size:10px;color:var(--red)}.skill-task-card h3{font-size:18px;margin:27px 0 13px;display:flex;justify-content:space-between;gap:8px}.skill-task-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.skill-release{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding:35px 0 55px}.skill-release h2{font-size:24px;margin:14px 0}.skill-release p{font-size:13px;line-height:1.8;color:var(--muted);max-width:650px}.skill-release>div:last-child{display:flex;flex-direction:column;gap:20px;flex-shrink:0;align-items:flex-end}.skill-release .mono{color:var(--muted)}
.skill-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0 40px}.skill-detail-heading h1{font-size:44px;letter-spacing:-1px;margin:18px 0}.skill-detail-heading p{font-size:14px;line-height:1.9;color:var(--muted);max-width:690px}.skill-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px;padding-bottom:50px}.skill-overview{padding:26px;border:1px solid var(--line);background:var(--panel)}.skill-overview h2{font-size:23px;margin:0 0 15px}.skill-overview p{font-size:14px;line-height:2;color:var(--muted)}.skill-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:18px;margin-top:25px;border-top:1px solid var(--line)}.skill-facts>div{display:flex;flex-direction:column;gap:10px}.skill-facts strong{font:32px var(--mono);color:var(--red)}.skill-facts span{font-size:11px;color:var(--muted)}.skill-section{padding-top:34px}.skill-section>h2,.skill-section .section-head h2{font-size:22px}.skill-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-guide-grid>a{display:flex;gap:12px;border:1px solid var(--line);padding:18px 14px;align-items:flex-start}.skill-guide-grid>a:hover{border-color:var(--red)}.skill-guide-grid .mono{color:var(--red);padding-top:3px;font-size:10px}.skill-guide-grid h3{margin:0 0 9px;font-size:15px}.skill-guide-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.skill-guide-grid>a>span:last-child{margin-left:auto}.workflow-row{display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:22px;margin-top:20px}.workflow-row .mono{color:var(--red)}.workflow-row h3{font-size:17px;line-height:1.6}.workflow-row p{font-size:12px;line-height:1.8;color:var(--muted)}.workflow-row>.skill-status{margin-left:auto}.skill-use{padding-left:24px}.skill-use li{font-size:14px;line-height:1.8;padding:7px 0 10px}.skill-use li::marker{color:var(--red)}.skill-use p{font-size:13px;color:var(--muted);margin:7px 0}.skill-package .download-card .button{width:100%;justify-content:space-between;font-size:13px}.skill-checksum{font-size:11px;color:var(--muted);margin-top:22px}.skill-checksum summary{cursor:pointer}.skill-checksum code{display:block;font-size:10px;overflow-wrap:anywhere;line-height:1.8;margin-top:12px}.skill-reader-heading{padding:10px 0 32px;border-bottom:1px solid var(--line)}.skill-reader-heading h1{font-size:36px;line-height:1.5;overflow-wrap:anywhere;letter-spacing:-1px}.skill-markdown{max-width:900px;margin:35px auto 60px;font-size:15px;line-height:1.95;color:#bdc1b7;overflow-wrap:anywhere}.skill-markdown h2,.skill-markdown h3,.skill-markdown h4{color:var(--text);margin-top:32px;line-height:1.6}.skill-markdown h2{font-size:24px}.skill-markdown h3{font-size:20px}.skill-markdown h4{font-size:17px}.skill-markdown a{color:#f79889;text-decoration:underline;text-underline-offset:4px}.skill-markdown li{margin:10px 0}.skill-markdown code{font-family:var(--mono);background:#ffffff09;padding:2px 5px;font-size:.9em}.skill-markdown pre{padding:18px;background:var(--panel);border:1px solid var(--line);overflow:auto}.skill-markdown pre code{padding:0;background:none}.skill-table{max-width:100%;overflow-x:auto;border:1px solid var(--line);margin:24px 0}.skill-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.skill-table td,.skill-table th{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}.skill-table th{color:var(--text);background:var(--panel)}
@media(max-width:1000px){.skill-hero{gap:30px}.skill-workbench{padding:23px}.skill-task-grid{grid-template-columns:1fr 1fr}.skill-detail-grid{gap:25px;grid-template-columns:minmax(0,1fr) 270px}.skill-guide-grid{grid-template-columns:1fr}.home-skill{gap:20px;padding:23px}.skill-orbit{display:none}.home-skill h2{font-size:21px}}
@media(max-width:700px){.header-row{height:auto;min-height:95px;align-items:flex-start;flex-direction:column;padding-top:17px;gap:12px}nav{width:100%;height:43px;gap:0;justify-content:space-between}nav a{font-size:13px;min-height:43px}.intro h1{font-size:30px;letter-spacing:-1px}.home-skill{align-items:flex-start;flex-direction:column;padding:22px 18px;gap:18px}.home-skill>.button{margin-left:0}.home-skill p{font-size:13px}.home-skill h2{line-height:1.5}.feature-copy h2{font-size:32px;margin:15px 0}.skill-hero{grid-template-columns:1fr;gap:28px;padding:35px 0}.skill-lead h1{font-size:48px;letter-spacing:-2px;margin:20px 0}.skill-lead>p{font-size:14px}.skill-route{flex-direction:row;flex-wrap:wrap;gap:14px;margin-top:25px;font-size:11px}.skill-route b{padding-right:6px}.skill-workbench{padding:21px 18px}.skill-workbench h2{font-size:25px}.skill-fields{gap:12px}.skill-workbench input,.skill-workbench textarea{font-size:16px}.task-choices button{font-size:12px;min-height:44px;padding:10px}.task-note{font-size:12px}.task-result{padding:20px 16px}.task-result-grid{grid-template-columns:1fr;gap:15px}.task-result .section-head{flex-direction:column;align-items:flex-start}.task-result h2{font-size:21px}.task-result .mono{font-size:9px}.skill-task-card{padding:20px 16px}.skill-task-card h3{font-size:17px}.skill-task-card p{font-size:13px}.skill-capabilities>.section-head>.mono{display:none}.skill-release{flex-direction:column;align-items:flex-start;gap:18px}.skill-release>div:last-child{align-items:flex-start}.skill-detail-heading{align-items:flex-start;flex-direction:column;gap:5px;padding:5px 0 28px}.skill-detail-heading h1{font-size:34px}.skill-detail-grid{display:flex;flex-direction:column}.skill-package{order:-1}.skill-package .source-card{padding-bottom:12px}.skill-package .help-card{display:none}.skill-guide-grid{grid-template-columns:1fr}.skill-facts{gap:10px}.skill-facts span{font-size:11px;line-height:1.7}.workflow-row{flex-wrap:wrap;padding:20px}.workflow-row>.skill-status{margin-left:0}.skill-overview{padding:22px}.skill-overview h2{font-size:21px;line-height:1.5}.skill-section .section-head{align-items:flex-start;flex-direction:column}.skill-reader-heading h1{font-size:27px}.skill-markdown{font-size:14px}.skill-markdown h2{font-size:22px}.skill-markdown ul,.skill-markdown ol{padding-left:23px}}
@media(max-width:370px){.skill-task-grid{grid-template-columns:1fr}.skill-fields{grid-template-columns:1fr;gap:0}.workbench-heading .mono{font-size:9px}.skill-status{font-size:10px}.skill-lead h1{font-size:43px}}

.output-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:10px}.output-tabs button{display:flex;align-items:center;gap:14px;min-height:44px;padding:12px 20px;border:1px solid transparent;color:var(--muted);background:transparent;font:inherit;font-size:14px;cursor:pointer}.output-tabs button span{font:10px var(--mono);opacity:.65}.output-tabs button[aria-selected="true"]{color:var(--text);background:var(--panel);border-color:var(--red)}.output-tabs button:hover{color:var(--text)}.task-result-grid>div{min-width:0}.task-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.task-actions .button{justify-content:space-between;width:100%}.task-actions .button:disabled{opacity:.55;cursor:wait}.handoff-library{padding-top:22px;border-top:1px solid var(--line)}.task-result #task-copy-status{font-size:12px;line-height:1.8;min-height:22px}.task-result textarea{tab-size:2}
@media(max-width:700px){.output-tabs{gap:4px}.output-tabs button{flex:1;justify-content:center;padding:10px 6px;gap:6px;font-size:12px}.output-tabs button span{font-size:9px}.task-actions{flex-direction:row;flex-wrap:wrap}.task-actions .button{width:auto;flex:1;justify-content:center;white-space:normal;font-size:12px;padding:12px}.handoff-library{padding-top:16px}}
.agent-handoff{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:20px}.agent-handoff>div{flex:1}.agent-handoff h3{margin:0 0 8px}.agent-handoff p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.agent-handoff .button{font-size:12px;flex-shrink:0}@media(max-width:800px){.agent-handoff{flex-wrap:wrap}.agent-handoff>div{flex-basis:100%}.agent-handoff .button{flex:1;justify-content:center;white-space:normal}}

