.template-main{background:#f7f8f5;padding-bottom:80px}.template-heading{padding-top:80px;padding-bottom:64px}.template-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#536c79}.template-heading h1{font-size:clamp(40px,6vw,76px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 24px}.template-heading>p:last-child{max-width:590px;font-size:18px;line-height:1.7;color:#606961}.template-filters{display:flex;align-items:end;gap:20px;border-top:1px solid #dce1da;padding:24px 0 30px}.template-filters label{display:grid;gap:9px;font-size:12px;font-weight:600;color:#525d55}.template-search{flex:1;max-width:420px}.template-filters input,.template-filters select{height:46px;border:1px solid #d5dcd3;border-radius:8px;background:#fff;padding:0 14px;font:inherit;font-size:14px;min-width:0;width:100%}.template-filters input:focus-visible,.template-filters select:focus-visible{outline:2px solid #536c79;outline-offset:2px}.template-filters>p{margin-left:auto;font-size:13px;color:#667064}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.template-card{background:#fff;border:1px solid #dce1da;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.template-card-browser{display:flex;gap:5px;padding:12px;background:#edf0e9;border-bottom:1px solid #e1e6dd}.template-card-browser i,.template-browser-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#c6cec1}.template-card-window{height:250px;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #e1e6dd}.template-card-window iframe{position:absolute;left:0;top:0;width:300%;height:300%;transform:scale(.333333);transform-origin:top left;border:0;pointer-events:none}.template-card-cover{position:absolute;inset:0;background:transparent;border:0;cursor:pointer}.template-card-cover:focus-visible{outline:3px solid #536c79;outline-offset:-4px}.template-card-content{padding:24px;display:flex;flex-direction:column;flex:1}.template-card-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#667064}.template-card h2{font-size:21px;letter-spacing:-.03em;margin:13px 0 10px}.template-card p{color:#606961;font-size:14px;line-height:1.65;margin:0 0 24px}.template-card-actions{margin-top:auto;display:flex;gap:10px}.template-card-actions .btn{flex:1;padding:11px 10px;font-size:12px}.template-note{padding-top:90px;max-width:650px;text-align:center}.template-note h2{font-size:30px;letter-spacing:-.04em}.template-note p{line-height:1.8;color:#606961;margin:16px 0}.template-preview{border:1px solid #d5dcd3;border-radius:12px;padding:0;width:calc(100vw - 40px);max-width:1600px;height:calc(100dvh - 40px);max-height:none;background:#e9ede6;color:#18211d}.template-preview::backdrop{background:#162119a8}.template-preview[open]{display:flex;flex-direction:column}.template-browser-bar{display:flex;align-items:center;gap:16px;background:#fff;padding:12px 16px;border-bottom:1px solid #d5dcd3;flex-wrap:wrap}.template-browser-dots{display:flex;gap:5px}.template-browser-bar h2{font-size:13px;font-weight:500;flex:1;margin:0}.template-preview-actions{display:flex;align-items:center;gap:8px}.template-preview-actions .btn{font-size:12px;padding:10px 12px}.template-close{background:transparent;border:0;padding:4px 10px;font-size:26px;cursor:pointer}.template-preview-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:0 12px}.template-preview-stage iframe{width:100%;height:100%;border:0;background:white;transition:width .2s}.template-preview-stage.is-mobile iframe{width:390px;max-width:100%}#template-status{padding:30px 0;color:#606961}#template-retry{margin-bottom:24px}body:has(.template-preview[open]){overflow:hidden}@media(max-width:1000px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-heading{padding-top:55px}}@media(max-width:640px){.template-grid{grid-template-columns:1fr}.template-heading{padding-bottom:40px}.template-filters{flex-wrap:wrap;gap:15px}.template-search{flex-basis:100%;max-width:none}.template-category{flex:1}.template-card-window{height:240px}.template-preview{width:100vw;height:100dvh;max-width:none;border-radius:0}.template-browser-dots{display:none}.template-browser-bar{gap:8px}.template-browser-bar h2{flex-basis:100%}.template-preview-actions{width:100%;justify-content:space-between}.template-preview-actions .btn{font-size:11px;padding:9px}#preview-device{display:none}.template-note{padding-top:55px}}

#template-retry[hidden]{display:none}