.tpl-container{display:flex;flex-direction:column;gap:18px;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;font-family:inherit;color:#0f172a}.tpl-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:#64748b;margin-bottom:5px}.tpl-breadcrumb__item{color:#64748b;font-weight:500}.tpl-breadcrumb__sep{color:#94a3b8;display:inline-flex;align-items:center}.tpl-breadcrumb__current{color:#0f172a;font-weight:600}.tpl-breadcrumb__link{background:none;border:none;padding:0;font:inherit;color:#64748b;cursor:pointer;display:inline-flex;align-items:center}.tpl-breadcrumb__link:hover{color:#1d4e9e;text-decoration:underline}.tpl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.tpl-builder-header__title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.tpl-header__title{font-size:23px;font-weight:700;color:#0b1a30;margin:0;line-height:1.3;letter-spacing:-.015em}.tpl-header__desc{color:#475569;font-size:13.5px;margin:4px 0 0;line-height:1.5}.tpl-header__actions{gap:10px}.tpl-context-bar,.tpl-header__actions{display:flex;align-items:center;flex-wrap:wrap}.tpl-context-bar{justify-content:space-between;gap:16px;background:#ffffff;border:1px solid #e2e8f0;border-left:4px solid var(--c-primary,#1d4e9e);border-radius:10px;padding:14px 20px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.tpl-context-bar__info{display:flex;align-items:center;gap:14px;flex:1 1;min-width:280px}.tpl-context-bar__icon-wrap{width:42px;height:42px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:var(--c-primary,#1d4e9e);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tpl-context-bar__text{display:flex;flex-direction:column;gap:3px}.tpl-context-bar__title-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tpl-context-bar__badge{color:var(--c-primary,#1d4e9e);font-size:13px;font-weight:700;letter-spacing:.01em}.tpl-context-bar__sep{color:#cbd5e1}.tpl-context-bar__safe-tag{font-size:11.5px;font-weight:700;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:99px;white-space:nowrap}.tpl-context-bar__desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.4}.tpl-context-bar__stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#f8fafc;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0}.tpl-context-stat{display:flex;flex-direction:column;gap:2px}.tpl-context-stat__label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.tpl-context-stat__val{font-size:13.5px;font-weight:700;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tpl-context-stat__val--success{color:#16a34a}.tpl-context-stat__val--info{color:#1d4e9e}.tpl-context-stat-sep{width:1px;height:24px;background:#cbd5e1}.tpl-sheet{background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;width:100%;box-shadow:0 1px 3px rgba(15,23,42,.05)}.tpl-sheet__top{justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tpl-sheet__top,.tpl-tabs{display:flex;align-items:center}.tpl-tabs{gap:6px;overflow-x:auto}.tpl-tab{padding:13px 16px;background:none;border:none;border-bottom:2.5px solid transparent;font-size:13.5px;font-weight:500;font-family:inherit;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .15s ease}.tpl-tab:hover{color:#0f172a;border-bottom-color:#cbd5e1}.tpl-tab.is-active{color:var(--c-primary,#1d4e9e);font-weight:700;border-bottom-color:var(--c-primary,#1d4e9e)}.tpl-tab__count{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:#e2e8f0;color:#475569;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tpl-tab.is-active .tpl-tab__count{background:#dbeafe;color:var(--c-primary,#1d4e9e)}.tpl-sheet__hint{font-size:12px;color:#64748b;font-weight:500;padding:8px 0}.tpl-toolbar{padding:12px 18px;border-bottom:1px solid #cbd5e1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#ffffff}.tpl-toolbar__count{font-size:13px;color:#64748b}.tpl-toolbar__count strong{color:#0f172a}.tpl-sheet__foot{padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.tpl-sheet__foot-info{font-size:13px;color:#475569}.tpl-sheet__foot-info strong{color:#0f172a}.tpl-sheet__foot-note{font-size:12px;color:#64748b}.tpl-search-input-wrap{position:relative;flex:1 1 300px;max-width:520px;display:flex;align-items:center}.tpl-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.tpl-search-input{width:100%;height:40px;padding:8px 36px 8px 38px;font-size:13.5px;border:1.5px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;outline:none;transition:all .15s ease-in-out;box-sizing:border-box}.tpl-search-input:focus{background:#ffffff;border-color:#1d4e9e;box-shadow:0 0 0 3px rgba(29,78,158,.14)}.tpl-search-clear{position:absolute;right:10px;background:none;border:none;font-size:18px;color:#94a3b8;cursor:pointer;padding:4px;line-height:1}.tpl-search-clear:hover{color:#475569}.tpl-table-container{width:100%;overflow-x:auto;overflow-y:hidden;background:#ffffff;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#94a3b8 #f1f5f9}.tpl-table-container::-webkit-scrollbar{height:10px;background:#f1f5f9;border-radius:6px}.tpl-table-container::-webkit-scrollbar-track{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px}.tpl-table-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px;border:2px solid #f8fafc}.tpl-table-container::-webkit-scrollbar-thumb:hover{background:#64748b}.tpl-table{width:100%;min-width:1020px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:13.5px}.tpl-table thead tr{background:#f8fafc;border-bottom:1.5px solid #cbd5e1}.tpl-table th{padding:12px 14px;font-size:12px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.03em;border-right:1px solid #e2e8f0;white-space:nowrap;vertical-align:middle}.tpl-table th:last-child{border-right:none}.tpl-td-code,.tpl-th-code{width:95px;text-align:center}.tpl-td-name,.tpl-th-name{width:auto;min-width:260px;text-align:left}.tpl-td-ver,.tpl-th-ver{width:115px;text-align:center}.tpl-td-scope,.tpl-th-scope{width:155px;text-align:left}.tpl-td-num,.tpl-th-num{width:90px;text-align:center}.tpl-td-status,.tpl-th-status{width:112px;text-align:center}.tpl-td-act,.tpl-th-act{width:305px;text-align:right;padding-right:14px}.tpl-table tbody tr{background:#ffffff;border-bottom:1px solid #e2e8f0;transition:background-color .12s ease}.tpl-table tr:hover,.tpl-table tr:hover td{background:#f8fafc}.tpl-table td{padding:12px 14px;border-right:1px solid #e2e8f0;vertical-align:middle}.tpl-table td:last-child{border-right:none}.tpl-code-badge,.tpl-row--inactive td,.tpl-table .tpl-row--inactive:hover td{background:#f1f5f9}.tpl-code-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:600;color:#1e293b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tpl-code-badge--lg{padding:6px 12px;font-size:13px;background:#eff6ff;border-color:#bfdbfe;color:#1d4e9e}.tpl-cell-name{display:flex;flex-direction:column;gap:4px}.tpl-link-btn{background:none;border:none;padding:0;font-size:14px;font-weight:600;color:#1d4e9e;text-align:left;cursor:pointer;line-height:1.35}.tpl-link-btn:hover{text-decoration:underline}.tpl-cell-desc{font-size:12px;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tpl-cell-muted{color:#94a3b8;font-size:13px}.tpl-ver-group{display:flex;align-items:center;gap:8px;white-space:nowrap}.tpl-ver-num{font-weight:600;color:#0f172a}.tpl-scope-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tpl-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#475569;white-space:nowrap}.tpl-tag--sm{padding:2px 6px;font-size:11px}.tpl-tabular-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tpl-tabular-num--bold{font-weight:600;color:#0f172a}.tpl-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:500;line-height:1.2}.tpl-badge--sm{padding:2px 8px;font-size:11px}.tpl-badge--success{background:#dcfce7;color:#15803d}.tpl-badge--draft{background:#fef3c7;color:#b45309}.tpl-badge--archived{background:#f1f5f9;color:#64748b}.tpl-badge--info{background:#e0f2fe;color:#0369a1}.tpl-status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.01em;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#ffffff}.tpl-status-pill:disabled{opacity:.6;cursor:not-allowed}.tpl-status-pill--active{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.tpl-status-pill--active:hover:not(:disabled){background:#dcfce7;border-color:#86efac;color:#166534;box-shadow:0 1px 2px rgba(22,101,52,.08)}.tpl-status-pill--inactive,.tpl-status-pill--inactive:hover:not(:disabled){background:var(--c-line);color:var(--c-ink-2);border-color:currentColor}.tpl-status-dot{width:6.5px;height:6.5px;border-radius:50%;flex-shrink:0}.tpl-status-pill--active .tpl-status-dot{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.25)}.tpl-status-pill--inactive .tpl-status-dot{background:var(--c-ink-3)}.tpl-switch{position:relative;display:inline-block;width:38px;height:22px;cursor:pointer}.tpl-switch input{opacity:0;width:0;height:0}.tpl-switch__slider{position:absolute;inset:0;background-color:#cbd5e1;transition:.2s;border-radius:22px}.tpl-switch__slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:.2s;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.tpl-switch input:checked+.tpl-switch__slider{background-color:#1d4e9e}.tpl-switch input:checked+.tpl-switch__slider:before{transform:translateX(16px)}.tpl-action-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;grid-gap:8px;gap:8px;width:100%;max-width:280px;margin-left:auto}.tpl-action-buttons .tpl-btn-action{min-width:0;min-height:36px;font-family:inherit;white-space:nowrap}.tpl-action-buttons .tpl-btn-action:disabled,.tpl-card-mobile__btn:disabled{opacity:.6;cursor:wait}.tpl-action-buttons .tpl-btn-action:focus-visible,.tpl-card-mobile__btn:focus-visible,.tpl-status-pill:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.tpl-btn-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid #e2e8f0;background:#ffffff;color:#334155;cursor:pointer;transition:all .15s ease-in-out;height:28px;min-width:58px;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.03)}.tpl-btn-action svg{flex-shrink:0;stroke-width:2.2}.tpl-btn-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.tpl-btn-action--edit{color:#1e40af;border-color:#bfdbfe}.tpl-btn-action--edit:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;box-shadow:0 2px 4px rgba(37,99,235,.1)}.tpl-btn-action--danger{color:#e11d48;border-color:#fecdd3;background:#ffffff}.tpl-btn-action--danger:hover{background:#fff1f2;border-color:#fda4af;color:#be123c;box-shadow:0 2px 4px rgba(225,29,72,.12)}.tpl-badge-locked{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:500;cursor:default}.tpl-mobile-cards{display:none;flex-direction:column;gap:12px;padding:12px;background:#f8fafc}.tpl-card-mobile{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:all .15s ease-in-out}.tpl-card-mobile:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px rgba(0,0,0,.06)}.tpl-card-mobile--inactive{background:#f1f5f9;border-color:var(--c-line)}.tpl-card-mobile--inactive .tpl-card-mobile__switch-text{color:var(--c-ink-2);font-weight:600}.tpl-container .tpl-btn-action--activate,.tpl-container .tpl-card-mobile__btn--activate{background:var(--c-ok-bg);color:var(--c-ok);border-color:var(--c-ok)}.tpl-card-mobile__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tpl-card-mobile__code-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tpl-card-mobile__switch-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.tpl-card-mobile__switch-text{font-size:11px;font-weight:500;color:#64748b}.tpl-switch--sm{width:32px;height:18px}.tpl-switch--sm .tpl-switch__slider:before{height:12px;width:12px;left:3px;bottom:3px}.tpl-switch--sm input:checked+.tpl-switch__slider:before{transform:translateX(14px)}.tpl-card-mobile__body{display:flex;flex-direction:column;gap:4px}.tpl-card-mobile__title{font-size:15px;font-weight:600;color:#1d4e9e;margin:0;cursor:pointer;line-height:1.35}.tpl-card-mobile__title:hover{text-decoration:underline}.tpl-card-mobile__desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-card-mobile__meta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:8px 10px;background:#f8fafc;border-radius:6px;border:1px solid #f1f5f9}.tpl-card-mobile__meta-item{display:flex;flex-direction:column;gap:2px}.tpl-card-mobile__meta-label{color:#64748b;font-size:11px;font-weight:500}.tpl-card-mobile__meta-val{font-size:12.5px;font-weight:600;color:#1e293b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tpl-card-mobile__meta-val--highlight{color:#1d4e9e}.tpl-card-mobile__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;grid-gap:8px;gap:8px;margin-top:2px}.tpl-card-mobile__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;font-family:inherit;padding:0 8px;border-radius:6px;font-size:12.5px;font-weight:500;cursor:pointer;background:#ffffff;border:1px solid #cbd5e1;color:#334155;white-space:nowrap;transition:all .15s ease-in-out;box-shadow:0 1px 2px rgba(0,0,0,.03)}.tpl-card-mobile__btn:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.tpl-card-mobile__btn--primary{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;font-weight:600}.tpl-card-mobile__btn--primary:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.tpl-card-mobile__btn--danger{background:#ffffff;border-color:#fecdd3;color:#e11d48}.tpl-card-mobile__btn--danger:hover{background:#fff1f2;border-color:#fda4af;color:#be123c}.tpl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:40px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;white-space:nowrap;box-sizing:border-box}.tpl-btn--sm{height:32px;padding:0 12px;font-size:13px}.tpl-btn--primary{background:#1d4e9e;color:#ffffff}.tpl-btn--primary:hover{background:#153e80}.tpl-btn--secondary{background:#ffffff;border-color:#cbd5e1;color:#334155}.tpl-btn--secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.tpl-btn--default{background:#f1f5f9;color:#475569}.tpl-btn--default:hover{background:#e2e8f0;color:#0f172a}.tpl-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:1px solid #e2e8f0;background:#ffffff;color:#64748b;cursor:pointer;transition:all .15s}.tpl-btn-icon:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.tpl-btn-icon--sm{width:28px;height:28px;font-size:12px}.tpl-btn-icon--danger:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.tpl-stepper{background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;padding:12px 20px;overflow-x:auto;box-shadow:0 1px 3px rgba(15,23,42,.04)}.tpl-stepper,.tpl-stepper__step{display:flex;align-items:center;gap:8px}.tpl-stepper__step{background:none;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:inherit}.tpl-stepper__num{width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.tpl-stepper__label{font-size:13.5px;font-weight:500;color:#64748b}.tpl-stepper__step--active .tpl-stepper__num{background:#1d4e9e;color:#ffffff}.tpl-stepper__step--active .tpl-stepper__label{color:#1d4e9e;font-weight:700}.tpl-stepper__step--completed .tpl-stepper__num{background:#dcfce7;color:#16a34a}.tpl-stepper__step--completed .tpl-stepper__label{color:#334155;font-weight:600}.tpl-stepper__line{flex:1 1;min-width:24px;height:2px;background:#e2e8f0}.tpl-stepper__line--filled{background:#16a34a}.tpl-alert-box{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:10px;font-size:13.5px;line-height:1.5}.tpl-alert-box--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.tpl-alert-box--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.tpl-alert-box p{margin:4px 0 0;font-size:13px;color:inherit;opacity:.9}.tpl-builder-card{background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;padding:24px 28px;min-height:480px;box-shadow:0 1px 3px rgba(15,23,42,.05);box-sizing:border-box}.tpl-step-pane{display:flex;flex-direction:column;gap:20px}.tpl-pane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.tpl-pane-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.tpl-pane-desc{font-size:14px;color:#64748b;margin:0;line-height:1.5}.tpl-pane-actions{display:flex;align-items:center;gap:8px}.tpl-form-group{display:flex;flex-direction:column;gap:6px}.tpl-form-label{font-size:14px;font-weight:600;color:#334155}.tpl-required-mark{color:#dc2626;font-weight:700}.tpl-input{height:42px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background:#ffffff;color:#0f172a;outline:none;box-sizing:border-box;transition:all .15s}.tpl-input:focus{border-color:#1d4e9e;box-shadow:0 0 0 3px rgba(29,78,158,.12)}.tpl-input--error{border-color:#dc2626}.tpl-textarea{padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit;background:#ffffff;color:#0f172a;outline:none;resize:vertical;box-sizing:border-box;transition:all .15s}.tpl-textarea:focus{border-color:#1d4e9e;box-shadow:0 0 0 3px rgba(29,78,158,.12)}.tpl-field-error{font-size:12px;color:#dc2626;margin:0}.tpl-selected-fields-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.tpl-selected-fields-header{display:flex;align-items:center;justify-content:space-between}.tpl-section-subtitle{font-size:14px;font-weight:600;color:#1e293b}.tpl-hint-text{font-size:12px;color:#64748b}.tpl-reorder-list{display:flex;flex-direction:column;gap:8px}.tpl-reorder-item{display:flex;align-items:center;background:#ffffff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;gap:12px}.tpl-reorder-order{width:24px;height:24px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569}.tpl-reorder-info{flex:1 1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tpl-reorder-label{font-weight:600;color:#0f172a}.tpl-reorder-ph{font-size:12px;color:#94a3b8}.tpl-reorder-controls{display:flex;align-items:center;gap:8px}.tpl-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#334155;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tpl-req-text{font-size:12px;font-weight:500;color:#b45309}.tpl-field-search-wrap{width:100%}.tpl-field-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tpl-filter-tabs{display:inline-flex;align-items:center;background:#f1f5f9;padding:3px;border-radius:8px;border:1px solid #e2e8f0;gap:2px}.tpl-tab-btn{border:none;background:transparent;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease-in-out;font-family:inherit;white-space:nowrap}.tpl-tab-btn:hover{color:#0f172a}.tpl-tab-btn--active{background:#ffffff;color:#1d4e9e;font-weight:700;box-shadow:0 1px 2px rgba(15,23,42,.08)}.tpl-field-table-container{width:100%;border:1.5px solid #cbd5e1;border-radius:10px;overflow-x:auto;background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,.04)}.tpl-field-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.tpl-field-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;padding:12px 14px;border-bottom:1.5px solid #cbd5e1;white-space:nowrap;letter-spacing:.02em}.tpl-field-table td{padding:12px 14px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.tpl-field-table tr:last-child td{border-bottom:none}.tpl-field-row{cursor:pointer;transition:background-color .15s ease}.tpl-field-row:hover{background-color:#f8fafc}.tpl-field-row--selected{background-color:#f0f7ff!important;border-left:3.5px solid #1d4e9e}.tpl-field-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#1d4e9e;border-radius:4px;margin:0;vertical-align:middle}.tpl-order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 6px;border-radius:12px;font-size:12px;font-weight:700;background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;line-height:1}.tpl-order-dash{color:#94a3b8;font-size:14px}.tpl-field-col-label{display:flex;flex-direction:column;gap:2px}.tpl-field-col-name{font-size:14px;font-weight:600;color:#0f172a;line-height:1.35}.tpl-field-col-key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;color:#64748b}.tpl-type-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11.5px;font-weight:700;letter-spacing:.03em;border:1px solid transparent;white-space:nowrap}.tpl-type-badge--number{background:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.tpl-type-badge--text{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.tpl-type-badge--textarea{background:#ccfbf1;color:#0f766e;border-color:#99f6e4}.tpl-type-badge--select{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.tpl-type-badge--date,.tpl-type-badge--datetime{background:#fef3c7;color:#b45309;border-color:#fde68a}.tpl-type-badge--checkbox{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.tpl-field-col-meta{display:flex;flex-direction:column;gap:4px}.tpl-field-ph-text{font-size:12px;color:#475569;line-height:1.35}.tpl-field-ph-text strong{color:#64748b;font-weight:600}.tpl-field-rule-chips{display:flex;flex-wrap:wrap;gap:4px}.tpl-rule-chip{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.tpl-req-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tpl-req-switch input{position:absolute;opacity:0;width:0;height:0}.tpl-req-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:14px;font-size:11.5px;font-weight:600;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;transition:all .15s ease-in-out;white-space:nowrap}.tpl-req-pill:hover{border-color:#cbd5e1;color:#334155}.tpl-req-pill--active{background:#fffbeb;color:#b45309;border-color:#fde68a;font-weight:700}.tpl-reorder-btns{gap:4px}.tpl-btn-move,.tpl-reorder-btns{display:inline-flex;align-items:center;justify-content:center}.tpl-btn-move{width:28px;height:28px;border-radius:6px;border:1px solid #cbd5e1;background:#ffffff;color:#475569;font-size:10px;cursor:pointer;transition:all .15s ease-in-out}.tpl-btn-move:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.tpl-btn-move:disabled{opacity:.3;cursor:not-allowed;border-color:#e2e8f0}.tpl-cat-list{display:flex;flex-direction:column;gap:10px}.tpl-cat-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;cursor:pointer;transition:all .15s ease-in-out}.tpl-cat-row:hover{border-color:#cbd5e1;background:#f8fafc}.tpl-cat-row--selected{border-color:#bfdbfe;background:#f0f7ff;border-left:3.5px solid #1d4e9e}.tpl-cat-row__check{display:flex;align-items:center;flex-shrink:0}.tpl-cat-row__main{flex:1 1 260px;min-width:0}.tpl-cat-row__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tpl-cat-row__name{font-size:15px;font-weight:600;color:#0f172a;margin:0}.tpl-cat-row__desc{font-size:12.5px;color:#64748b;margin:3px 0 0;line-height:1.4}.tpl-cat-row__items{display:flex;flex-wrap:wrap;gap:6px;flex:2 1 360px;justify-content:flex-end}.tpl-item-chip{padding:3px 8px;border-radius:4px;background:#f1f5f9;font-size:12px;color:#334155}.tpl-item-chip--more{background:#e2e8f0;font-weight:500;color:#475569}.tpl-device-switcher{display:inline-flex;background:#f1f5f9;border-radius:6px;padding:3px;gap:4px}.tpl-device-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;background:none;border:none;border-radius:5px;color:#64748b;cursor:pointer;transition:all .15s}.tpl-device-btn--active{background:#ffffff;color:#0f172a;box-shadow:0 1px 2px rgba(0,0,0,.05)}.tpl-preview-stage{background:#e2e8f0;border-radius:8px;padding:32px 16px;display:flex;justify-content:center;align-items:flex-start;min-height:520px;overflow-x:auto}.tpl-preview-frame{background:#ffffff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:24px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;transition:width .25s cubic-bezier(.16,1,.3,1)}.tpl-preview-frame--pc{width:100%;max-width:860px}.tpl-preview-frame--mobile{width:390px;border-radius:24px;border:4px solid #334155;padding:20px 16px}.tpl-preview-form-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:16px;gap:12px}.tpl-preview-form-title-wrap{display:flex;flex-direction:column;gap:4px}.tpl-preview-tag{font-size:11px;font-weight:600;text-transform:uppercase;color:#1d4e9e;letter-spacing:.04em}.tpl-preview-form-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.tpl-preview-form-desc{font-size:13px;color:#64748b;margin:0;line-height:1.4}.tpl-preview-section{display:flex;flex-direction:column;gap:12px}.tpl-preview-section-title{font-size:14px;font-weight:600;color:#334155;margin:0;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.tpl-preview-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.tpl-preview-frame--mobile .tpl-preview-fields-grid{grid-template-columns:1fr}.tpl-preview-field-item{display:flex;flex-direction:column;gap:4px}.tpl-preview-label{font-size:13px;font-weight:500;color:#334155}.tpl-preview-help{font-size:11px;color:#94a3b8}.tpl-preview-cats-list{display:flex;flex-direction:column;gap:12px}.tpl-preview-cat-box{border:1px solid #e2e8f0;border-radius:6px;padding:12px;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.tpl-preview-cat-header{display:flex;align-items:center;justify-content:space-between}.tpl-preview-cat-name{font-weight:600;font-size:14px;color:#0f172a}.tpl-preview-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:6px;gap:6px}.tpl-preview-frame--mobile .tpl-preview-items-grid{grid-template-columns:1fr}.tpl-preview-item-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:1px solid #f1f5f9;border-radius:4px;padding:6px 10px}.tpl-unit-tag{font-size:11px;color:#94a3b8}.tpl-builder-actions{position:-webkit-sticky;position:sticky;bottom:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -2px 10px rgba(0,0,0,.04);z-index:20}.tpl-builder-actions__right{display:flex;align-items:center;gap:10px}.tpl-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.tpl-modal{background:#ffffff;border-radius:8px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.15);overflow:hidden}.tpl-modal__header{padding:18px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tpl-modal__title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.tpl-modal__desc{font-size:13px;color:#64748b;margin:0}.tpl-modal__body{padding:20px 24px;overflow-y:auto;flex:1 1}.tpl-modal__footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:10px}.tpl-history-list{display:flex;flex-direction:column;gap:12px}.tpl-history-card{border:1px solid #e2e8f0;border-radius:6px;padding:14px 16px;background:#ffffff;display:flex;flex-direction:column;gap:8px}.tpl-history-card--active{border-color:#1d4e9e;background:#f8fafc}.tpl-history-card__header{justify-content:space-between;flex-wrap:wrap}.tpl-history-card__header,.tpl-history-card__title-group{display:flex;align-items:center;gap:8px}.tpl-history-card__ver{font-size:15px;font-weight:700;color:#0f172a}.tpl-history-card__meta{font-size:12px;color:#64748b;display:flex;gap:8px}.tpl-history-card__note{font-size:13px;color:#475569;margin:0}.tpl-history-card__stats{display:flex;gap:16px;font-size:13px}.tpl-history-card__stat-label{color:#64748b;margin-right:4px}.tpl-history-card__stat-val{font-weight:600;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tpl-history-card__stat-val--highlight{color:#1d4e9e}.tpl-history-card__actions{margin-top:4px;display:flex;justify-content:flex-end}.tpl-empty-state,.tpl-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;gap:12px}.tpl-empty-state__icon{color:#94a3b8}.tpl-empty-state__title{font-size:16px;font-weight:600;color:#0f172a;margin:0}.tpl-empty-state__desc{font-size:14px;color:#64748b;margin:0;max-width:420px}.tpl-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#1d4e9e;border-radius:50%;animation:tpl-rotate .8s linear infinite}@keyframes tpl-rotate{to{transform:rotate(1turn)}}.tpl-spin{animation:tpl-rotate .8s linear infinite}@media (max-width:1024px){.tpl-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tpl-container{padding:12px 10px 32px;gap:12px}.tpl-header{flex-direction:column;align-items:stretch;gap:12px}.tpl-header__title{font-size:19px}.tpl-header__actions{width:100%;display:flex;gap:8px}.tpl-header__actions .tpl-btn{flex:1 1;min-height:40px;font-size:13px}.tpl-sheet{border-radius:10px}.tpl-sheet__top{padding:4px 10px;flex-direction:column;align-items:stretch;gap:0}.tpl-tabs{width:100%;gap:4px;justify-content:flex-start;padding-bottom:2px}.tpl-tab{padding:10px;font-size:13px;gap:6px}.tpl-sheet__hint{display:none}.tpl-toolbar{padding:10px;gap:8px}.tpl-search-input-wrap{max-width:100%;flex:1 1 100%}.tpl-search-input{height:38px;font-size:13px}.tpl-toolbar__count{font-size:12px}.tpl-table-container,.tpl-table-scroll-hint{display:none}.tpl-mobile-cards{display:flex}.tpl-builder-actions{flex-direction:column-reverse}.tpl-builder-actions__left,.tpl-builder-actions__right{width:100%;display:flex;justify-content:stretch}.tpl-builder-actions__left .tpl-btn,.tpl-builder-actions__right .tpl-btn{flex:1 1;min-height:44px}}.tpl-single-builder{width:100%;max-width:100%}.tpl-blocks-stack,.tpl-single-builder{display:flex;flex-direction:column;gap:20px}.tpl-block-card{background:#ffffff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.04);overflow:hidden;transition:border-color .15s ease}.tpl-block-card:hover{border-color:#94a3b8}.tpl-block-card__header{padding:18px 24px;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.tpl-block-card__header--split{align-items:center}.tpl-block-card__badge-wrap{display:flex;align-items:flex-start;gap:14px}.tpl-block-num{background:#1d4e9e;color:#ffffff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;white-space:nowrap;letter-spacing:.02em;margin-top:2px}.tpl-block-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 3px}.tpl-block-subtitle{font-size:13px;color:#64748b;margin:0;line-height:1.45}.tpl-block-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tpl-block-card__body{padding:24px;display:flex;flex-direction:column;gap:20px}.tpl-core-requester-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.tpl-core-requester-box__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.tpl-core-requester-box__title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#166534}.tpl-core-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:10px;gap:10px}.tpl-core-field-item{display:flex;align-items:flex-start;gap:10px;background:#ffffff;border:1px solid #dcfce7;padding:10px 14px;border-radius:8px}.tpl-core-field-check{color:#16a34a;font-weight:800;font-size:14px;line-height:1.3}.tpl-core-field-info{display:flex;flex-direction:column;gap:2px}.tpl-core-field-name{font-size:13.5px;font-weight:600;color:#0f172a}.tpl-core-field-sub{font-size:11.5px;color:#64748b}.tpl-empty-field-box{border:2px dashed #cbd5e1;border-radius:10px;padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:#f8fafc}.tpl-empty-field-icon{color:#94a3b8}.tpl-empty-field-title{font-size:15px;font-weight:600;color:#0f172a;margin:0}.tpl-empty-field-desc{font-size:13px;color:#64748b;margin:0;max-width:440px;line-height:1.5}.tpl-btn-del{width:28px;height:28px;border-radius:6px;border:1px solid #fee2e2;background:#ffffff;color:#ef4444;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.tpl-btn-del:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.tpl-single-bottom-bar{position:-webkit-sticky;position:sticky;bottom:0;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:12px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -4px 16px rgba(15,23,42,.08);z-index:30;flex-wrap:wrap}.tpl-single-bottom-bar__info{font-size:13.5px;color:#475569}.tpl-single-bottom-bar__info strong{color:#0f172a}.tpl-single-bottom-bar__actions{display:flex;align-items:center;gap:12px}.tpl-btn--lg{height:46px;padding:0 24px;font-size:15px;font-weight:600}.tpl-a4-preview-container{flex-direction:column;gap:16px;padding-bottom:40px}.tpl-a4-preview-container,.tpl-a4-toolbar{display:flex;align-items:center;width:100%}.tpl-a4-toolbar{max-width:860px;justify-content:space-between;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:10px;padding:12px 20px;gap:12px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(15,23,42,.05)}.tpl-a4-toolbar__actions{display:flex;align-items:center;gap:10px}.tpl-a4-sheet{width:100%;max-width:860px;min-height:1050px;background:#ffffff;border:1px solid #cbd5e1;box-shadow:0 10px 30px rgba(15,23,42,.12);padding:36px 44px;border-radius:4px;display:flex;flex-direction:column;gap:18px;color:#0f172a;line-height:1.45;box-sizing:border-box}.tpl-a4-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #0f172a;padding-bottom:12px;gap:16px}.tpl-a4-logo-wrap{display:flex;align-items:center;gap:14px}.tpl-a4-emblem{flex-shrink:0}.tpl-a4-org{display:flex;flex-direction:column}.tpl-a4-org-name{font-size:18px;font-weight:700;color:#1d4e9e;margin:0;line-height:1.25}.tpl-a4-suborg-name{font-size:13.5px;font-weight:600;color:#0f172a;margin:2px 0 0}.tpl-a4-contact-text{font-size:11px;color:#64748b;margin-top:2px}.tpl-a4-doc-code{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.tpl-a4-doc-label{font-size:11px;color:#64748b}.tpl-a4-doc-val{font-size:16px;font-weight:800;color:#b91c1c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tpl-a4-doc-ver{font-size:11px;color:#475569}.tpl-a4-title-banner{text-align:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.tpl-a4-title{font-size:19px;font-weight:800;color:#0f172a;margin:0 0 4px}.tpl-a4-desc{font-size:12.5px;color:#64748b;margin:0}.tpl-a4-regulations{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 14px;font-size:12px;color:#991b1b;line-height:1.4}.tpl-a4-regulations ol{margin:4px 0 0;padding-left:20px}.tpl-a4-section{display:flex;flex-direction:column;gap:8px}.tpl-a4-section-head{display:flex;align-items:center;gap:8px;border-bottom:1.5px solid #0f172a;padding-bottom:4px}.tpl-a4-section-badge{background:#1d4e9e;color:#ffffff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tpl-a4-section-title{font-size:13.5px;font-weight:700;color:#0f172a;margin:0}.tpl-a4-table{width:100%;border-collapse:collapse;font-size:12.5px;border:1px solid #cbd5e1}.tpl-a4-table td{border:1px solid #cbd5e1;padding:6px 10px;vertical-align:middle}.tpl-a4-th-cell{background:#f8fafc;font-weight:600;color:#334155}.tpl-a4-fill-text{font-weight:600;color:#0f172a}.tpl-a4-empty-note{font-size:12px;color:#94a3b8;font-style:italic;margin:4px 0}.tpl-a4-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.tpl-a4-field-box{border:1px solid #cbd5e1;border-radius:4px;padding:7px 10px;background:#f8fafc;display:flex;flex-direction:column;gap:3px}.tpl-a4-field-title{font-size:12px;font-weight:600;color:#334155}.tpl-a4-field-mock-input{background:#ffffff;border:1px dashed #cbd5e1;border-radius:3px;padding:5px 8px;font-size:12px;color:#64748b;min-height:20px}.tpl-a4-field-ph{color:#94a3b8}.tpl-a4-cats-wrap{display:flex;flex-direction:column;gap:8px}.tpl-a4-cat-block{border:1px solid #cbd5e1;border-radius:4px;padding:8px 12px;background:#ffffff}.tpl-a4-cat-head{font-size:12.5px;font-weight:700;color:#0f172a;margin-bottom:6px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f1f5f9;padding-bottom:3px}.tpl-a4-cat-head span{font-size:11.5px;font-weight:400;color:#64748b}.tpl-a4-items-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px 10px;gap:4px 10px;font-size:11.5px}.tpl-a4-item-col{display:flex;align-items:center;gap:6px;color:#334155}.tpl-a4-checkbox-box{font-size:13px;color:#64748b}.tpl-a4-item-name{font-weight:500}.tpl-a4-item-line{color:#94a3b8;margin-left:auto;font-size:10.5px}.tpl-a4-signatures{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:10px;padding-top:12px;border-top:1.5px solid #0f172a}.tpl-a4-sig-box{border:1px solid #cbd5e1;border-radius:4px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:4px;font-size:11px;background:#f8fafc}.tpl-a4-sig-role{font-weight:700;color:#0f172a;margin:0}.tpl-a4-sig-line{color:#94a3b8;font-size:11px;margin:18px 0 4px}.tpl-a4-sig-name{font-size:11px;color:#334155;margin:0}.tpl-a4-sig-date{font-size:10.5px;color:#64748b;margin:0}.tpl-a4-sig-options{display:flex;flex-direction:column;gap:3px;text-align:left;font-size:10.5px;color:#475569;padding-left:6px;margin:4px 0}.tpl-modal--fields{max-width:660px;max-height:85vh;width:90%}.tpl-modal__search{padding:14px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tpl-modal__list--fields{padding:16px 24px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(85vh - 200px)}.tpl-picker-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;background:#ffffff;cursor:pointer;transition:all .15s ease-in-out}.tpl-picker-item:hover{border-color:#93c5fd;background:#f8fafc;box-shadow:0 2px 8px rgba(15,23,42,.05);transform:translateY(-1px)}.tpl-picker-item.is-selected{border-color:#3b82f6;background:#f0f7ff;box-shadow:0 0 0 1px #93c5fd}.tpl-picker-item.is-selected:hover{border-color:#2563eb;background:#e8f2fe}.tpl-picker-item__main{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.tpl-picker-item__header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tpl-picker-item__name{font-size:14.5px;font-weight:700;color:#0f172a}.tpl-picker-item__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;flex-wrap:wrap}.tpl-picker-item__key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;color:#475569;background:#f1f5f9;padding:1px 6px;border-radius:4px;border:1px solid #e2e8f0}.tpl-picker-item__ph{font-size:12px;color:#64748b;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-modal--category-picker{max-width:780px;max-height:88vh;width:92%}.tpl-modal__search-box--with-filter{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.tpl-cat-filter-division{display:inline-flex;align-items:center;gap:8px}.tpl-cat-filter-label{font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.tpl-cat-filter-select{padding:7px 12px;font-size:13px;color:#1e293b;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:6px;outline:none;cursor:pointer;transition:all .15s ease-in-out;min-width:170px}.tpl-cat-filter-select:focus{border-color:#1d4e9e;box-shadow:0 0 0 3px rgba(29,78,158,.12)}.tpl-modal__list--cat{padding:16px 24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:calc(88vh - 190px)}.tpl-picker-cat-card{border:1.5px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:14px 16px;transition:all .15s ease-in-out;display:flex;flex-direction:column;gap:8px}.tpl-picker-cat-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px rgba(15,23,42,.05)}.tpl-picker-cat-card.is-selected{border-color:#3b82f6;background:#f8fbff;box-shadow:0 0 0 1px #93c5fd}.tpl-picker-cat-card.is-selected:hover{border-color:#2563eb;background:#f0f7ff}.tpl-btn--selected{background:#ecfdf5;color:#059669;border:1.5px solid #10b981;font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tpl-btn--selected:hover{background:#fef2f2;color:#dc2626;border-color:#f87171}.tpl-btn--selected:hover .tpl-btn-selected-icon{display:none}.tpl-btn--selected:hover .tpl-btn-selected-label{font-size:0}.tpl-btn--selected:hover .tpl-btn-selected-label:before{content:"✕ นำออก";font-size:12px}.tpl-picker-cat-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tpl-picker-cat-card__title-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tpl-picker-cat-card__name{font-size:14.5px;font-weight:700;color:#0f172a;margin:0}.tpl-picker-cat-card__div-tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;color:#475569;background:#f1f5f9;padding:2px 8px;border-radius:4px;border:1px solid #e2e8f0}.tpl-picker-cat-card__desc{font-size:12.5px;color:#64748b;margin:0;line-height:1.45}.tpl-picker-cat-card__items-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;margin-top:2px}.tpl-picker-cat-card__items-label{display:block;font-size:11.5px;font-weight:600;color:#475569;margin-bottom:6px}.tpl-picker-cat-item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.tpl-picker-cat-item-row{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:#334155;line-height:1.45}.tpl-picker-bullet{color:#64748b;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px}.tpl-picker-it-name{font-weight:500;color:#1e293b}.tpl-picker-it-unit{color:#64748b;font-size:11.5px;white-space:nowrap;flex-shrink:0}.tpl-modal__footer-count{font-size:12.5px;color:#64748b;margin-right:auto}.tpl-doc-builder-wrap{gap:20px;align-items:stretch;padding-bottom:32px}.tpl-doc-builder,.tpl-doc-builder-wrap{width:100%;display:flex;flex-direction:column}.tpl-doc-builder{background:#ffffff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 20px rgba(15,23,42,.06);padding:36px 44px;gap:24px;box-sizing:border-box}.tpl-doc-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2.5px solid #0f172a;padding-bottom:16px;gap:20px;flex-wrap:wrap}.tpl-doc-logo-wrap{display:flex;align-items:center;gap:16px}.tpl-doc-emblem{flex-shrink:0}.tpl-doc-org{display:flex;flex-direction:column}.tpl-doc-org-name{font-size:19px;font-weight:700;color:#1d4e9e;margin:0;line-height:1.25}.tpl-doc-suborg-name{font-size:14px;font-weight:600;color:#0f172a;margin:3px 0 0}.tpl-doc-contact-text{font-size:11.5px;color:#64748b;margin-top:2px}.tpl-doc-code-box{text-align:right;display:flex;flex-direction:column;align-items:flex-end;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 14px;border-radius:8px}.tpl-doc-code-label{font-size:11px;color:#64748b;font-weight:600}.tpl-doc-code-val{font-size:16px;font-weight:800;color:#b91c1c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tpl-doc-code-sub{font-size:11px;color:#475569}.tpl-doc-title-editor{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.tpl-doc-label{font-size:13.5px;font-weight:700;color:#1e293b;display:block}.tpl-doc-title-input{width:100%;font-size:18px;font-weight:700;color:#0f172a;padding:10px 14px;border:1.5px solid #cbd5e1;border-radius:8px;background:#ffffff;outline:none;transition:all .15s ease-in-out;box-sizing:border-box}.tpl-doc-title-input:focus{border-color:#1d4e9e;box-shadow:0 0 0 3px rgba(29,78,158,.14)}.tpl-doc-title-input--error{border-color:#ef4444;background:#fff5f5}.tpl-doc-desc-textarea{width:100%;font-size:13.5px;color:#334155;padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:8px;background:#ffffff;resize:vertical;min-height:96px;outline:none;transition:all .15s ease-in-out;box-sizing:border-box;font-family:inherit;line-height:1.6}.tpl-doc-desc-textarea:focus{border-color:#1d4e9e;box-shadow:0 0 0 3px rgba(29,78,158,.14)}.tpl-doc-regulations{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 16px;font-size:12.5px;color:#991b1b;line-height:1.45}.tpl-doc-regulations ol{margin:4px 0 0;padding-left:20px}.tpl-doc-section{display:flex;flex-direction:column;gap:12px}.tpl-doc-section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid #0f172a;padding-bottom:8px;gap:16px;flex-wrap:wrap}.tpl-doc-section-title-wrap{display:flex;align-items:flex-start;gap:10px}.tpl-doc-section-badge{background:#1d4e9e;color:#ffffff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:2px}.tpl-doc-section-title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.tpl-doc-section-desc{font-size:12.5px;color:#64748b;margin:2px 0 0}.tpl-doc-table{width:100%;border-collapse:collapse;font-size:13px;border:1px solid #cbd5e1}.tpl-doc-table td{border:1px solid #cbd5e1;padding:10px 14px;vertical-align:middle}.tpl-doc-th-cell{background:#f8fafc;font-weight:600;color:#334155}.tpl-doc-autofill-tag{color:#166534;font-weight:600;font-size:12px;background:#f0fdf4;padding:3px 8px;border-radius:4px;border:1px solid #bbf7d0;display:inline-block}.tpl-doc-empty-box{border:2px dashed #cbd5e1;border-radius:8px;padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:#f8fafc}.tpl-doc-empty-icon{color:#94a3b8}.tpl-doc-empty-title{font-size:15px;font-weight:600;color:#0f172a;margin:0}.tpl-doc-empty-desc{font-size:13px;color:#64748b;margin:0;max-width:440px}.tpl-doc-cat-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tpl-doc-cat-card,.tpl-doc-cat-list{display:flex;flex-direction:column;gap:10px}.tpl-doc-cat-card{border:1.5px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:14px 18px;cursor:pointer;transition:all .15s ease-in-out}.tpl-doc-cat-card:hover{background:#f8fafc;border-color:#94a3b8}.tpl-doc-cat-card--selected{background:#f0f7ff!important;border-color:#93c5fd;border-left:4px solid #1d4e9e}.tpl-doc-cat-card__header{display:flex;align-items:center;gap:12px}.tpl-doc-cat-card__title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1}.tpl-doc-cat-card__name{font-size:14.5px;font-weight:700;color:#0f172a;margin:0}.tpl-doc-cat-card__desc{font-size:12.5px;color:#64748b;font-weight:400}.tpl-btn-cat-toggle{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap;margin-left:auto}.tpl-btn-cat-toggle:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.tpl-btn-cat-toggle--expanded{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.tpl-cat-toggle-arrow{transition:transform .2s ease-in-out}.tpl-cat-toggle-arrow.is-expanded{transform:rotate(180deg)}.tpl-doc-cat-items-wrapper{margin-top:6px;padding-top:10px;border-top:1px dashed #cbd5e1;animation:tplSlideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes tplSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tpl-doc-cat-item-list{list-style:none;margin:0;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column}.tpl-doc-cat-item-row{display:flex;align-items:baseline;gap:8px;padding:6px 8px;font-size:13px;color:#1e293b;border-bottom:1px dashed #f1f5f9;line-height:1.5}.tpl-doc-cat-item-row:last-child{border-bottom:none}.tpl-doc-cat-item-row:hover{background:#ffffff;border-radius:4px}.tpl-doc-item-bullet{color:#64748b;font-weight:700;font-size:14px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tpl-doc-item-name{font-weight:500;color:#1e293b}.tpl-doc-item-unit{color:#64748b;font-size:12px;margin-left:4px}.tpl-doc-cat-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:6px;gap:6px;padding-top:10px;border-top:1px dashed #e2e8f0}.tpl-doc-cat-item-pill{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;background:#ffffff;border:1px solid #e2e8f0;font-size:12px;color:#334155}.tpl-doc-item-box{color:#94a3b8;font-size:12px}.tpl-preset-box{background:linear-gradient(135deg,#f0fdf4,#f8fafc);border:1.5px solid #86efac;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px rgba(34,197,94,.08)}.tpl-preset-box__head{display:flex;align-items:center;gap:12px}.tpl-preset-box__icon-badge{font-size:24px;line-height:1;background:#ffffff;padding:6px;border-radius:8px;border:1px solid #bbf7d0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.tpl-preset-box__title{font-size:15px;font-weight:700;color:#166534;margin:0}.tpl-preset-box__desc{font-size:12.5px;color:#475569;margin:2px 0 0}.tpl-preset-box__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tpl-preset-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left}.tpl-preset-btn--primary{background:#ffffff;border:1.5px solid #22c55e;color:#15803d}.tpl-preset-btn--primary:hover{background:#f0fdf4;border-color:#16a34a;transform:translateY(-1px);box-shadow:0 3px 10px rgba(34,197,94,.15)}.tpl-preset-btn--secondary{background:#ffffff;border:1.5px solid #3b82f6;color:#1d4ed8}.tpl-preset-btn--secondary:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 3px 10px rgba(59,130,246,.15)}.tpl-preset-btn--clear{background:transparent;border:1px dashed #94a3b8;color:#64748b;font-size:12px;font-weight:500;padding:8px 12px}.tpl-preset-btn--clear:hover{background:#f1f5f9;border-color:#64748b;color:#0f172a}.tpl-preset-btn__icon{font-size:20px;line-height:1}.tpl-preset-btn__text{display:flex;flex-direction:column}.tpl-preset-btn__text strong{font-size:13px;font-weight:600;line-height:1.25}.tpl-preset-btn__text span{font-size:11px;color:#64748b;margin-top:2px}.tpl-visual-field-list{display:flex;flex-direction:column;gap:12px}.tpl-vfield-card{background:#ffffff;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px 18px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}.tpl-vfield-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(15,23,42,.04)}.tpl-vfield-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tpl-vfield-card__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tpl-vfield-card__name{font-size:14.5px;font-weight:600;color:#0f172a}.tpl-vfield-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:11.5px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tpl-vfield-edit-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.tpl-vfield-inline-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1}.tpl-vfield-inline-edit__input{height:32px;padding:0 10px;border:1.5px solid #3b82f6;border-radius:6px;font-size:13.5px;font-weight:600;color:#0f172a;background:#ffffff;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.15);min-width:220px;flex:1 1;max-width:420px}.tpl-vfield-inline-edit__actions{display:flex;align-items:center;gap:6px}.tpl-btn-action-save{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#2563eb;color:#ffffff;border:1px solid #1d4ed8;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.tpl-btn-action-save:hover{background:#1d4ed8}.tpl-btn-action-cancel{display:inline-flex;align-items:center;padding:4px 10px;background:#f8fafc;color:#64748b;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.tpl-btn-action-cancel:hover{background:#f1f5f9;color:#334155}.tpl-btn-action-revert{display:inline-flex;align-items:center;padding:4px 10px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.tpl-btn-action-revert:hover{background:#fee2e2}.tpl-vfield-customized-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:#fef3c7;border:1px dashed #f59e0b;border-radius:9999px;font-size:11px;color:#92400e;font-weight:500}.tpl-vfield-inline-revert{background:transparent;border:none;color:#b45309;font-weight:600;font-size:11px;cursor:pointer;padding:0 2px;text-decoration:underline}.tpl-vfield-inline-revert:hover{color:#78350f}.tpl-type-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;line-height:1.3}.tpl-type-pill--text{background:#e0f2fe;color:#0369a1}.tpl-type-pill--textarea{background:#d1fae5;color:#065f46}.tpl-type-pill--number{background:#f3e8ff;color:#7e22ce}.tpl-type-pill--date,.tpl-type-pill--datetime{background:#fef3c7;color:#b45309}.tpl-type-pill--select{background:#cffafe;color:#0e7490}.tpl-vfield-card__actions{display:flex;align-items:center;gap:8px}.tpl-vfield-switch{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center}.tpl-vfield-switch input{position:absolute;opacity:0;pointer-events:none}.tpl-vfield-switch__pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600;background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1;transition:all .15s ease}.tpl-vfield-switch__pill.is-active{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.tpl-vfield-card__body{display:flex;flex-direction:column;gap:4px}.tpl-vfield-mockup-hint{font-size:11.5px;color:#94a3b8;font-style:italic}.tpl-mockup-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:6px;padding:8px 12px;font-size:13px;color:#64748b;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tpl-mockup-box--textarea{min-height:52px;align-items:flex-start}.tpl-mockup-badge{font-size:11px;color:#94a3b8;background:#ffffff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;flex-shrink:0}.tpl-doc-hint-bar{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:8px;padding:10px 14px;font-size:12.5px;display:flex;align-items:center;gap:8px;margin-top:14px;line-height:1.45}.tpl-doc-hint-bar strong{color:#14532d}.tpl-mockup-route{display:flex;flex-direction:column;gap:10px;background:#f8fafc;border:1.5px dashed #93c5fd;border-radius:8px;padding:12px 14px}.tpl-mockup-route__types{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.tpl-mockup-route__radio{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#475569;background:#ffffff;border:1px solid #cbd5e1;border-radius:20px;padding:4px 10px;cursor:default}.tpl-mockup-route__radio.is-checked{color:#1e40af;background:#eff6ff;border-color:#93c5fd;font-weight:600}.tpl-mockup-dot{width:10px;height:10px;border-radius:50%;border:2px solid #94a3b8;display:inline-block}.tpl-mockup-dot.is-checked{border-color:#2563eb;background:#2563eb}.tpl-mockup-route__grid{display:flex;flex-direction:column;gap:8px}.tpl-mockup-route__field{display:flex;flex-direction:column;gap:4px}.tpl-mockup-route__lbl{font-size:11.5px;font-weight:600;color:#334155}.tpl-mockup-route__inputs{display:flex;align-items:center;gap:8px}.tpl-mockup-box--sm{flex:1 1;padding:6px 10px;font-size:12px}.tpl-mockup-route__arrow{color:#3b82f6;font-weight:700;font-size:14px}.tpl-mockup-route__info{font-size:11px;color:#0369a1;background:#f0f9ff;border-radius:4px;padding:4px 8px;line-height:1.4}.tpl-a4-field-box--route{grid-column:span 2;border-color:#93c5fd;background:#f0f7ff}.tpl-a4-route-preview{display:flex;flex-direction:column;gap:6px;margin-top:4px}.tpl-a4-route-radios{display:flex;gap:12px;font-size:11px;color:#1e3a8a;font-weight:500}.tpl-a4-route-rows{display:flex;flex-direction:column;gap:4px}.tpl-a4-route-row{display:flex;align-items:center;gap:6px;font-size:11px}.tpl-a4-route-tag{font-weight:600;color:#475569;min-width:50px}.tpl-a4-route-slot{flex:1 1;background:#ffffff;border:1px dashed #94a3b8;border-radius:3px;padding:3px 6px;color:#64748b;font-size:11px}.tpl-a4-route-arrow{color:#2563eb;font-weight:700;font-size:12px}