:root{color-scheme:dark;--bg:#0a1017;--surface:#111b25;--line:#293846;--muted:#91a2af;--white:#f1f6f7;--lime:#d5fa58;--orange:#ff884e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.topbar{height:82px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23303b;background:#0c141c}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f7faf8;font-size:17px;letter-spacing:.13em;font-weight:900;line-height:1.1}.brand small{display:block;color:#8296a2;font-size:10px;letter-spacing:.16em;margin-top:6px}.brandmark{display:grid;place-items:center;background:var(--lime);color:#111a18;width:43px;height:43px;position:relative;font-size:26px;letter-spacing:0;transform:skew(-7deg)}.brandmark span{position:absolute;font-size:11px;right:2px;bottom:2px}.topnote{font-size:12px;color:#a8b7bd;letter-spacing:.08em}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}main{max-width:1320px;margin:auto;padding:0 32px}.hero{padding:67px 0 57px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 66% 40%,#172d2a 0,transparent 48%)}.eyebrow{font-size:11px;color:#bddb84;font-weight:800;letter-spacing:.18em;display:flex;gap:9px;align-items:center}.eyebrow span{display:block;width:20px;height:2px;background:var(--lime)}h1{font-size:clamp(42px,5.8vw,72px);line-height:1.12;letter-spacing:-.045em;margin:19px 0 18px}h1 em{font-style:normal;color:var(--lime)}.hero p,.sectionhead p,.generate p{color:var(--muted);font-size:14px;margin:0;line-height:1.7}.hero-facts{display:flex;gap:49px;margin-bottom:5px}.hero-facts div{display:flex;flex-direction:column;gap:8px}.hero-facts b{font-size:30px;letter-spacing:-.04em}.hero-facts span{font-size:12px;color:var(--muted)}.workspace{padding:50px 0 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:20px}h2{font-size:25px;letter-spacing:-.03em;margin:13px 0 8px}.sectiontag{border:1px solid #41523e;color:var(--lime);padding:9px 12px;border-radius:3px;font-size:11px;letter-spacing:.06em;white-space:nowrap}.styles{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.style{border:1px solid #32414a;background:#121d25;color:#becbd0;padding:5px;text-align:left;border-radius:5px;transition:border .2s,transform .2s;min-width:0}.style:hover{transform:translateY(-3px);border-color:#9abb64}.style[aria-checked=true]{border:2px solid var(--lime);padding:4px;color:#fff;background:#1c2b24}.style img{width:100%;aspect-ratio:210/373;object-fit:cover;display:block;border-radius:2px}.style-caption{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 3px 6px;font-weight:700;font-size:11px}.style-caption i{font-style:normal;color:#9bae9e;margin-right:5px}.formlabels{display:grid;grid-template-columns:150px 1.45fr 1.45fr;gap:18px;padding:0 58px 10px;color:#8b9ca8;font-size:11px;letter-spacing:.08em}.games{display:flex;flex-direction:column;gap:10px}.game{display:grid;grid-template-columns:32px 150px 1.45fr 1.45fr 30px;gap:18px;align-items:center;padding:18px;background:var(--surface);border:1px solid #283946;border-radius:5px}.game-number{font-size:12px;font-weight:800;color:#b5df75}.game-row{min-width:0}.matchup,.comments{display:grid;grid-template-columns:1fr 26px 1fr;gap:7px;align-items:center}.comments{grid-template-columns:1fr 1fr}.vs{text-align:center;color:#8296a0;font-size:11px;font-weight:bold}input,select{width:100%;min-width:0;background:#0b141d;border:1px solid #334752;border-radius:4px;color:#ecf3f3;padding:12px 10px;outline:0;height:44px;font-size:13px}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #d5fa5820}input::placeholder{color:#637984}.remove{background:none;border:0;color:#71838d;font-size:22px;line-height:1;padding:4px}.remove:hover{color:#ff8a77}.mobile-label{display:none}.add{margin-top:12px;border:1px dashed #3a4e58;color:#c6d2d5;background:transparent;border-radius:4px;width:100%;height:53px;text-align:left;padding:0 20px;font-weight:700;font-size:13px}.add:hover{border-color:var(--lime);color:var(--lime)}.add span{font-size:20px;margin-right:7px;color:var(--lime)}.add small{font-weight:400;color:#758b96;margin-left:8px}.generate{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:48px 0 0;padding:31px 34px;background:linear-gradient(110deg,#202f2b,#17252a);border:1px solid #43534c;border-radius:5px}.generate h2{margin:11px 0 7px}.primary,.download{background:var(--lime);border:0;border-radius:4px;color:#101b16;padding:17px 24px;font-weight:800;min-width:190px;text-align:center;text-decoration:none}.primary:hover,.download:hover{background:#e6ff93}.primary span{font-size:20px;margin-left:20px}.job{background:#13212a;border:1px solid #40564a;border-radius:5px;padding:22px 25px;margin:15px 0}.jobtop{display:flex;gap:14px;align-items:center}.jobicon{color:var(--lime);font-size:25px}.job strong{font-size:15px}.job p{font-size:12px;color:#a4b5ba;margin:7px 0 0}.download{margin-left:auto;min-width:140px;padding:13px}.progress{height:4px;background:#263b40;margin-top:18px;overflow:hidden}.progress span{display:block;background:var(--lime);height:100%;width:12%;transition:width .5s}.progress.indeterminate span{width:30%;animation:load 1.5s ease-in-out infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(430%)}}.alert{margin-top:20px;background:#4d2428;padding:14px;border:1px solid #a45550;color:#ffd6ce;font-size:14px}footer{display:flex;justify-content:space-between;gap:15px;padding:45px 0 34px;color:#657a83;font-size:11px;letter-spacing:.04em}[hidden]{display:none!important}@media(max-width:1000px){.styles{grid-template-columns:repeat(5,1fr)}.hero-facts{gap:25px}.formlabels{display:none}.game{grid-template-columns:28px 1fr 1fr 30px}.game .comments{grid-column:2/4}.game .remove{grid-column:4;grid-row:1/3}.mobile-label{display:block;color:#879ba3;font-size:11px;margin-bottom:7px}}@media(max-width:600px){main{padding:0 18px}.topbar{padding:0 18px;height:70px}.topnote{display:none}.hero{padding:45px 0 36px;display:block}.hero-facts{margin-top:32px;justify-content:space-between}.hero-facts b{font-size:25px}.workspace{padding-top:38px}.styles{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px}.style{flex:0 0 115px;scroll-snap-align:start}.sectionhead h2{font-size:22px}.sectionhead p{font-size:12px}.game{grid-template-columns:24px 1fr 30px;gap:12px;padding:16px 12px}.game .game-time,.game .matchup,.game .comments{grid-column:2}.game .remove{grid-column:3;grid-row:1/4;align-self:start}.comments{gap:6px}.generate{padding:23px;display:block}.primary{width:100%;margin-top:22px}.jobtop{flex-wrap:wrap}.download{width:100%;margin:10px 0 0}footer{display:block;line-height:2}footer span{display:block}}
