.hookGrid{grid-template-columns:380px minmax(520px,1fr)}.hookControls h3{margin:16px 0 10px;color:#f4f7ff}.templateBlock{margin-top:14px}.hookTplGrid{display:grid;grid-template-columns:1fr;gap:10px}.hookTplGrid.two{grid-template-columns:1fr 1fr}.hookTpl{min-height:66px;border:1px solid #263a5c;background:#0b1220;color:#dce8ff;border-radius:14px;cursor:pointer;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hookTpl:hover,.hookTpl.selected{border-color:#5d8cff;background:#14213d;box-shadow:0 0 0 3px rgba(93,140,255,.12)}.hookTpl b{font-size:17px;color:#cfe0ff}.hookTpl span{font-size:13px}.hookPreviewPanel{min-height:620px}.hookResult{min-height:510px;border:1px dashed #334762;border-radius:18px;background:#080d18;display:grid;place-items:center;text-align:center;overflow:hidden;padding:14px}.hookResult img{max-width:100%;max-height:520px;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.emptyResult{color:#8796b5}.emptyIcon{font-size:54px;color:#5d6f95}.downloadSlot{margin-top:14px}.downloadSlot a{display:inline-flex;padding:12px 18px;border-radius:12px;background:#5d8cff;color:white;font-weight:900;text-decoration:none}@media(max-width:900px){.hookGrid{grid-template-columns:1fr}.hookTplGrid.two{grid-template-columns:1fr}}

.emptyTpl{min-height:86px;border:1px dashed #334762;background:#080d18;color:#8796b5;border-radius:14px;display:grid;place-items:center;font-weight:900;margin-top:10px}