.template-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));align-items:start}
.template-card{padding:12px;overflow:hidden}
.template-thumbnail{height:300px;border-radius:12px;background:#18253a;display:grid;place-items:center;overflow:hidden}
.template-thumbnail img{width:100%;height:100%;display:block;object-fit:contain;background:#17243a}
.template-placeholder{width:100%;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(155deg,#102b58,#44318a 55%,#7a35eb)}
.template-placeholder span{color:#60ddff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.template-placeholder strong{font-size:24px;line-height:1.05;margin-top:10px}
.template-meta{display:flex;align-items:center;gap:8px;margin-top:10px}
.template-meta small{margin-left:auto;color:var(--muted);max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-card h3{font-size:17px;margin:10px 2px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.open-editor-button{width:100%;padding:11px}
.master-template-actions{grid-template-columns:1fr 1fr}.master-template-actions .open-editor-button{grid-column:1/-1}.template-order-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:5px;margin:-3px 1px 11px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.template-order-controls span{padding-left:3px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.template-order-controls button{min-width:28px;height:28px;padding:0 8px;border:1px solid #cdd8f8;border-radius:7px;background:#edf2ff;color:#2854d9;font-size:13px;font-weight:900;line-height:1}.template-order-controls .move-template-top{font-size:9px}.template-order-controls button:hover:not(:disabled){border-color:#3158ff;background:#3158ff;color:#fff}.template-order-controls button:disabled{border-color:var(--line);background:var(--panel);color:var(--muted);opacity:.42;cursor:not-allowed}.event-template-actions{grid-template-columns:minmax(0,1fr) auto}.delete-template-button{background:#fff0f1;color:#c92c3b}.delete-template-button:hover{background:#d53645;color:#fff}.template-card-link-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-5px 2px 13px}.template-card-link-row .template-campaign-type{margin:0;min-width:0}.poster-link-button{display:inline-flex;align-items:center;flex:0 0 auto;padding:6px 9px;border:1px solid #cddafa;border-radius:999px;background:#f3f6ff;color:#2855d7;font-size:9px;font-weight:850;text-decoration:none}.poster-link-button:hover{border-color:#5e82ef;background:#e7edff;color:#163fae}
.event-template-actions{grid-template-columns:minmax(0,1fr) auto auto}.embed-template-button{border:1px solid #cbd8fa;background:#eef3ff;color:#3157d7}.embed-template-button:hover{border-color:#3158ff;background:#3158ff;color:#fff}.poster-embed-modal{z-index:45;padding:18px}.poster-embed-modal-card{width:min(1080px,96vw);max-height:94vh;padding:0;overflow:auto}.poster-embed-modal-head{position:sticky;z-index:3;top:0;display:flex;align-items:flex-start;gap:20px;padding:22px 26px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(12px)}.poster-embed-modal-head>div{min-width:0}.poster-embed-modal-head>div>span{color:#3158ff;font-size:9px;font-weight:900;letter-spacing:.12em}.poster-embed-modal-head h2{margin:5px 0 3px!important;font-size:25px}.poster-embed-modal-head p{margin:0;color:var(--muted);font-size:11px}.poster-embed-modal-head>button{margin-left:auto;width:36px;height:36px;padding:0;border-radius:50%;background:#edf1f7;color:var(--text);font-size:21px}.poster-embed-tabs{display:flex;gap:8px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--panel)}.poster-embed-tabs button{padding:10px 14px;border:1px solid var(--line);background:var(--bg);color:var(--muted)}.poster-embed-tabs button.active{border-color:#9fb7ff;background:#eaf0ff;color:#2454d8;box-shadow:0 0 0 3px #2454ff12}.poster-embed-panel{display:grid;grid-template-columns:minmax(330px,.92fr) minmax(360px,1.08fr);gap:22px;padding:24px 26px 28px;align-items:start}.poster-embed-preview,.poster-email-preview{min-width:0}.poster-embed-preview>span,.poster-email-preview>span{display:block;margin-bottom:8px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.1em}.poster-embed-preview iframe{display:block;width:100%;height:680px;border:1px solid var(--line);border-radius:18px;background:#f4f6fa}.poster-email-preview>div{max-height:680px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:16px;background:#eef1f6}.poster-email-preview table{width:100%!important}.poster-embed-code{position:sticky;top:108px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.embed-format-badge{display:inline-flex;padding:6px 8px;border-radius:999px;background:#e8efff;color:#2454d8;font-size:8px;font-weight:900;letter-spacing:.08em}.embed-format-badge.email{background:#e7f7f0;color:#157a55}.poster-embed-code h3{margin:11px 0 6px;font-size:19px}.poster-embed-code>p{margin:0 0 17px;color:var(--muted);font-size:11px;line-height:1.55}.poster-embed-code label{display:block;color:var(--text);font-size:10px;font-weight:850}.poster-embed-code textarea{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:10px;resize:vertical;background:var(--panel);color:var(--text);font:10px/1.55 Consolas,monospace;outline:none}.poster-embed-code textarea:focus{border-color:#7192f0;box-shadow:0 0 0 3px #2454ff12}.poster-embed-code>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px}.poster-embed-code>div button,.poster-embed-code>div a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:10px 13px;border-radius:9px;font-size:10px;font-weight:850;text-decoration:none}.poster-embed-code>div button{background:#2454ff;color:#fff}.poster-embed-code>div button.copied{background:#16865d}.poster-embed-code>div a,.poster-embed-code>div .copy-poster-link{border:1px solid var(--line);background:var(--panel);color:var(--text)}body.dark .embed-template-button{background:#1e2d4f;color:#b5c5ff}body.dark .poster-embed-tabs button.active,body.dark .embed-format-badge{background:#1c2d55;color:#b8c8ff}body.dark .poster-email-preview>div{background:#151d2e}
.event-templates-empty{grid-column:1/-1}
.event-template-toolbar{align-items:center}.event-template-filters{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.event-template-filters .search{margin:0}.event-template-event{min-width:250px;cursor:pointer;background:var(--panel);color:var(--text)}
.template-library-toolbar{align-items:center}.template-toolbar-actions{display:flex;gap:9px}.secondary-template-action{background:#edf1ff;color:#3158d8}.secondary-template-action:hover{background:#dfe6ff}.template-category-filters{display:flex;gap:10px;margin:0 0 22px;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:thin}.template-category-filters button{min-width:132px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);box-shadow:0 4px 14px #111a2c08;text-align:left;white-space:nowrap}.template-category-filters button:hover{border-color:color-mix(in srgb,var(--category-color,#3158ff) 55%,var(--line));transform:translateY(-1px)}.template-category-filters button.active{border-color:var(--category-color,#3158ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color,#3158ff) 14%,transparent)}.template-category-filters button:first-child.active{--category-color:#3158ff}.category-filter-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--category-color,#64748b) 13%,var(--panel))}.category-filter-icon i,.template-category-badge i,.category-swatch i{display:block;width:9px;height:9px;border-radius:50%;background:var(--category-color,#64748b);box-shadow:0 0 0 4px color-mix(in srgb,var(--category-color,#64748b) 14%,transparent)}.category-filter-icon.all{background:#edf1ff;color:#3158ff;font-style:normal;font-weight:900}.template-category-filters b{font-size:12px}.template-category-filters small{padding:4px 7px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:9px;font-weight:800}.template-category-badge{display:inline-flex;align-items:center;gap:7px;max-width:160px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--category-color,#64748b) 11%,var(--panel));color:var(--category-color,#64748b);font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-category-badge i{width:7px;height:7px;box-shadow:none;flex:0 0 auto}.template-campaign-type{display:inline-flex;margin:-5px 2px 13px;color:var(--muted);font-size:10px;font-weight:700}.template-category-page{max-width:1440px;margin:auto}.category-hero{display:flex;align-items:center;justify-content:space-between;padding:27px 31px;margin-bottom:18px;border-radius:19px;color:#fff;background:linear-gradient(120deg,#162446,#294287 58%,#5e45dc)}.category-hero>div:first-child>span{color:#bfcaff;font-size:10px;font-weight:900;letter-spacing:.13em}.category-hero h2{margin:8px 0 6px;font-size:28px}.category-hero p{margin:0;color:#dbe2fa}.category-hero>div:last-child{min-width:112px;padding:17px;border:1px solid #ffffff35;border-radius:14px;text-align:center;background:#ffffff0d}.category-hero>div:last-child b,.category-hero>div:last-child small{display:block}.category-hero>div:last-child b{font-size:30px}.category-hero>div:last-child small{margin-top:4px;color:#dce4ff;font-size:10px}.category-admin-layout{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:18px;align-items:start}.category-create-card{position:sticky;top:105px}.category-create-card .field{display:block;margin:15px 0}.category-create-card>button{width:100%}.category-color-field{display:flex;align-items:center;gap:11px;margin-top:7px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.category-color-field input[type=color]{width:42px;height:34px;margin:0;padding:2px;border:0;background:transparent;cursor:pointer}.category-color-field span{color:var(--muted);font-size:11px;font-weight:500}.category-list-card{padding:0;overflow:hidden}.category-list-head{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line)}.category-list-head h3{margin:0}.category-list-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.category-list-head button{margin-left:auto}.category-row{display:grid;grid-template-columns:38px minmax(150px,1fr) minmax(110px,.55fr) auto;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line)}.category-row:last-child{border-bottom:0}.category-swatch{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--category-color,#64748b) 12%,var(--panel))}.category-row>div:nth-child(2) b,.category-row>div:nth-child(2) small{display:block}.category-row>div:nth-child(2) small{margin-top:4px;color:var(--muted);font-size:10px}.category-row code{color:var(--muted);font-size:10px}.category-row-actions{display:flex;gap:7px}.category-row-actions button{padding:8px 10px;font-size:10px}.category-row-actions button:first-child{background:#edf2ff;color:#2454ff}.category-row-actions .protected-category{background:#f0f2f6;color:#8a93a6;cursor:not-allowed}.category-modal-card{width:min(520px,92vw)}.category-modal-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px}.category-modal-head h2{margin:6px 0}.category-modal-head p{margin:0;color:var(--muted);font-size:12px}.category-modal-head>button{margin-left:auto;width:34px;height:34px;padding:0;background:#eef1f7;color:var(--text);font-size:20px}.category-modal-card>.field{display:block;margin:15px 0}body.dark .secondary-template-action,body.dark .category-row-actions button:first-child{background:#1d2a47;color:#a9bcff}body.dark .category-filter-icon.all{background:#1d2a47;color:#a9bcff}
body.dark .template-order-controls button{background:#1d2a47;color:#a9bcff}
@media(max-width:900px){.category-admin-layout{grid-template-columns:1fr}.category-create-card{position:static}}
@media(max-width:800px){.poster-embed-panel{grid-template-columns:1fr}.poster-embed-code{position:static}.poster-embed-preview iframe{height:640px}.poster-email-preview>div{max-height:600px}}
@media(max-width:720px){.template-thumbnail{height:260px}.event-template-toolbar,.template-library-toolbar{align-items:stretch}.event-template-filters{width:100%;flex-direction:column;align-items:stretch}.event-template-filters .search,.event-template-event{width:100%;min-width:0}.event-template-toolbar>button{width:100%}.template-library-toolbar{flex-direction:column}.template-library-toolbar .search{width:100%}.template-toolbar-actions{width:100%}.template-toolbar-actions button{flex:1}.category-hero{padding:22px}.category-hero>div:last-child{display:none}.category-row{grid-template-columns:38px 1fr auto}.category-row code{display:none}.poster-embed-modal{padding:0}.poster-embed-modal-card{width:100vw;max-height:100vh;min-height:100vh;border-radius:0}.poster-embed-modal-head{padding:18px}.poster-embed-tabs{padding:12px 18px;overflow-x:auto}.poster-embed-tabs button{white-space:nowrap}.poster-embed-panel{padding:18px}.poster-embed-preview iframe{height:610px}.poster-email-preview>div{padding:6px}}