.templates-page-wrapper{color:#0f172a;background:#fff;min-height:100vh;display:flex}.templates-sidebar{z-index:50;background:#fff;border-inline-start:1px solid #eef2f6;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.templates-sidebar-logo-row{justify-content:space-between;align-items:center;margin-bottom:24px;padding-inline:8px;display:flex}.templates-sidebar-exit-btn{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;transition:color .18s;display:flex}.templates-sidebar-exit-btn:hover{color:#ef4444}.templates-nav{flex-direction:column;gap:4px;display:flex}.templates-nav-item{color:#64748b;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.templates-nav-item:hover{color:#0f172a;background:#f8fafc}.templates-nav-item.active{color:#2563eb;background:#eff6ff;font-weight:700}.templates-nav-item.active svg{color:#2563eb}.templates-sidebar-premium{text-align:center;background:#f0f7ff;border:1px solid #dbeafe;border-radius:16px;flex-direction:column;align-items:center;gap:8px;margin-top:auto;margin-bottom:16px;padding:18px 14px;display:flex}.templates-sidebar-premium-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.templates-sidebar-premium-title{color:#1e3a8a;font-size:13.5px;font-weight:700}.templates-sidebar-premium-desc{color:#64748b;font-size:11px;line-height:1.45}.templates-sidebar-premium-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);border:none;border-radius:8px;width:100%;margin-top:4px;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 2px 8px #4f46e540}.templates-sidebar-premium-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4f46e559}.templates-sidebar-logout{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.templates-sidebar-logout:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca;transform:translateY(-1px);box-shadow:0 3px 8px #ef444414}.templates-main-content{background:#fff;flex:1;min-width:0;padding:20px 28px 48px}.templates-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.templates-page-heading-title{color:#0f172a;text-align:center;flex:1;font-size:20px;font-weight:800}.templates-topbar-actions{align-items:center;gap:10px;display:flex}.templates-topbar-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.templates-topbar-btn:hover{color:#0f172a;background:#f8fafc}.templates-topbar-btn-primary{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.templates-topbar-btn-primary:hover{color:#fff;background:#2563eb}.templates-hero-banner{background:linear-gradient(135deg,#eaf4ff 0%,#f1f0ff 50%,#f5eeff 100%);border:1px solid #e0e7ff;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f10a}.templates-hero-info{z-index:1;flex-direction:column;flex:1;gap:8px;display:flex}.templates-hero-title{color:#0f172a;letter-spacing:-.3px;font-size:24px;font-weight:800;line-height:1.3}.templates-hero-subtitle{color:#64748b;font-size:13.5px;font-weight:500}.templates-hero-search{max-width:460px;margin-top:10px;position:relative}.templates-hero-search-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 42px 10px 18px;font-size:13px;transition:all .2s;box-shadow:0 2px 8px #00000008}.templates-hero-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.templates-hero-search-icon{top:50%;color:#94a3b8;pointer-events:none;position:absolute;inset-inline-end:14px;transform:translateY(-50%)}.templates-hero-illustration{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:320px;max-width:42%;height:auto;display:flex}.templates-hero-illustration img{object-fit:contain;filter:drop-shadow(0 10px 25px #2563eb26);width:100%;height:auto}.templates-filter-row{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:6px;display:flex;overflow-x:auto}.templates-filter-row::-webkit-scrollbar{display:none}.templates-filter-pill{color:#64748b;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .12s;display:inline-flex}.templates-filter-pill:hover{color:#0f172a;border-color:#cbd5e1}.templates-filter-pill:active{transform:scale(.97)}.templates-filter-pill.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb40}.templates-filter-pill.active svg{color:#fff}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-bottom:32px;transition:opacity .14s;display:grid}.templates-grid.is-filtering{opacity:.65;pointer-events:none}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(210px,240px));gap:20px}.template-card{cursor:pointer;content-visibility:auto;contain-intrinsic-size:210px 250px;contain:content;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.template-card:hover{border-color:#2563eb;transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.template-card-preview-box{aspect-ratio:210/250;background:#f8fafc;border-bottom:1px solid #eef2f6;width:100%;position:relative;overflow:hidden}.tpl-mini-box{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:6px 5px;display:flex}.tpl-mini-split{flex-direction:row!important;padding:0!important}.template-card-fav-btn{top:8px;z-index:5;color:#94a3b8;cursor:pointer;background:#fffffff2;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .18s;display:flex;position:absolute;inset-inline-start:8px}.template-card-fav-btn:hover{color:#ef4444;background:#fff}.template-card-fav-btn.active{color:#ef4444}.template-card-body{text-align:center;flex-direction:column;gap:3px;padding:10px 12px 6px;display:flex}.template-card-name{color:#0f172a;font-size:13.5px;font-weight:700}.template-card-tag{color:#2563eb;background:#eff6ff;border-radius:4px;margin:0 auto;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.template-card-actions-bar,.template-card-actions-row{align-items:center;gap:6px;margin-top:auto;padding:8px 12px 12px;display:flex}.template-use-btn{color:#2563eb;text-align:center;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.template-use-btn:hover{color:#fff;background:#2563eb}.template-btn-use{text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #1d4ed8;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #2563eb38;color:#fff!important;text-decoration:none!important}.template-btn-use:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1.5px);box-shadow:0 5px 14px #2563eb59;color:#fff!important}.template-btn-use:active{transform:translateY(0);box-shadow:0 1px 3px #2563eb33}.template-bookmark-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex}.template-bookmark-btn:hover{color:#0f172a;background:#f8fafc}.templates-load-more-row{justify-content:center;margin-top:10px;display:flex}.templates-load-more-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.templates-load-more-btn:hover{background:#eff6ff}@media (max-width:1024px){.templates-sidebar{width:200px}.templates-hero-banner{flex-direction:column-reverse;align-items:stretch}.templates-hero-illustration{width:240px;max-width:100%;margin:0 auto}}@media (max-width:768px){.templates-page-wrapper{flex-direction:column!important}.templates-sidebar{border-inline-start:none!important;z-index:10!important;border-bottom:1px solid #eef2f6!important;width:100%!important;height:auto!important;padding:12px 14px 8px!important;position:static!important}.templates-sidebar-logo-row{margin-bottom:8px!important}.templates-nav{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:6px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.templates-nav::-webkit-scrollbar{display:none!important}.templates-nav-item{white-space:nowrap!important;border-radius:8px!important;flex-shrink:0!important;padding:6px 12px!important;font-size:12px!important}.templates-sidebar-premium,.templates-sidebar-logout{display:none!important}.templates-main-content{padding:14px 14px 80px!important}.templates-hero-banner{border-radius:16px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px 14px!important}.templates-hero-info{width:100%!important}.templates-hero-illustration{width:100%!important;max-width:100%!important;margin:4px auto 0!important}.templates-hero-illustration img{margin:0 auto;max-height:130px!important}.templates-hero-title{font-size:18px!important}.templates-hero-subtitle{font-size:12px!important}.templates-hero-search{max-width:100%!important}.templates-filter-bar{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.templates-filter-bar::-webkit-scrollbar{display:none}.templates-filter-pill{flex-shrink:0;padding:6px 12px;font-size:11.5px;white-space:nowrap!important}.templates-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.template-card{border-radius:12px}.template-card-preview-box{aspect-ratio:210/260}.template-card-body{gap:2px;padding:6px 8px 4px}.template-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.template-card-tag{padding:1px 6px;font-size:9.5px}.template-card-actions-row{gap:4px;padding:4px 6px 8px}.template-btn-use{border-radius:6px;gap:4px;padding:5px 6px;font-size:11px}.template-bookmark-btn{border-radius:6px;width:26px;height:26px}}.tpl-modal-backdrop{z-index:99999;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;-webkit-backdrop-filter:none!important;transition:none!important;animation:none!important}.tpl-modal-dialog{background:#fff;border:1px solid #e2e8f0cc;border-radius:18px;flex-direction:column;width:100%;max-width:900px;height:88vh;max-height:860px;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0006,0 0 0 1px #ffffff1a;transition:none!important;animation:none!important;transform:none!important}.tpl-modal-header{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 20px;display:flex}.tpl-modal-header-info{flex:auto;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.tpl-modal-title-wrap{flex-shrink:1!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.tpl-modal-icon-badge{border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;display:flex!important}.tpl-modal-title{color:#0f172a!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:240px!important;margin:0!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;overflow:hidden!important}.tpl-modal-category-tag{color:#475569!important;white-space:nowrap!important;background:#f1f5f9!important;border-radius:6px!important;flex-shrink:0!important;padding:3px 8px!important;font-size:11.5px!important;font-weight:700!important}.tpl-modal-colors{align-items:center;gap:5px;padding-inline:4px;display:flex}.tpl-color-dot{border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000026}.tpl-modal-header-actions{align-items:center;display:flex}.tpl-modal-header-tools{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.tpl-modal-lang-toggle{background:#f1f5f9;border-radius:8px;padding:2px;display:flex}.tpl-modal-lang-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.tpl-modal-lang-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.tpl-modal-zoom-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:2px 6px;display:flex}.tpl-modal-tool-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tpl-modal-tool-btn:hover{color:#0f172a;background:#e2e8f0}.tpl-modal-zoom-label{color:#475569;text-align:center;min-width:36px;font-size:11.5px;font-weight:700}.tpl-modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.tpl-modal-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.tpl-modal-stage{background-color:#f8fafc;background-image:radial-gradient(#0f172a12 1px,#0000 1px);background-size:20px 20px;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.tpl-modal-paper-wrapper{background:#fff;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0f172a29,0 0 0 1px #0f172a14}.tpl-modal-footer{z-index:10;background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.tpl-modal-footer-template-name{color:#64748b;font-size:13px;font-weight:600}.tpl-modal-footer-actions{align-items:center;gap:10px;display:flex}.tpl-modal-btn-cancel{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .18s}.tpl-modal-btn-cancel:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.tpl-modal-btn-use,a.tpl-modal-btn-use{cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #2563eb52;color:#fff!important;text-decoration:none!important}.tpl-modal-btn-use:hover,a.tpl-modal-btn-use:hover,.tpl-modal-btn-use:focus,a.tpl-modal-btn-use:focus{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb6b;color:#fff!important}.tpl-modal-btn-use span,.tpl-modal-btn-use svg,.tpl-modal-btn-use:hover span,.tpl-modal-btn-use:hover svg{color:#fff!important}@media (max-width:768px){.tpl-hide-on-mobile{display:none!important}.tpl-modal-backdrop{z-index:99999!important;-webkit-backdrop-filter:none!important;box-sizing:border-box!important;overscroll-behavior:contain!important;touch-action:none!important;background:#0f172ad1!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:16px 12px!important;display:flex!important;position:fixed!important;inset:0!important}.tpl-modal-dialog{background:#fff!important;border:1px solid #e2e8f0cc!important;border-radius:18px!important;flex-direction:column!important;width:100%!important;max-width:380px!important;height:84dvh!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;animation:none!important;display:flex!important;overflow:hidden!important;transform:none!important;box-shadow:0 25px 50px -12px #0009!important}.tpl-modal-header{z-index:20!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important;border-radius:18px 18px 0 0!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 12px!important;display:flex!important}.tpl-modal-header-info{flex:auto!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.tpl-modal-title-wrap{align-items:center!important;gap:6px!important;min-width:0!important;max-width:100%!important;display:flex!important;overflow:hidden!important}.tpl-modal-icon-badge{border-radius:6px!important;flex-shrink:0!important;width:28px!important;height:28px!important}.tpl-modal-title{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:120px!important;margin:0!important;font-size:13.5px!important;font-weight:700!important;line-height:1.2!important;overflow:hidden!important}.tpl-modal-category-tag,.tpl-modal-colors,.tpl-modal-zoom-group,.tpl-modal-footer-info{display:none!important}.tpl-modal-header-tools{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.tpl-modal-lang-toggle{border-radius:6px!important;padding:2px!important;display:flex!important}.tpl-modal-lang-btn{border-radius:5px!important;padding:3px 7px!important;font-size:11px!important}.tpl-modal-close-btn{border-radius:8px!important;flex-shrink:0!important;width:32px!important;height:32px!important}.tpl-modal-stage{-webkit-overflow-scrolling:touch!important;flex:auto!important;justify-content:center!important;align-items:center!important;min-height:0!important;padding:10px 8px!important;display:flex!important;overflow:hidden auto!important}.tpl-modal-paper-wrapper{flex-shrink:0!important;margin:auto!important}.tpl-modal-footer{height:auto!important;min-height:56px!important;padding:8px 12px!important;padding-bottom:max(10px, env(safe-area-inset-bottom,10px))!important;box-sizing:border-box!important;z-index:20!important;background:#fff!important;border-top:1px solid #e2e8f0!important;border-radius:0 0 18px 18px!important;flex-shrink:0!important;align-items:center!important;display:flex!important}.tpl-modal-footer-actions{justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;margin:0!important;display:flex!important}.tpl-modal-btn-use{box-sizing:border-box!important;white-space:nowrap!important;border-radius:10px!important;flex:1.35!important;justify-content:center!important;align-items:center!important;gap:5px!important;height:44px!important;min-height:44px!important;padding:0 8px!important;font-size:12.5px!important;font-weight:700!important;display:inline-flex!important}.tpl-modal-btn-cancel,.tpl-modal-footer-actions a.tpl-modal-btn-cancel,.tpl-modal-footer-actions button.tpl-modal-btn-cancel{text-align:center!important;box-sizing:border-box!important;white-space:nowrap!important;border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:44px!important;min-height:44px!important;padding:0 6px!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important}.tpl-modal-footer-actions button.tpl-modal-btn-cancel{flex:.8!important}}.tpl-da-entry-desc,.tpl-mod-exp-desc,.tpl-main-exp-desc,.tpl-sen-exp-desc,.tpl-sbe-exp-desc,.tpl-stt-exp-desc,.tpl-sdt-entry-desc,.tpl-sce-exp-desc,.tpl-spt-entry-desc,.tpl-sae-exp-desc,.tpl-ren-entry-desc,.tpl-sma-exp-desc,.tpl-ps-entry-desc,.tpl-pgr-entry-desc,.tpl-nwc-entry-desc,.tpl-nras-exp-desc,.tpl-nof-exp-desc,.tpl-noce-exp-desc,.tpl-ngc-exp-desc,.tpl-minimal-text,.tpl-mng-item-desc,.tpl-mcpm-exp-desc,.tpl-sbb-exp-desc,.tpl-msr-exp-desc,.tpl-mad-exp-desc,.tpl-sgh-item-desc,.tpl-formatted-bullets,p[class*=-desc],p[class*=-text],div[class*=-desc]{white-space:pre-line;word-break:break-word}ul.tpl-formatted-bullets{margin:4px 0 6px;padding-inline-start:18px;list-style-type:disc}ul.tpl-formatted-bullets li{white-space:normal;margin-bottom:2.5px;line-height:1.45}