.template-gallery-body{padding:0 var(--page-gutter) 56px;max-width:calc(1200px + 2 * var(--page-gutter));gap:24px;display:grid}.template-gallery-intro{max-width:680px;color:var(--fg-neutral-muted);margin:-12px 0 0;font-size:14px;line-height:22px}.template-download-note{color:var(--fg-neutral-muted);margin:0;font-size:13px}.template-card{border:1px solid var(--border-neutral-faded);background:var(--bg-raised);box-shadow:var(--elevation-xs);border-radius:14px;gap:16px;padding:20px;display:grid}.template-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex}.template-card-head>div{flex:320px;min-width:0}.template-card-head h2{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:18px;font-weight:600;line-height:26px;display:flex}.template-card-head p{max-width:640px;color:var(--fg-neutral-muted);margin:4px 0 0;font-size:13px;line-height:20px}.template-version{color:var(--fg-neutral-muted);font-size:12px;font-weight:500}.template-card-head a{flex-shrink:0;gap:8px}.template-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;display:flex}.template-choice{border:0;min-width:0;margin:0;padding:0}.template-choice legend{color:var(--fg-neutral-muted);margin-bottom:6px;padding:0;font-size:11px}.template-choice>div{border:1px solid var(--border-neutral-faded);background:var(--bg-neutral-faded);border-radius:10px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.template-choice-option{min-height:32px;color:var(--fg-neutral-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.template-choice-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.template-choice-option:has(input:checked){background:var(--bg-raised);color:var(--fg-neutral);box-shadow:var(--elevation-xs)}.template-choice-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.template-open{min-height:32px;color:var(--fg-neutral-muted);border-radius:6px;align-items:center;gap:6px;margin-left:auto;font-size:12px;text-decoration:none;display:inline-flex}.template-open:hover{color:var(--fg-neutral)}.template-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.template-frame{background:var(--bg-sunken);border-radius:12px;justify-content:center;min-width:0;padding:16px;display:flex}.template-frame-device{border:1px solid var(--border-neutral);background:var(--bg-page);box-shadow:var(--elevation-sm);border-radius:10px;position:relative;overflow:hidden}.template-frame[data-device=phone] .template-frame-device{border-radius:22px}.template-frame iframe{transform-origin:0 0;border:0;display:block}.template-facts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;margin:0;display:grid}.template-facts dt{color:var(--fg-neutral-muted);margin-bottom:4px;font-size:11px}.template-facts dd{margin:0;font-size:13px;line-height:20px}@media not (min-width:768px){.template-card{padding:16px}.template-frame{padding:8px}.template-open{margin-left:0}.template-choice-option{min-height:44px}}@media not (min-width:1100px){.template-choice-option{min-height:44px}}.template-workbench{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:1100px){.template-workbench{grid-template-columns:minmax(360px,420px) minmax(0,1fr)}}.template-preview-column{gap:12px;min-width:0;display:grid}@media (min-width:1100px){.template-preview-column{position:sticky;top:16px}}.template-status{min-height:18px;color:var(--fg-neutral-muted);margin:-4px 0 0;font-size:13px}.template-status:empty{display:none}.template-save-field{color:var(--fg-neutral-muted);gap:6px;font-size:12px;display:grid}.template-save-field input{border:1px solid var(--border-neutral);background:var(--bg-page);min-height:40px;color:var(--fg-neutral);font:inherit;border-radius:10px;padding:0 12px;font-size:14px}.template-save-field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.template-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}