.template-page{padding-top:52px;padding-bottom:60px}.template-page h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.04em;margin:12px 0}.template-intro{max-width:700px;line-height:1.7;color:#586357}.template-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}.template-toolbar label{display:grid;gap:8px}.template-toolbar select,.template-form select,.template-form input:not([type=checkbox]),.template-form textarea{padding:12px;border:1px solid #cbd1c7;border-radius:8px;max-width:100%;font:inherit;background:#fff;color:#263128}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.template-card{border:1px solid #dde1d9;border-radius:16px;padding:20px;background:#fff;min-width:0}.template-card img{width:100%;aspect-ratio:1.65;object-fit:contain;background:#f4f4ef;border-radius:10px}.template-card h2{font-size:20px;line-height:1.3}.template-card p{color:#586357;line-height:1.6}.template-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.template-detail img{width:100%;border:1px solid #dde1d9;border-radius:16px}.template-form{background:#fff;border:1px solid #dde1d9;border-radius:16px;padding:24px;max-width:960px}.template-form>label{display:block;margin:18px 0}.template-form>label>input:not([type=checkbox]),.template-form textarea,.template-form>label>select{display:block;width:100%;margin-top:8px}.template-form textarea{min-height:100px}.template-import-results{padding:0;list-style:none}.template-import-results li{border-top:1px solid #dde1d9;padding:18px 0;min-height:120px;overflow-wrap:anywhere}.template-import-results img{width:160px;height:100px;object-fit:contain;float:left;margin-right:20px}.template-card a:focus-visible,.template-toolbar a:focus-visible{outline:3px solid #7546c7;outline-offset:4px}@media(max-width:800px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-detail{grid-template-columns:1fr}}@media(max-width:520px){.template-grid{grid-template-columns:1fr}.template-page{padding-top:24px}.template-form{padding:16px}.template-import-results img{float:none;display:block;margin-bottom:12px}}

.template-admin-preview{display:block;max-width:100%;width:500px;height:auto;border-radius:12px}
