.template-picker-launch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.template-picker-launch>button{font-size:14px;font-weight:700;padding:10px 16px}.template-picker-launch small{color:#6b7f97;font-size:12px}.template-picker-open{overflow:hidden}.template-picker-overlay{position:fixed;inset:0;background:#0b1728b3;z-index:25000;display:flex;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(3px)}.template-picker-dialog{width:min(1160px,100%);max-height:min(860px,calc(100vh - 56px));background:#f7f9fc;border:1px solid #dce5f0;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 28px 100px #0005;overflow:hidden}.template-picker-dialog>header{position:static;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;background:white;border-bottom:1px solid #e1e8f1;height:auto}.template-picker-dialog h2{margin:0;font-size:21px;color:#11233b}.template-picker-dialog header p{margin:8px 0 0;color:#6b7f97;font-size:13px}.template-picker-close{background:#fff1f2;color:#db3547;border:1px solid #ffcbd1;border-radius:10px;font-size:29px;width:44px;height:44px;padding:0;line-height:1}.template-picker-filters{padding:20px 28px 10px}.template-picker-filters input{width:100%;height:44px;border:2px solid #16a36d;background:white;border-radius:8px;font-size:14px;padding:0 14px;outline-offset:3px}.template-picker-filters nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.template-picker-filters nav button{border:1px solid #cfdae8;background:white;color:#3e526e;border-radius:7px;font-weight:650;padding:8px 16px}.template-picker-filters nav button[aria-pressed=true]{background:#119d70;border-color:#119d70;color:white}.template-picker-status{display:flex;justify-content:space-between;gap:16px;padding:8px 28px 15px;color:#698099;font-size:12px}.template-picker-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 28px 28px;align-content:start}.template-picker-card{border:1px solid #dce5ef;border-radius:12px;overflow:hidden;background:white;text-align:left;padding:0 0 15px;color:#233951;min-width:0;transition:transform .15s,border-color .15s;display:flex;flex-direction:column;align-items:stretch}.template-picker-card:hover:not(:disabled){transform:translateY(-3px);border-color:#139b71;box-shadow:0 8px 20px #17314f13}.template-picker-card>strong,.template-picker-card>span,.template-picker-card>small{margin:0 14px}.template-picker-card>strong{font-size:16px;margin-top:14px;line-height:1.5}.template-picker-card>small{font-size:11px;color:#12875f;margin-top:8px;white-space:normal;line-height:1.6}.template-picker-meta{font-size:12px;color:#8593a6;margin-top:4px!important}.template-picker-cover{height:120px;background:linear-gradient(135deg,var(--template-accent),#13233c);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.template-picker-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top}.template-picker-letter{color:white;font-size:34px;font-weight:800}.template-picker-card.is-unavailable{opacity:.7;cursor:default}.template-picker-card.is-unavailable>small{color:#b66726}.template-picker-empty{grid-column:1/-1;padding:50px;text-align:center;color:#6b7f97}@media(max-width:1000px){.template-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.template-picker-overlay{padding:10px}.template-picker-dialog{max-height:calc(100dvh - 20px)}.template-picker-dialog>header{padding:18px}.template-picker-dialog h2{font-size:18px}.template-picker-filters{padding:16px 18px 8px}.template-picker-status{padding:8px 18px 12px}.template-picker-status>span+span{display:none}.template-picker-grid{padding:0 18px 18px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-picker-cover{height:100px}.template-picker-card>strong{font-size:14px}.template-picker-filters nav button{padding:8px 11px}.template-picker-launch>small{font-size:11px}}@media(prefers-reduced-motion:reduce){.template-picker-card{transition:none}}
.template-picker-filters nav button{width:auto;flex:0 0 auto;text-align:center}.template-picker-grid{flex:1 1 auto;min-height:0;grid-auto-rows:max-content}.template-picker-card{min-height:230px}.template-picker-cover{flex:0 0 120px}.template-picker-dialog>header,.template-picker-filters,.template-picker-status{flex:0 0 auto}@media(max-width:680px){.template-picker-cover{flex-basis:100px}}