.template-main{max-width:1180px;margin:48px auto;padding:0 24px 60px}.template-main h1{font-size:clamp(38px,5vw,68px);line-height:1.05;max-width:800px}.template-main .lead{max-width:760px;font-size:20px}.template-columns{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;margin-top:28px}.template-main button,.template-main select,.template-main input{font:inherit;padding:10px 14px;border:1px solid #c9b8cf;border-radius:9px;background:#fffcf7;color:#36223e;cursor:pointer}.template-main button:disabled{opacity:.45;cursor:default}.template-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}#catalog button{display:block;text-align:left;width:100%;margin:0 0 12px;padding:20px;background:#f4ecfb}#catalog button[aria-current=true]{border:2px solid #65427f}#catalog small{display:block;margin-top:8px}#detail{border:1px solid #d9c9dc;border-radius:18px;background:#fffcf7;padding:26px;min-width:0}.template-main details{margin:24px 0;border-top:1px solid #d9c9dc;padding-top:20px}.template-main summary{cursor:pointer;font-weight:600}.template-main label{display:block;margin:14px 0 6px}.template-main textarea{box-sizing:border-box;width:100%;max-width:100%;font:13px/1.6 ui-monospace,monospace;border:1px solid #c9b8cf;border-radius:9px;padding:14px;background:#fff;color:#36223e}.template-main pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace}.template-main #status{position:sticky;bottom:0;padding:12px;background:#efe3f5;border-radius:9px;white-space:pre-wrap}.template-main :focus-visible{outline:3px solid #8b50a8;outline-offset:3px}.template-main [hidden]{display:none!important}@media(max-width:760px){.template-columns{grid-template-columns:1fr}#catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.template-main{margin-top:24px;padding:0 16px 30px}#detail{padding:18px}}