.template-category{margin:50px 0}.template-category>h2{margin-bottom:20px;font-size:20px;font-weight:500}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.template-card{border:1px solid #e8e1ef;border-radius:14px;display:block;overflow:hidden}.template-card>div{aspect-ratio:1.35}.template-card-stage{height:100%;position:relative}.template-card svg{width:100%;height:100%}.template-card h3{margin:0;padding:18px 20px;font-size:16px;font-weight:500}.template-card:hover{border-color:#8967d8}.template-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:32px;margin:36px 0 0;display:grid}.template-stage{border-radius:16px;height:490px;margin:0;position:relative;overflow:hidden}.template-player,.template-poster{position:absolute;inset:0}.template-stage svg{width:100%;height:100%}.template-controls{flex-direction:column;align-self:center;gap:24px;font-size:13px;display:flex}.template-controls>.tool-button{width:100%}.template-speed{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:10px;display:flex}.template-speed output{font-variant-numeric:tabular-nums;color:#746b7d}.template-speed input{accent-color:#ac8cde;cursor:pointer;width:100%;margin:0}.template-palette{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.template-palette legend{margin-bottom:12px}.template-palette input{cursor:pointer;border:1px solid #e8e1ef;border-radius:7px;width:34px;height:34px}.template-controls dl{color:#746b7d;margin:0}.template-controls dl>div{justify-content:space-between;margin:6px 0;display:flex}.template-controls dd{color:#29272f;margin:0}.template-details{color:#746b7d;margin:32px 0 48px;font-size:14px}.template-details p{margin:0 0 8px}.template-related{flex-wrap:wrap;gap:12px 24px;margin-top:32px;display:flex}@media (max-width:760px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-card h3{padding:14px;font-size:14px}.template-workspace{grid-template-columns:1fr;gap:24px}.template-stage{aspect-ratio:1;height:auto}}@media (max-width:400px){.template-grid{grid-template-columns:1fr}}.template-guide{max-width:720px;margin:36px 0;line-height:1.8}.template-guide h2{color:#29272f;margin-bottom:14px;font-size:23px}.template-guide ol{padding-left:24px}.template-guide li{margin:12px 0}.template-guide a{color:#7148b8;text-decoration:underline}