.back-link{color:var(--green);font-size:12px;text-decoration:none}.art-main{max-width:980px}.art-intro{margin:12px 0 26px}.art-intro h1{font-size:36px}.art-intro p{color:var(--muted);font-size:13px;line-height:1.7;max-width:650px}.art-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;background:#ffffff06;border:1px solid var(--edge);border-radius:12px;margin-bottom:22px}.art-controls label{margin:0;min-width:180px}.art-controls select{margin-top:4px}.palette-buttons{display:flex;gap:5px}.palette-buttons button[aria-pressed=true]{color:var(--green);background:#e8c06022;border-color:#e8c06066}#demoStatus{font-size:11px;color:var(--muted);margin-left:auto}.art-card{min-width:0;overflow:hidden;border:1px solid var(--edge);border-radius:14px;background:#ffffff04}.art-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px}.art-card-head h2{font-size:21px;margin-top:7px}.art-chip{font-size:9px;color:var(--muted);max-width:140px;text-align:right}.art-card canvas{width:100%;aspect-ratio:800/736}.art-card>p{font-size:11px;color:var(--muted);padding:0 20px 8px;line-height:1.7}.demo-hud{padding:0 20px 16px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.demo-fighter{font-size:11px}.demo-fighter:last-child{text-align:right}.demo-fighter .hp-track{margin:7px 0}.demo-fighter:last-child .hp-track i{background:var(--ember)}.demo-fighter small{font-size:9px;color:var(--muted)}.demo-benches{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.demo-benches .support-card{background:#ffffff04;border:1px solid var(--edge);padding:20px;border-radius:12px;margin:0}.demo-benches .bench-seats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.comparison-note{font-size:11px;color:var(--muted);line-height:1.8;margin:24px 0;text-align:center}@media(max-width:800px){.demo-benches{gap:12px}.art-intro h1{font-size:28px}.art-controls{gap:8px;padding:12px}.art-controls button{padding:8px 10px;font-size:11px}.art-controls label{flex:1;min-width:160px}#demoStatus{width:100%;margin:6px 0}.art-card-head{padding:16px}.art-card-head h2{font-size:18px}.art-chip{font-size:8px}.demo-benches{gap:12px}.art-intro p{font-size:12px}.back-link{font-size:10px}}
