:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--navy:#111a2e;--navy-soft:#1b2842;--accent:#5c68e8;--accent-soft:#eef0ff;--border:#e3e7ef;--muted:#6b7280;--danger:#c23b4c;--success:#168466;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 26px;display:flex}.brand strong{font-size:17px;display:block}.brand span{color:#aeb7cb;margin-top:2px;font-size:12px;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#7480ff,#4b56d8);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 8px 24px #0004}.brand-mark.large{border-radius:17px;width:58px;height:58px;margin:0 auto;font-size:24px}.sidebar nav{gap:5px;display:grid}.nav-button{color:#bfc7d8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:all .18s;display:flex}.nav-button:hover{color:#fff;background:#ffffff0d}.nav-button.active{color:#fff;box-shadow:inset 3px 0 var(--accent);background:#ffffff12}.sidebar-footer{border-top:1px solid #ffffff16;gap:12px;margin-top:auto;padding:18px 8px 0;display:grid}.environment{color:#aeb7cb;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#36c592;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #36c59222}.text-button{color:#c7cfde;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}main{min-width:0}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;align-items:center;gap:18px;height:82px;padding:0 32px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:20px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:12px}.topbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-user>img,.topbar-user>span{object-fit:cover;background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{font-size:13px}.topbar-user small{color:var(--muted);margin-top:2px;font-size:11px}.content{max-width:1600px;margin:0 auto;padding:28px 32px 48px}.content.content-wide{width:100%;max-width:none}.welcome-panel{background:linear-gradient(120deg,var(--navy),#253458);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex;box-shadow:0 14px 40px #111a2e18}.eyebrow{letter-spacing:.14em;color:#7d88ff;font-size:10px;font-weight:800}.welcome-panel h2{margin:7px 0 8px;font-size:25px}.welcome-panel p{color:#c8d0df;margin:0}.system-badge{background:#ffffff10;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:12px;min-width:250px;padding:14px 18px;display:flex}.system-badge strong,.system-badge small{display:block}.system-badge small{color:#bbc5d8;margin-top:4px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.stat-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:15px;grid-template-columns:auto 1fr;gap:4px 14px;padding:20px;transition:all .2s;display:grid;box-shadow:0 5px 20px #1e293b08}.stat-card:hover{border-color:#cfd4ff;transform:translateY(-2px);box-shadow:0 12px 30px #1e293b14}.stat-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;grid-row:span 3;place-items:center;display:grid}.stat-number{font-size:24px;font-weight:800}.stat-card strong{font-size:13px}.stat-card small{color:var(--muted)}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 5px 20px #1e293b08}.dashboard-grid .panel{padding:24px}.panel-heading{justify-content:space-between;display:flex}.panel-heading h3{margin:0}.panel-heading p{color:var(--muted);margin:5px 0 22px;font-size:13px}.progress-row{justify-content:space-between;font-size:13px;display:flex}.progress{background:#edf0f5;border-radius:99px;height:7px;margin:10px 0 22px;overflow:hidden}.progress span{background:var(--accent);border-radius:inherit;height:100%;display:block}.check-list{gap:12px;display:grid}.check-list>div{align-items:center;gap:12px;display:flex}.check-list span{width:30px;height:30px;color:var(--success);background:#e9fbf5;border-radius:50%;place-items:center;font-weight:800;display:grid}.check-list p,.check-list strong{margin:0;display:block}.check-list p{color:var(--muted);font-size:12px}.check-list strong{color:#1f2937;margin-bottom:2px}.check-list .muted-step span{color:#8a93a5;background:#f1f3f7}.store-list{gap:10px;display:grid}.store-row{border:1px solid var(--border);border-radius:11px;align-items:center;gap:12px;padding:12px;display:flex}.store-avatar{width:34px;height:34px;color:var(--accent);background:#f0f2ff;border-radius:9px;place-items:center;font-weight:800;display:grid}.store-row div:nth-child(2){flex:1}.store-row strong,.store-row small{display:block}.store-row strong{font-size:13px}.store-row small{color:var(--muted);margin-top:3px;font-size:11px}.info-box{color:#596174;background:#f7f8fc;border-radius:10px;margin-top:16px;padding:12px;font-size:12px}.info-box code{color:var(--accent)}.entity-panel{overflow:hidden}.entity-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.entity-toolbar h2{margin:0;font-size:19px}.entity-toolbar p{color:var(--muted);margin:5px 0 0;font-size:12px}.primary-button,.secondary-button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 5px 14px #5c68e837}.primary-button:hover{background:#4d58d9}.primary-button:disabled{opacity:.6;cursor:not-allowed}.primary-button.busy:disabled{cursor:wait}.secondary-button{color:#41495b;background:#eef0f4}.wide{width:100%}.filters{border-bottom:1px solid var(--border);gap:10px;padding:14px 24px;display:flex}.filters select,.field select,.field input,.field textarea{background:#fff;border:1px solid #d8dde7;border-radius:8px;outline:0;width:100%;padding:10px 11px;transition:all .15s}.filters select:focus,.field select:focus,.field input:focus,.field textarea:focus{border-color:#8a92ef;box-shadow:0 0 0 3px #5c68e812}.search-box{color:#8a93a5;border:1px solid #d8dde7;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:420px;padding:0 11px;display:flex}.search-box input{border:0;outline:0;width:100%;padding:10px 0}.filters.template-filters{grid-template-columns:minmax(280px,1.4fr) repeat(4,minmax(170px,1fr));display:grid}.filters.template-filters .search-box{width:100%;min-width:0;max-width:none}.filters.template-filters select{min-width:0}@media (width<=1350px){.filters.template-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters.template-filters .search-box{grid-column:1/-1}}@media (width<=760px){.filters.template-filters{grid-template-columns:1fr}.filters.template-filters .search-box{grid-column:auto}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{color:#768094;text-transform:uppercase;letter-spacing:.06em;text-align:left;background:#fafbfc;padding:12px 18px;font-size:10px}td{vertical-align:middle;border-top:1px solid #edf0f4;padding:13px 18px;font-size:12px}tbody tr:hover{background:#fbfcff}.name-cell{align-items:center;gap:12px;min-width:230px;display:flex}.name-cell strong,.name-cell small{display:block}.name-cell small{color:var(--muted);margin-top:3px}.template-thumb,.font-preview{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:7px;width:46px;height:38px}.template-thumb.placeholder,.font-preview{color:#8c95a7;place-items:center;display:grid}.font-preview{font-size:18px}.muted-cell{color:var(--muted);max-width:220px}.status-pill{border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.active{color:var(--success);background:#e8faf4}.status-pill.inactive{color:#a96c0e;background:#fff4dc}.status-pill.archived{color:#6b7280;background:#eff1f4}.actions-cell{white-space:nowrap;text-align:right}.icon-button{border:1px solid var(--border);color:#566074;background:#fff;border-radius:8px;place-items:center;width:35px;height:35px;margin-left:5px;display:inline-grid}.icon-button:hover{background:#f5f6fa}.icon-button.danger{color:var(--danger)}.empty-cell{text-align:center;color:var(--muted);padding:45px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182799;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;width:min(820px,100%);max-height:calc(100vh - 48px);display:flex;box-shadow:0 28px 80px #0005}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.modal-header h2{margin:5px 0 0;font-size:19px}.modal-body{gap:18px;padding:22px 24px;display:grid;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-grid{grid-template-columns:1.5fr 1.5fr 1fr;gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{color:#41495b;gap:7px;font-size:12px;font-weight:700;display:grid}.field>small{color:var(--muted);font-weight:400}.field textarea{resize:vertical}.section-divider{border-top:1px solid var(--border);color:#7c8496;text-transform:uppercase;letter-spacing:.08em;padding-top:16px;font-size:11px;font-weight:800}.checkbox-grid{flex-wrap:wrap;gap:8px;display:flex}.checkbox-grid label{border:1px solid var(--border);background:#f5f6fa;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-weight:600;display:inline-flex}.checkbox-grid input{width:auto;accent-color:var(--accent)}.empty-options{color:var(--muted);border:1px dashed #d9dee8;border-radius:8px;padding:14px;font-weight:400}.upload-box{color:#667085;cursor:pointer;background:#fafbfc;border:1.5px dashed #c8cedb;border-radius:10px;align-items:center;gap:12px;padding:15px;display:flex}.upload-box:hover{background:#f8f8ff;border-color:#8f97ee}.upload-box input{display:none}.upload-box strong,.upload-box small{display:block}.upload-box small{color:var(--muted);word-break:break-all;margin-top:3px;font-weight:400}.file-link{color:var(--accent);font-size:11px;text-decoration:none}.font-sample{border:1px solid var(--border);background:#fafbfc;border-radius:10px;padding:18px;font-size:20px}.login-page{background:radial-gradient(circle at top,#34436c,var(--navy) 58%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;background:#fff;border-radius:18px;width:min(390px,100%);padding:34px;box-shadow:0 30px 80px #0005}.login-card h1{margin:17px 0 8px}.login-card p{color:var(--muted);margin:0 0 24px}.form-error{color:var(--danger);background:#fff0f2;border-radius:8px;margin-top:14px;padding:10px;font-size:12px}.centered-message{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid #d9dde7;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.toast{color:#fff;z-index:200;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0003}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.mobile-menu,.backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.system-badge{min-width:auto}.form-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{width:250px;transition:all .2s;position:fixed;left:-270px}.sidebar.open{left:0}.backdrop{z-index:25;background:#11182788;border:0;display:block;position:fixed;inset:0}.mobile-menu{margin-left:0;display:inline-grid}.topbar{padding:0 16px}.topbar-user div{display:none}.content{padding:18px 14px 35px}.welcome-panel{flex-direction:column;align-items:flex-start;padding:22px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.dashboard-grid .panel{padding:18px}.entity-toolbar{align-items:flex-start;gap:14px}.filters{flex-direction:column}.search-box{max-width:none}.form-grid,.form-grid.three{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal{border-radius:0;height:100vh;max-height:100vh}.toast{bottom:14px;left:14px;right:14px}.topbar p{display:none}}.preview-locale{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.preview-locale select{color:#343c4f;background:#fff;border:1px solid #d8dde7;border-radius:8px;outline:0;max-width:210px;padding:8px 9px}.topbar-user{margin-left:0}.stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-note{margin-top:18px}.form-grid.basic{grid-template-columns:2fr 1fr}.modal{width:min(980px,100%)}.translation-editor{border:1px solid var(--border);border-radius:12px;grid-template-columns:210px minmax(0,1fr);min-height:300px;display:grid;overflow:hidden}.language-tabs{border-right:1px solid var(--border);background:#f8f9fc;flex-direction:column;gap:5px;padding:8px;display:flex}.language-tabs button{text-align:left;color:#4d5668;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:9px 10px;display:grid}.language-tabs button:hover{border-color:var(--border);background:#fff}.language-tabs button.active{color:#303b9f;background:#fff;border-color:#cfd4ff;box-shadow:0 4px 14px #1118270a}.language-tabs button small{color:var(--muted);grid-column:2;margin-top:2px;font-size:10px;display:block}.translation-dot{background:#d1d6df;border-radius:50%;grid-row:span 2;width:8px;height:8px}.translation-dot.complete{background:var(--success);box-shadow:0 0 0 3px #16846616}.translation-content{align-content:start;gap:15px;padding:18px;display:grid}.translation-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-bottom:12px;display:flex}.translation-heading strong,.translation-heading small{display:block}.translation-heading small{color:var(--muted);margin-top:4px;font-size:10px}.locale-badge{border:1px solid var(--border);background:var(--accent-soft);width:46px;height:38px;color:var(--accent);border-radius:7px;place-items:center;font-weight:800;display:grid}.translation-count{color:var(--success);background:#e8faf4;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.translation-count.missing{color:#a96c0e;background:#fff4dc}.locale-chips{flex-wrap:wrap;gap:4px;min-width:110px;display:flex}.locale-chips span{color:#596174;background:#f0f2f7;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:800;display:inline-flex}td code{color:var(--accent);font-weight:800}@media (width<=1180px){.preview-locale span{display:none}.preview-locale select{max-width:160px}}@media (width<=1050px){.stat-grid.six{grid-template-columns:repeat(2,1fr)}.translation-editor{grid-template-columns:170px minmax(0,1fr)}}@media (width<=760px){.preview-locale{margin-left:auto}.preview-locale select{width:115px;max-width:115px}.topbar-user{display:none}.translation-editor{grid-template-columns:1fr}.language-tabs{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.language-tabs button{min-width:135px}.form-grid.basic{grid-template-columns:1fr}.translation-heading{flex-direction:column;align-items:flex-start}}.entity-toolbar-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.font-import-modal{width:min(1500px,100vw - 32px)}.font-import-body{gap:16px}.font-archive-picker{text-align:center;background:#fafbfc;border:1.5px dashed #c8cedb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:36px;display:flex}.font-archive-picker h3{color:#273044;margin:16px 0 7px;font-size:20px}.font-archive-picker p{max-width:610px;color:var(--muted);margin:0 0 22px;line-height:1.55}.font-archive-picker>small{color:var(--muted);margin-top:13px}.font-archive-picker .primary-button input,.file-button input{display:none}.font-archive-icon{width:68px;height:68px;color:var(--accent);background:var(--accent-soft);border-radius:18px;place-items:center;display:grid}.font-import-summary{border:1px solid var(--border);background:#fafbfc;border-radius:12px;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:18px;padding:14px 16px;display:grid}.font-import-summary>div:first-child{min-width:0;color:var(--accent);align-items:center;gap:11px;display:flex}.font-import-summary>div:first-child span{min-width:0}.font-import-summary strong,.font-import-summary small{display:block}.font-import-summary strong{text-overflow:ellipsis;white-space:nowrap;color:#343c4f;overflow:hidden}.font-import-summary small{color:var(--muted);margin-top:3px}.font-import-summary dl{gap:8px;margin:0;display:flex}.font-import-summary dl div{border:1px solid var(--border);background:#fff;border-radius:9px;min-width:95px;padding:8px 10px}.font-import-summary dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.font-import-summary dd{color:#273044;margin:4px 0 0;font-size:14px;font-weight:800}.font-import-settings{border:1px solid var(--border);border-radius:12px;gap:14px;padding:16px;display:grid}.section-heading strong,.section-heading small{display:block}.section-heading small{color:var(--muted);margin-top:4px;font-size:11px}.font-import-sample-field{grid-column:span 1}.font-import-table-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;padding-top:4px;display:flex}.font-import-table-toolbar strong,.font-import-table-toolbar small{display:block}.font-import-table-toolbar small{color:var(--muted);margin-top:4px;font-size:11px}.font-import-table-toolbar>div:last-child{gap:8px;display:flex}.font-import-table-wrap{border:1px solid var(--border);border-radius:12px;max-height:min(48vh,590px);overflow:auto}.font-import-table{min-width:1370px}.font-import-table th{z-index:2;position:sticky;top:0}.font-import-table th:first-child,.font-import-table td:first-child{text-align:center;width:42px;padding-left:14px;padding-right:8px}.font-import-table td{vertical-align:top;padding:10px 8px}.font-import-table td:nth-child(2){width:300px}.font-import-table td:nth-child(3),.font-import-table td:nth-child(4){width:210px}.font-import-table td:nth-child(5){width:105px}.font-import-table td:nth-child(6){width:125px}.font-import-table td:last-child{min-width:300px}.font-import-table input:not([type=checkbox]),.font-import-table select{width:100%;min-width:0;padding:9px 10px;font-size:12px}.font-import-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.font-import-row.warning{background:#fffdf8}.font-import-row.warning:hover{background:#fffaf0}.font-live-preview{border:1px solid var(--border);word-break:break-word;background:#fff;border-radius:9px;align-items:center;min-height:70px;max-height:96px;padding:10px 12px;font-size:24px;line-height:1.25;display:flex;overflow:hidden}.font-file-status{gap:4px;display:grid}.font-file-status strong{word-break:break-all;color:#343c4f}.font-file-status>small{color:var(--muted)}.status-message{align-items:flex-start;gap:6px;margin-top:3px;font-size:10px;font-weight:700;line-height:1.35;display:flex}.status-message svg{flex:none;margin-top:0}.status-message.ready{color:var(--success)}.status-message.warning{color:#a96c0e}.status-message.error{color:var(--danger)}.font-import-blocker{color:#8b5b0a;background:#fff8e8;border:1px solid #f2d29a;border-radius:10px;align-items:center;gap:8px;padding:11px 13px;font-size:12px;font-weight:700;display:flex}@media (width<=1050px){.font-import-summary{grid-template-columns:1fr auto}.font-import-summary dl{flex-wrap:wrap;order:3;grid-column:1/-1}}@media (width<=760px){.entity-toolbar-actions{flex-direction:column;align-items:stretch;width:100%}.entity-toolbar-actions .primary-button,.entity-toolbar-actions .secondary-button,.font-import-modal{width:100%}.font-import-summary{grid-template-columns:1fr}.font-import-summary dl{grid-column:auto}.font-import-summary .file-button{justify-self:stretch}.font-import-table-toolbar{flex-direction:column;align-items:stretch}.font-import-table-toolbar>div:last-child{flex-wrap:wrap}.font-archive-picker{min-height:320px;padding:24px 18px}}.configuration-error-card{width:min(520px,100%)}.configuration-details{text-align:left;word-break:break-word;margin-bottom:14px;line-height:1.5}.error-log-button{border:1px solid var(--border);color:#5d6678;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:8px 10px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.error-log-button:hover{background:#f8f9fc;border-color:#cfd4df}.error-log-button.has-errors{color:var(--danger);background:#fff7f8;border-color:#efc5cb}.error-log-button strong{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:inline-grid}.error-log-modal{width:min(880px,100%)}.error-log-body{gap:14px}.error-log-intro{color:var(--danger);background:#fff8f9;border:1px solid #f0d4d8;border-radius:10px;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.error-log-intro svg{flex:none}.error-log-intro strong,.error-log-intro small{display:block}.error-log-intro small{color:#6d5960;margin-top:4px;line-height:1.45}.error-log-list{gap:10px;display:grid}.error-log-entry{border:1px solid var(--border);border-left:4px solid var(--danger);background:#fff;border-radius:10px;padding:13px 14px}.error-log-entry header{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.error-log-entry header strong{color:#343c4f}.error-log-entry time{color:var(--muted);white-space:nowrap;font-size:10px}.error-log-entry p{color:var(--danger);margin:9px 0 0;font-weight:700;line-height:1.45}.error-log-entry pre,.font-import-operation-error pre{color:#515a6d;white-space:pre-wrap;word-break:break-word;background:#f6f7fa;border-radius:8px;margin:10px 0 0;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.55;overflow:auto}.error-log-empty{min-height:230px;color:var(--success);border:1px dashed #d8dde7;border-radius:12px;align-content:center;place-items:center;gap:7px;display:grid}.error-log-empty span{color:var(--muted);font-size:11px}.error-log-footer{justify-content:flex-end}.error-log-footer .danger-button{color:var(--danger);margin-right:auto}.toast{align-items:center;gap:10px;max-width:min(620px,100vw - 48px);display:flex}.toast>span{min-width:0;line-height:1.4}.toast button{color:inherit;cursor:pointer;border:0}.toast-details{background:#ffffff24;flex:none;padding:6px 8px;font-size:10px;font-weight:800;border-radius:7px!important}.toast-details:hover{background:#ffffff38}.toast-close{background:0 0;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.toast-close:hover{background:#ffffff24}.font-import-operation-error{color:var(--danger);background:#fff7f8;border:1px solid #efc5cb;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 13px;display:grid}.font-import-operation-error>svg{margin-top:1px}.font-import-operation-error strong{display:block}.font-import-operation-error p{color:#8f2d3a;margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.45}.font-import-operation-error .icon-button{width:28px;height:28px}@media (width<=900px){.error-log-button span{display:none}}@media (width<=760px){.error-log-button{padding:8px}.error-log-button strong{position:absolute;top:-5px;right:-7px;box-shadow:0 0 0 2px #fff}.error-log-entry header{flex-direction:column;align-items:flex-start;gap:4px}.error-log-footer{flex-wrap:wrap}.error-log-footer .danger-button{margin-right:0}.toast{align-items:flex-start;max-width:none}.toast-details{margin-left:auto}}.product-id-input{gap:6px;display:grid}.product-id-input>small{color:var(--muted);font-weight:400}.product-id-chips{background:#fff;border:1px solid #d8dde7;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;display:flex}.product-id-chips:focus-within{border-color:#8a92ef;box-shadow:0 0 0 3px #5c68e812}.product-id-chips>span{color:#30384a;background:#f5f6fa;border:1px solid #cfd5e1;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-size:12px;font-weight:700;display:inline-flex}.product-id-chips>span button{color:#657087;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:inline-grid}.product-id-chips>span button:hover{color:#c53030;background:#e2e5ec}.product-id-chips input{width:auto;min-width:150px;box-shadow:none;border:0;flex:180px;padding:5px 3px}.product-id-chips input:focus{box-shadow:none;border:0}.relation-picker{border:1px solid var(--border);background:#fbfcfe;border-radius:10px;gap:10px;padding:10px;display:grid}.relation-picker-search{color:#7c8496;background:#fff;border:1px solid #d8dde7;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.relation-picker-search:focus-within{border-color:#8a92ef;box-shadow:0 0 0 3px #5c68e812}.relation-picker-search input{width:auto;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:9px 0}.relation-picker-search input:focus{box-shadow:none;border:0}.relation-picker-search button{color:#6f788b;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.relation-picker-search button:hover{color:#30384a;background:#eef0f5}.relation-picker-summary{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:11px;font-weight:500;display:flex}.relation-picker-summary strong{color:#30384a}.relation-picker-section{gap:7px;display:grid}.relation-picker-heading{color:#70798b;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.relation-picker-section>.checkbox-grid:not(.selected-options){align-content:flex-start;max-height:330px;padding-right:4px;overflow-y:auto}.checkbox-grid.selected-options label{color:#303a78;background:#f0f1ff;border-color:#abb3f3}.relation-picker-limit{color:#846400;background:#fff8e6;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:500}.template-category-browser{background:#f8f9fc;padding:18px 24px 26px}.template-browser-summary{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.template-browser-summary>div{color:#667085;align-items:center;gap:9px;font-size:12px;display:flex}.template-browser-summary strong{color:#263044}.secondary-button.compact{padding:8px 11px;font-size:11px}.template-category-list{gap:12px;display:grid}.template-category{--category-accent:var(--accent);border:1px solid var(--border);border-top:3px solid var(--category-accent);background:#fff;border-radius:12px;scroll-margin-top:84px;overflow:hidden;box-shadow:0 3px 12px #1e293b08}.template-category.open{box-shadow:0 9px 26px #1e293b10}.template-category.navigation-target{border-color:color-mix(in srgb, var(--category-accent) 62%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--category-accent) 12%, transparent), 0 9px 26px #1e293b10}.template-category-header{color:#263044;background:#fff;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px 15px;display:grid}.template-category-toggle{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:3px 0;display:grid}.template-category-toggle:hover .template-category-heading strong{color:var(--category-accent)}.template-category-chevron{width:28px;height:28px;color:var(--category-accent);background:color-mix(in srgb, var(--category-accent) 10%, white);border-radius:8px;place-items:center;display:grid}.template-category-heading{min-width:0}.template-category-heading strong,.template-category-heading small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-category-heading strong{font-size:13px}.template-category-heading small{color:var(--muted);margin-top:4px;font-size:10px}.template-category-actions{align-items:center;gap:7px;display:flex}.template-category-action{white-space:nowrap;align-items:center;gap:6px;min-height:30px;display:inline-flex}.template-category-count{color:#596174;white-space:nowrap;background:#f2f4f7;border-radius:99px;align-items:center;min-height:27px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.template-card-grid{border-top:1px solid var(--border);background:#f8f9fc;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px;padding:15px;display:grid}.template-card{background:#fff;border:1px solid #e0e4ec;border-radius:11px;flex-direction:column;min-width:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden;box-shadow:0 3px 10px #1e293b08}.template-card:hover{border-color:#cfd4e2;transform:translateY(-2px);box-shadow:0 10px 24px #1e293b14}.template-card-preview{color:#8790a2;border-bottom:1px solid var(--border);background:linear-gradient(145deg,#fbfcfe,#f1f3f7);align-content:center;place-items:center;gap:6px;min-height:126px;display:grid}.template-card-preview span{color:#697386;letter-spacing:.08em;background:#fff;border:1px solid #d9dee8;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:900}.template-card-content{flex:1;min-width:0;padding:12px 12px 10px}.template-card-content>strong,.template-card-content>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-card-content>strong{color:#273146;font-size:12px}.template-card-content>small{color:var(--muted);margin-top:4px;font-size:10px}.template-card-meta{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.template-card-meta span{color:#657087;background:#f3f5f8;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:700}.template-card-store{color:#7b8495;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:9px;overflow:hidden}.template-card-footer{border-top:1px solid var(--border);background:#fbfcfe;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.template-card-footer>div{align-items:center;display:flex}.template-card-footer .icon-button{width:30px;height:30px;margin-left:4px}.template-category-empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #d8dde7;border-radius:10px;grid-column:1/-1;padding:24px;font-size:12px}.template-browser-empty{color:#8790a2;background:#f8f9fc;align-content:center;place-items:center;gap:7px;min-height:260px;padding:30px;display:grid}.template-browser-empty strong{color:#41495b}.template-browser-empty span{font-size:11px}@media (width<=760px){.template-category-browser{padding:14px}.template-browser-summary{flex-direction:column;align-items:stretch}.template-browser-summary>div:last-child{grid-template-columns:1fr 1fr;display:grid}.template-category-header{grid-template-columns:minmax(0,1fr) auto}.template-category-toggle{grid-column:1/-1}.template-category-actions{flex-wrap:wrap;grid-column:1;justify-self:start}.template-category-count{grid-column:2;justify-self:end}.template-category-action span{display:none}.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:10px}.template-card-preview{min-height:112px}}.template-card-preview{position:relative;overflow:hidden}.template-card-preview>img{object-fit:contain;background:#fff;width:100%;height:126px;display:block}.template-card-preview.stale>img{opacity:.68;filter:saturate(.78)}.template-card-preview.error{color:var(--danger);background:#fff7f8}.template-preview-overlay{z-index:2;color:#4f5bd5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffdc;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.template-preview-overlay strong{letter-spacing:.03em;font-size:10px}.template-preview-badge{z-index:1;position:absolute;top:8px;right:8px;box-shadow:0 3px 10px #11182722;color:#fff!important;letter-spacing:.05em!important;border:0!important;border-radius:7px!important;padding:5px 7px!important;font-size:8px!important}.template-preview-badge.warning{background:#b7791f!important}.template-preview-badge.error{background:var(--danger)!important}.icon-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){.template-card-preview>img{height:112px}}.template-preview-image-loading,.template-preview-load-error{color:#7a8497;background:#fff;align-content:center;place-items:center;gap:7px;width:100%;height:126px;display:grid}.template-preview-load-error{color:var(--danger);text-align:center;background:#fff7f8}.template-preview-load-error small{max-width:150px;font-size:9px}@media (width<=760px){.template-preview-image-loading,.template-preview-load-error{height:112px}}.template-preview-batch{border:1px solid var(--border);background:#fbfcff;border-radius:11px;margin:0 0 15px;padding:13px}.template-preview-batch-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.template-preview-batch-note{color:#7b8495;margin:9px 1px 0;font-size:9px;line-height:1.45}.template-preview-batch-main-actions,.template-preview-category-action{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.template-preview-category-action select{border:1px solid var(--border);color:#41495b;background:#fff;border-radius:8px;min-width:210px;padding:7px 10px;font-size:11px}.secondary-button.danger-outline{color:var(--danger);background:#fff2f4}.secondary-button.danger-outline:hover{background:#ffe6ea}.template-preview-job{background:#fff;border:1px solid #dfe3ed;border-radius:10px;margin-top:12px;padding:12px}.template-preview-job.completed{background:#fbfffd;border-color:#cce9dc}.template-preview-job.cancelled{background:#f7f8fa;border-color:#e1e3e8}.template-preview-job-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.template-preview-job-heading>div{color:#5360d9;align-items:center;gap:9px;display:flex}.template-preview-job.completed .template-preview-job-heading>div{color:#16845b}.template-preview-job.cancelled .template-preview-job-heading>div{color:#7b8495}.template-preview-job-heading span{gap:2px;display:grid}.template-preview-job-heading strong{color:#2e374b;font-size:12px}.template-preview-job-heading small{color:#7b8495;font-size:9px}.template-preview-progress{background:#edf0f6;border-radius:999px;height:8px;margin-top:11px;overflow:hidden}.template-preview-progress span{border-radius:inherit;background:linear-gradient(90deg,#5c68e8,#7b88ff);height:100%;transition:width .25s;display:block}.template-preview-job.completed .template-preview-progress span{background:#27a676}.template-preview-job-stats{color:#70798b;flex-wrap:wrap;align-items:center;gap:7px 14px;margin-top:10px;font-size:10px;display:flex}.template-preview-job-stats span{align-items:center;gap:4px;display:inline-flex}.template-preview-job-stats strong{color:#374151}.template-preview-job-stats .success strong{color:#16845b}.template-preview-job-stats .error strong{color:var(--danger)}.template-preview-job-controls{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.template-card{position:relative}.template-card.selected{border-color:#6673ea;box-shadow:0 0 0 2px #6673ea22,0 10px 24px #1e293b14}.template-card-select{z-index:4;cursor:pointer;background:#ffffffed;border:1px solid #d5dae5;border-radius:7px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #11182717}.template-card-select input{accent-color:#5c68e8;cursor:pointer;width:14px;height:14px;margin:0}@media (width<=900px){.template-preview-batch-actions{flex-direction:column;align-items:stretch}.template-preview-category-action select{flex:1;min-width:0}}@media (width<=620px){.template-preview-batch-main-actions,.template-preview-category-action{grid-template-columns:1fr;display:grid}}.template-preview-job-stats .current-template{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.preview-status-filter.active{color:#3f49ba;font-weight:700;background:#f1f3ff!important;border-color:#7b84eb!important}.template-preview-failure-modal{width:min(1120px,100%)}.template-preview-failure-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 24px 0;display:grid}.template-preview-failure-summary>div{border:1px solid var(--border);background:#f8f9fc;border-radius:10px;gap:3px;padding:12px 14px;display:grid}.template-preview-failure-summary strong{color:#313a4d;font-size:18px}.template-preview-failure-summary span{color:#778094;font-size:10px}.template-preview-failure-modal>.info-box{margin:12px 24px 0}.template-preview-failure-toolbar{align-items:center;gap:8px;padding:14px 24px;display:flex}.template-preview-failure-toolbar .search-box{max-width:none}.template-preview-failure-list{border:1px solid var(--border);background:#fbfcfe;border-radius:11px;min-height:180px;max-height:min(48vh,520px);margin:0 24px 18px;overflow:auto}.template-preview-failure-row{cursor:pointer;border-bottom:1px solid #e9edf3;grid-template-columns:auto minmax(150px,230px) minmax(260px,1fr) auto;align-items:start;gap:12px;padding:12px 14px;transition:all .15s;display:grid}.template-preview-failure-row:last-child{border-bottom:0}.template-preview-failure-row:hover,.template-preview-failure-row.selected{background:#f3f5ff}.template-preview-failure-row input{accent-color:var(--accent);margin-top:2px}.template-preview-failure-row>span{gap:3px;min-width:0;display:grid}.template-preview-failure-row strong{color:#30394c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-preview-failure-row small{color:#8991a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-preview-failure-row p{color:#636d80;white-space:pre-wrap;word-break:break-word;margin:0;font-size:10px;line-height:1.45}.template-preview-failure-row code{color:#a62f48;white-space:nowrap;background:#fff0f2;border-radius:5px;padding:3px 6px;font-size:8px}.template-preview-failure-empty{color:#7f889a;place-items:center;min-height:180px;font-size:11px;display:grid}.template-preview-failure-footer{justify-content:space-between}.template-preview-failure-footer>div{flex-wrap:wrap;gap:8px;display:flex}.template-preview-failure-footer button{align-items:center;gap:7px;display:inline-flex}@media (width<=760px){.template-preview-failure-summary{grid-template-columns:1fr;padding:14px 16px 0}.template-preview-failure-modal>.info-box{margin:10px 16px 0}.template-preview-failure-toolbar{flex-direction:column;align-items:stretch;padding:12px 16px}.template-preview-failure-list{max-height:none;margin:0 16px 12px}.template-preview-failure-row{grid-template-columns:auto 1fr}.template-preview-failure-row p,.template-preview-failure-row code{grid-column:2}.template-preview-failure-footer{flex-direction:column;align-items:stretch}.template-preview-failure-footer>div{grid-template-columns:1fr;display:grid}}.font-alias-input{gap:6px;display:grid}.font-alias-input>small{color:var(--muted);font-weight:400}.font-alias-chips{background:#fff;border:1px solid #d8dde7;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;display:flex}.font-alias-chips:focus-within{border-color:#8a92ef;box-shadow:0 0 0 3px #5c68e812}.font-alias-chips>span,.font-alias-list>span{color:#30384a;background:#f5f6fa;border:1px solid #cfd5e1;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-size:11px;font-weight:700;display:inline-flex}.font-alias-chips>span button{color:#657087;background:0 0;border:0;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:inline-grid}.font-alias-chips>span button:hover{color:#c53030;background:#e2e5ec}.font-alias-chips input{width:auto;min-width:180px;box-shadow:none;border:0;flex:220px;padding:5px 3px}.font-alias-chips input:focus{box-shadow:none;border:0}.font-alias-list{flex-wrap:wrap;align-items:center;gap:4px;max-width:300px;display:flex}.font-alias-list small{color:var(--muted);font-weight:800}html.template-editor-scroll-lock,body.template-editor-scroll-lock{overscroll-behavior:none;overflow:hidden!important}.template-editor-backdrop{z-index:1200;overscroll-behavior:none;padding:0;overflow:hidden}.template-editor-modal{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.template-editor-modal.has-editor-toolbar{grid-template-rows:auto auto minmax(0,1fr) auto}.template-editor-header,.template-editor-footer{border-bottom:1px solid var(--border);gap:20px}.template-editor-header{background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.template-editor-header-toolbar{min-width:0}.template-editor-header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.template-editor-toolbar{z-index:4;background:#fff;border-bottom:1px solid #dbe4ef;grid-template-rows:49px 49px;gap:0;height:98px;min-height:98px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a0d}.template-editor-toolbar--main{height:auto;min-height:0;box-shadow:none;background:0 0;border-bottom:0;display:block}.template-editor-toolbar--main .template-editor-toolbar-row{height:40px;padding:0}.template-editor-toolbar--text{background:#fff;height:49px;min-height:49px;display:block;box-shadow:0 4px 12px #0f172a0d}.template-editor-toolbar-row{box-sizing:border-box;scrollbar-width:thin;align-items:center;gap:8px;min-width:0;height:49px;padding:8px 12px;display:flex;overflow:auto hidden}.template-editor-context-rail{background:#f8fbfd;border-top:1px solid #edf2f7;min-width:0;height:49px;overflow:hidden}.template-editor-text-toolbar{opacity:0;pointer-events:none;will-change:transform, opacity;transition:transform .18s,opacity .14s;transform:translateY(-100%)}.template-editor-context-rail.is-open .template-editor-text-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.template-editor-text-toolbar{transition:none}}.template-editor-tool-group{border-right:1px dashed #cbd5e1;align-items:center;gap:3px;padding-right:8px;display:inline-flex}.template-editor-path-node-tools{white-space:nowrap;border-right:1px dashed #cbd5e1;flex:none;align-items:center;gap:7px;padding:0 10px 0 2px;display:inline-flex}.template-editor-path-node-tools .template-editor-tool-group{border-right:0;padding-right:0}.template-editor-path-node-count{color:#075f70;text-align:center;background:#ecfeff;border:1px solid #bae6fd;border-radius:7px;min-width:72px;padding:5px 8px;font-size:11px;font-weight:700}.template-editor-path-node-hint{color:#64748b;font-size:11px}.template-editor-path-edit-start,.template-editor-path-edit-finish{color:#075f70;cursor:pointer;background:#ecfeff;border:1px solid #93d8e6;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.template-editor-path-edit-start:hover,.template-editor-path-edit-finish:hover{background:#cffafe;border-color:#22b8cf}.template-editor-path-edit-finish{color:#475569;background:#fff;border-color:#cbd5e1}.template-editor-tool-button{color:#36546d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;width:34px;height:32px;padding:0;display:inline-grid}.template-editor-tool-button:hover:not(:disabled),.template-editor-tool-button.active{color:#087b91;background:#e9f9fc;border-color:#93d8e6}.template-editor-tool-button:disabled{opacity:.34;cursor:not-allowed}.template-editor-zoom-field,.template-editor-text-number{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:4px;height:32px;padding:0 7px;font-size:12px;display:inline-flex}.template-editor-zoom-field input{text-align:right;background:0 0;border:0;width:45px;padding:0}.template-editor-text-number input{background:0 0;border:0;width:58px;padding:0}.template-editor-spacing-prefix-icon{color:#36546d;flex:none;width:18px;height:18px;display:block}.template-editor-text-toolbar select{background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:min(220px,24vw);min-width:140px;height:32px;padding:0 30px 0 9px}.template-editor-color-tool{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;place-items:center;width:34px;height:32px;display:grid}.template-editor-color-tool input{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.template-editor-help-backdrop{z-index:1350;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.template-editor-help-modal{background:#fff;border:1px solid #dbe2ef;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(680px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0f172a47}.template-editor-help-modal>header,.template-editor-help-modal>footer{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.template-editor-help-modal>header{border-bottom:1px solid var(--border)}.template-editor-help-modal>header h3{margin:3px 0 0;font-size:20px}.template-editor-help-modal>footer{border-top:1px solid var(--border);justify-content:flex-end}.template-editor-help-content{background:#f8faff;gap:10px;min-height:0;padding:18px 20px;display:grid;overflow:auto}.template-editor-help-content article{background:#fff;border:1px solid #dbe2ef;border-radius:11px;padding:13px 14px}.template-editor-help-content strong{color:#273044}.template-editor-help-content p{color:#5f6b80;margin:5px 0 0;line-height:1.55}.template-editor-help-content code,.template-editor-help-content kbd{color:#334155;background:#f5f7fb;border:1px solid #d6dceb;border-radius:5px;padding:1px 5px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.template-editor-secondary-bar{background:#fff;border-bottom:1px solid #dbe4ef;grid-template-columns:minmax(0,1fr) minmax(190px,min(34vw,440px));align-items:stretch;min-width:0;min-height:49px;display:grid;box-shadow:0 4px 12px #0f172a0d}.template-editor-secondary-bar .template-editor-toolbar--text{min-width:0;box-shadow:none;border-bottom:0}.template-editor-secondary-title{text-align:right;border-left:1px solid #edf2f7;align-content:center;justify-items:end;gap:1px;min-width:0;padding:5px 14px;display:grid}.template-editor-secondary-title small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.template-editor-secondary-title strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.template-editor-footer span{color:var(--muted);margin:3px 0 0;font-size:13px}.template-editor-footer{border-top:1px solid var(--border);background:#fff;border-bottom:0;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.template-editor-footer-leading{align-items:center;gap:8px;min-width:0;display:flex}.template-editor-footer-status{gap:2px;min-width:0;display:grid}.template-editor-footer-meta{color:#334155;align-items:center;gap:6px;min-width:0;display:flex}.template-editor-footer-meta strong,.template-editor-footer-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-editor-footer-meta strong{font-size:12px;font-weight:700}.template-editor-footer-meta small{color:var(--muted);font-size:11px}.template-editor-footer-status>span{white-space:nowrap;margin:0;display:block}.template-editor-footer-actions{align-items:center;gap:8px;display:flex}.template-editor-footer-geometry{scrollbar-width:thin;justify-content:center;align-items:center;gap:8px;min-width:0;padding:2px 4px;display:flex;overflow-x:auto}.template-editor-footer-geometry-empty{color:var(--muted);white-space:nowrap;font-size:12px}.template-editor-geometry-group{background:#f8faff;border:1px solid #dbe2ef;border-radius:9px;flex:none;align-items:center;gap:5px;min-height:38px;padding:4px 6px;display:flex}.template-editor-geometry-group.frame{background:#fffbeb;border-color:#fde68a}.template-editor-geometry-group.object,.template-editor-geometry-group.image{background:#f0f9ff;border-color:#bae6fd}.template-editor-geometry-title{color:#475569;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;align-items:center;gap:4px;margin-right:2px;font-size:10px;font-weight:800;display:inline-flex}.template-editor-geometry-group>label{grid-template-columns:auto 72px;align-items:center;gap:3px;display:grid}.template-editor-geometry-group>label>span{color:#64748b;font-size:10px;font-weight:800}.template-editor-geometry-group input{color:#172033;background:#fff;border:1px solid #d4dbe8;border-radius:6px;width:72px;min-width:0;height:28px;padding:0 6px;font:600 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.template-editor-geometry-group input:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 2px #6366f11f}.template-editor-geometry-group input:disabled{color:#94a3b8;background:#f1f5f9}.template-editor-geometry-group .text-button{min-height:28px;padding:3px 7px;font-size:10px}.template-editor-geometry-group>small{color:#94a3b8;white-space:nowrap;font-size:11px}.template-editor-geometry-group.path-edit{background:#eef2ff;border-color:#c7d2fe;flex-direction:column;align-items:flex-start;gap:8px}.template-editor-geometry-group.path-edit>small{white-space:normal;line-height:1.35}.template-editor-body{background:#f6f8fc;grid-template-columns:clamp(250px,18vw,330px) minmax(420px,1fr) clamp(380px,28vw,560px);min-height:0;display:grid;overflow:hidden}.template-editor-left-sidebar,.template-editor-fields{background:#fff;min-height:0}.template-editor-left-sidebar{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.template-editor-layers{flex:auto;min-height:0;padding:14px 12px 16px;overflow:auto}.template-editor-fields{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;height:100%;max-height:100%;overflow:hidden auto}.template-editor-pages{border-bottom:1px solid var(--border);background:linear-gradient(#fff 0%,#fbfdff 100%);flex:none;max-height:min(330px,42vh);padding:12px;overflow:auto}.template-editor-pages-title{margin-bottom:8px}.template-editor-pages-title>span{margin-left:auto}.template-editor-pages-add{color:#0891b2;cursor:pointer;background:#ecfeff;border:1px solid #bae6fd;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.template-editor-pages-add:hover:not(:disabled){background:#cffafe;border-color:#67e8f9}.template-editor-pages-add:disabled{opacity:.42;cursor:not-allowed}.template-editor-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.template-editor-page-card{background:#fff;border:1px solid #dbe3ef;border-radius:10px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.template-editor-page-card.active{background:#f0f9ff;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf82e}.template-editor-page-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:5px;display:block}.template-editor-page-select:disabled{cursor:wait}.template-editor-page-thumbnail{aspect-ratio:1.45;background-color:#fff;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-editor-page-thumbnail img{object-fit:contain;background:#ffffffc7;width:100%;height:100%}.template-editor-page-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:2px;display:inline-flex}.template-editor-page-number,.template-editor-page-primary,.template-editor-page-dirty{border-radius:6px;justify-content:center;align-items:center;min-width:19px;height:19px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:4px;box-shadow:0 1px 3px #0f172a2e}.template-editor-page-number{color:#fff;background:#0f172a;left:4px}.template-editor-page-primary{color:#b45309;background:#fef3c7;right:4px}.template-editor-page-dirty{color:#0284c7;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:19px;height:19px;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:auto;bottom:4px;right:4px;box-shadow:0 1px 3px #0f172a2e}.template-editor-page-label{min-width:0;padding:6px 2px 2px;display:block}.template-editor-page-label strong,.template-editor-page-label small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-editor-page-label strong{color:#334155;font-size:12px}.template-editor-page-label small{color:#94a3b8;margin-top:2px;font-size:10px}.template-editor-page-label .template-editor-page-size{color:#64748b;font-variant-numeric:tabular-nums;font-size:10px}.template-editor-page-actions{background:#f8fafce6;border-top:1px solid #eef2f7;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:4px;display:grid}.template-editor-page-actions button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-width:0;height:24px;display:inline-flex}.template-editor-page-actions button:hover:not(:disabled){color:#0369a1;background:#e0f2fe}.template-editor-page-actions button:disabled{opacity:.3;cursor:not-allowed}.template-editor-page-duplicate-active{color:#475569;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:30px;margin-top:8px;font-size:11px;font-weight:700;display:inline-flex}.template-editor-page-duplicate-active:hover:not(:disabled){color:#0369a1;background:#f0f9ff;border-color:#38bdf8}.template-editor-page-duplicate-active:disabled{opacity:.45;cursor:not-allowed}.template-editor-pages-disabled-hint{color:#b45309;margin:7px 2px 0;font-size:10px;line-height:1.35}.template-editor-section-title{color:#334155;align-items:center;gap:8px;min-height:34px;margin-bottom:10px;display:flex}.template-editor-section-title>span{color:var(--muted);margin-left:auto;font-size:12px}.template-editor-layer-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px;display:grid}.template-editor-layer-actions button,.template-editor-layer-switches button{border:1px solid var(--border);color:#475569;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.template-editor-layer-actions button{min-height:32px}.template-editor-layer-actions button:hover:not(:disabled),.template-editor-layer-switches button:hover{color:#4338ca;background:#eef2ff;border-color:#a5b4fc}.template-editor-layer-actions button:disabled{opacity:.38;cursor:not-allowed}.template-editor-layer-hint{color:var(--muted);margin:0 2px 10px;font-size:11px;line-height:1.35}.template-editor-layer-list{flex-direction:column;gap:5px;display:flex}.template-editor-layer-item{color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;outline:0;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:52px;padding:7px 7px 7px 3px;display:grid;position:relative}.template-editor-layer-item:hover,.template-editor-layer-item:focus-visible{background:#f6f8fc;border-color:#e2e8f0}.template-editor-layer-item.active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc;box-shadow:0 0 0 1px #6366f114}.template-editor-layer-item.hidden-object .template-editor-layer-copy{opacity:.52}.template-editor-layer-item[aria-disabled=true] .template-editor-layer-drag{cursor:not-allowed;opacity:.45}.template-editor-layer-item.dragging{opacity:.42}.template-editor-layer-item.drop-before:after,.template-editor-layer-item.drop-after:before{content:"";background:#4f46e5;border-radius:999px;height:3px;position:absolute;left:5px;right:5px}.template-editor-layer-item.drop-before:after{bottom:-4px}.template-editor-layer-item.drop-after:before{top:-4px}.template-editor-layer-drag{color:#94a3b8;cursor:grab;display:inline-flex}.template-editor-layer-item:active .template-editor-layer-drag{cursor:grabbing}.template-editor-layer-kind{color:#475569;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.template-editor-layer-item.active .template-editor-layer-kind{color:#4338ca;background:#ddd6fe}.template-editor-layer-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.template-editor-layer-copy strong,.template-editor-layer-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-editor-layer-copy strong{font-size:12px;font-weight:700}.template-editor-layer-copy small{color:var(--muted);font-size:10px}.template-editor-layer-switches{gap:3px;display:flex}.template-editor-layer-switches button{width:26px;height:26px;padding:0}.template-editor-layer-switches button.active{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}.template-editor-layer-empty{color:var(--muted);text-align:center;padding:16px 8px;font-size:12px}.template-editor-preview-column{grid-template-rows:minmax(0,1fr);gap:10px;min-width:0;min-height:0;padding:16px;display:grid}.template-editor-style-copy-status{z-index:3;color:#0e7490;white-space:nowrap;background:#ecfeff;border:1px solid #7dd3fc;border-radius:999px;max-width:calc(100% - 20px);padding:4px 9px;font-size:12px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0f172a1f}.template-editor-preview{border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(45deg,#eef1f6 25%,#0000 25%),linear-gradient(-45deg,#eef1f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f6 75%),linear-gradient(-45deg,#0000 75%,#eef1f6 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:14px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.template-editor-preview img{object-fit:contain;background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 30px #0f172a21}.template-editor-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;display:flex}.template-editor-fields{border-left:1px solid var(--border);padding:16px}.template-editor-field-list{gap:10px;display:grid}.template-editor-text-card{border:1px solid var(--border);background:#fff;border-radius:11px;gap:7px;padding:10px;display:grid}.template-editor-text-card.changed{border-color:#818cf8;box-shadow:0 0 0 2px #6366f117}.template-editor-text-card>.template-editor-object-card-header>span{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.template-editor-text-card small{color:var(--muted);font-size:11px}.template-editor-field-list textarea{resize:vertical;width:100%;min-height:42px;max-height:130px;font:inherit;border:1px solid #d9dfeb;border-radius:8px;padding:9px 10px;line-height:1.35}.template-editor-field-list textarea:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 3px #6366f11f}.template-editor-loading,.template-editor-empty{min-height:240px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.template-editor-loading.error{color:#b91c1c}.template-editor-footer .inline-error{margin:0;display:inline-block}.editor-button{color:#4f46e5}@media (width<=1180px){.template-editor-body{grid-template-columns:180px minmax(360px,1fr) 360px}}@media (width<=900px){.template-editor-secondary-bar{grid-template-columns:minmax(0,1fr) minmax(150px,38vw)}.template-editor-modal{width:100vw;height:100dvh}.template-editor-body{grid-template-rows:auto minmax(420px,1fr) minmax(260px,auto);grid-template-columns:1fr;overflow:auto}.template-editor-left-sidebar,.template-editor-layers,.template-editor-fields{border:0;overflow:visible}.template-editor-left-sidebar{border-right:0;display:block;overflow:visible}.template-editor-pages{max-height:none;overflow:visible}.template-editor-layers{display:block;overflow:visible}.template-editor-layer-list{flex-direction:row;padding-bottom:4px;overflow-x:auto}.template-editor-layer-item{min-width:250px}.template-editor-footer-actions{flex-wrap:wrap;width:100%}.template-editor-help-backdrop{padding:0}.template-editor-help-modal{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}}.template-editor-notice.error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.template-card-footer{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;display:grid}.template-card-footer>.status-pill{justify-self:start}.template-card-footer>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.template-card-footer .icon-button{width:100%;min-width:0;height:32px;margin-left:0}.template-editor-preview>iframe{background:0 0;border:0;width:100%;height:100%;display:block}@media (width<=760px){.template-card-footer>div{gap:5px}.template-card-footer .icon-button{height:34px}}@media (width<=1250px){.template-editor-footer{grid-template-columns:auto minmax(0,1fr) auto}.template-editor-footer-status{display:none}.template-editor-footer-leading{min-width:42px}}@media (width<=900px){.template-editor-footer{grid-template-columns:1fr;align-items:stretch}.template-editor-secondary-title{padding-inline:10px}.template-editor-secondary-title small{display:none}.template-editor-footer-geometry{justify-content:flex-start}.template-editor-footer-actions{justify-content:flex-end}}.template-editor-properties{background:#f8faff;border:1px solid #dbe2ef;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:12px;display:grid}.template-editor-properties>label,.template-editor-properties>.template-editor-property-field{gap:5px;min-width:0;display:grid}.template-editor-properties>label>span,.template-editor-properties>.template-editor-property-field>span{color:#475569;text-transform:uppercase;letter-spacing:.035em;font-size:11px;font-weight:800}.template-editor-properties select,.template-editor-properties input[type=text]{color:#172033;width:100%;min-width:0;height:38px;font:inherit;background:#fff;border:1px solid #d4dbe8;border-radius:8px;padding:0 9px}.template-editor-properties select:focus,.template-editor-properties input[type=text]:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 3px #6366f11f}.template-editor-color-field{grid-template-columns:42px minmax(0,1fr);gap:7px;display:grid}.template-editor-color-field input[type=color]{cursor:pointer;background:#fff;border:1px solid #d4dbe8;border-radius:8px;width:42px;height:38px;padding:3px}.template-editor-properties-empty,.template-editor-font-status{color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;display:flex}.template-editor-properties-empty{text-align:center;justify-content:center;min-height:38px}.template-editor-font-status.form-error{margin:0}@media (width<=1180px){.template-editor-properties{grid-template-columns:1fr}}@media (width<=900px){.template-editor-properties{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.template-editor-properties{grid-template-columns:1fr}}.template-editor-shape-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;padding:9px 10px;display:grid}.template-editor-shape-status>span{color:#64748b;text-transform:uppercase;letter-spacing:.035em;font-size:11px;font-weight:800}.template-editor-shape-status>strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.template-editor-shape-status>small{color:#64748b;grid-column:1/-1;font-size:11px;line-height:1.4}.template-editor-shape-status.available{background:#f0fdf7;border-color:#bae6d3}.template-editor-shape-status.available>strong{color:#047857}.template-editor-inline-status{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:9px;grid-column:1/-1;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.4;display:block}.template-editor-preview-column{gap:6px;padding:8px}.template-editor-preview{border-radius:10px}.template-editor-mask-status{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:10px;display:grid}.template-editor-mask-status>span{color:#0369a1;text-transform:uppercase;letter-spacing:.035em;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.template-editor-mask-status>strong{color:#075985;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.template-editor-mask-status>small{color:#475569;grid-column:1/-1;font-size:11px;line-height:1.45}.template-editor-mask-edit-status{color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;grid-column:1/-1;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.45;display:block}.template-editor-mask-edit-status.active{color:#075985;background:#e0f2fe;border-color:#38bdf8;box-shadow:0 0 0 3px #0ea5e91a}.template-editor-image-section,.template-editor-object-type-section{--object-accent:#64748b;--object-accent-strong:#334155;--object-accent-soft:#f8fafc;--object-accent-icon:#e2e8f0;--object-accent-shadow:#64748b24;border:1px solid #e2e8f0;border-top:3px solid var(--object-accent);background:#fff;border-radius:13px;gap:0;margin-top:4px;display:grid;overflow:hidden;box-shadow:0 5px 16px #0f172a0b}.template-editor-object-type-section.tone-text{--object-accent:#f59e0b;--object-accent-strong:#92400e;--object-accent-soft:#fffbeb;--object-accent-icon:#fef3c7;--object-accent-shadow:#f59e0b26}.template-editor-image-section.tone-mask{--object-accent:#2563eb;--object-accent-strong:#1d4ed8;--object-accent-soft:#eff6ff;--object-accent-icon:#dbeafe;--object-accent-shadow:#2563eb24}.template-editor-image-section.tone-graphic{--object-accent:#22c55e;--object-accent-strong:#15803d;--object-accent-soft:#f0fdf4;--object-accent-icon:#dcfce7;--object-accent-shadow:#22c55e24}.template-editor-subsection-title{background:linear-gradient(180deg, var(--object-accent-soft), #fff 82%);color:#1e293b;border-bottom:1px solid #eef2f7;align-items:center;gap:9px;min-height:50px;padding:8px 10px;display:flex}.template-editor-subsection-title>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.template-editor-subsection-icon{background:var(--object-accent-icon);width:34px;height:34px;color:var(--object-accent-strong);border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;display:inline-flex}.template-editor-subsection-count{color:#475569;text-align:center;background:#f1f5f9;border-radius:999px;min-width:28px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:800;line-height:1}.template-editor-image-list,.template-editor-object-type-list{background:#fbfcfe;gap:8px;padding:10px;display:grid}.template-editor-object-card{border:1px solid var(--border);color:#172033;text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:11px;gap:4px;width:100%;padding:10px;display:grid}.template-editor-object-card:hover,.template-editor-text-card:hover{border-color:var(--object-accent,#93c5fd);background:var(--object-accent-soft,#f8fbff)}.template-editor-object-card.changed{border-color:#38bdf8}.template-editor-object-card.selected,.template-editor-text-card.selected{border-color:var(--object-accent,#2563eb);background:var(--object-accent-soft,#eff6ff);box-shadow:0 0 0 3px var(--object-accent-shadow,#2563eb1c)}.template-editor-object-card.selected .template-editor-object-card-header>span>svg,.template-editor-text-card.selected .template-editor-object-card-header>span>svg{color:var(--object-accent-strong,#1d4ed8)}.template-editor-object-card-header>span{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.template-editor-object-card>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-editor-footer{box-sizing:border-box;height:58px;min-height:58px}.template-editor-footer-geometry{box-sizing:border-box;height:42px;min-height:42px}.template-editor-geometry-group,.template-editor-geometry-group.object,.template-editor-geometry-group.image{min-height:38px;display:flex}.template-editor-field-list textarea{resize:vertical;white-space:pre-wrap;height:auto;min-height:42px;max-height:130px;overflow-y:auto}.template-editor-context-info-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe2ef;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:0;padding:0;display:inline-flex}.template-editor-context-info-button:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.template-editor-context-info-button.active{color:#4f46e5;background:#eef2ff;border-color:#a5b4fc}.template-editor-context-info-button:focus-visible{outline-offset:1px;outline:3px solid #6366f129}@media (width<=900px){.template-editor-footer{height:auto;min-height:58px}.template-editor-footer-geometry{height:auto;min-height:42px}}.template-editor-object-card-header{align-items:flex-start;gap:8px;min-width:0;display:flex}.template-editor-object-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto;flex-direction:row!important;flex:none!important;align-items:center!important;gap:4px!important;display:inline-flex!important}.template-editor-object-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe2ef;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:relative}.template-editor-object-action:hover:not(:disabled),.template-editor-object-action.active{color:#4338ca;background:#eef2ff;border-color:#818cf8}.template-editor-object-action.delete:hover:not(:disabled),.template-editor-object-action.delete.active{color:#be123c;background:#fff1f2;border-color:#fca5a5}.template-editor-object-action:disabled{opacity:.45;cursor:not-allowed}.template-editor-object-action>small{background:#4f46e5;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-4px;color:#fff!important;font-size:9px!important}.template-editor-text-card.pending-delete,.template-editor-object-card.pending-delete{opacity:.72;background:#fff7f8;border-color:#fda4af}.template-editor-text-card.pending-delete textarea{text-decoration:line-through}.template-editor-pending-label{color:#be123c;font-size:11px;font-weight:700}.template-editor-inline-actions{background:#eef2ff80;border:1px solid #6366f12e;border-radius:12px;grid-column:1/-1;gap:8px;padding:12px;display:grid}.template-editor-inline-actions>small{color:var(--muted);line-height:1.4}.template-editor-inline-actions .secondary-button.active{color:#3742b8;background:#e0e7ff}.template-editor-tool-button-label{letter-spacing:.01em;font-size:12px;font-weight:800}.storage-statistics-panel{overflow:hidden}.storage-statistics-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.storage-statistics-toolbar h2{margin:0;font-size:19px}.storage-statistics-toolbar p{color:var(--muted);margin:5px 0 0;font-size:12px}.storage-statistics-toolbar .secondary-button:disabled{opacity:.65;cursor:wait}.spin-icon{animation:.8s linear infinite storage-spin}@keyframes storage-spin{to{transform:rotate(360deg)}}.storage-statistics-loading{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.storage-statistics-error{color:var(--danger);background:#fff7f8;border:1px solid #efc5cb;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:24px;padding:15px 16px;display:grid}.storage-statistics-error strong{display:block}.storage-statistics-error p{color:#8f2d3a;margin:4px 0 0;font-size:12px}.storage-summary-grid{border-bottom:1px solid var(--border);background:#f8f9fc;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 24px;display:grid}.storage-summary-card{border:1px solid var(--border);background:#fff;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 4px 14px #1e293b08}.storage-summary-card>span{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.storage-summary-card div{min-width:0}.storage-summary-card small,.storage-summary-card strong,.storage-summary-card p{display:block}.storage-summary-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.storage-summary-card strong{color:#273044;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:18px;overflow:hidden}.storage-summary-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:10px;overflow:hidden}.storage-section-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px;display:flex}.storage-section-heading h3{color:#2c3548;margin:0;font-size:15px}.storage-section-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.storage-files-heading{border-top:1px solid var(--border);padding-top:24px}.storage-monitoring-status{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:800}.storage-monitoring-status.is-available{color:#237442;background:#e9f8ef}.storage-monitoring-status.is-unavailable{color:#99620b;background:#fff2df}.storage-traffic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px 18px;display:grid}.storage-traffic-grid article{border:1px solid var(--border);background:#fbfcfe;border-radius:11px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label""icon value""icon note";column-gap:10px;min-width:0;padding:14px;display:grid}.storage-traffic-grid article>span{width:34px;height:34px;color:var(--accent);background:#eef3ff;border-radius:9px;grid-area:icon;place-items:center;display:grid}.storage-traffic-grid article>small{color:var(--muted);text-transform:uppercase;grid-area:label;font-size:9px;font-weight:700}.storage-traffic-grid article>strong{color:#30394c;text-overflow:ellipsis;white-space:nowrap;grid-area:value;margin-top:3px;font-size:16px;overflow:hidden}.storage-traffic-grid article>p{color:var(--muted);grid-area:note;margin:3px 0 0;font-size:9px}.storage-traffic-layout{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:14px;padding:0 24px 24px;display:grid}.storage-traffic-chart-card,.storage-traffic-errors-card{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:0;padding:16px}.storage-traffic-chart-card h3,.storage-traffic-errors-card h3{margin:0 0 12px;font-size:13px}.storage-traffic-chart{gap:6px;max-height:330px;padding-right:4px;display:grid;overflow-y:auto}.storage-traffic-bar-row{grid-template-columns:42px minmax(80px,1fr) 82px;align-items:center;gap:8px;display:grid}.storage-traffic-bar-row small{color:var(--muted);font-size:9px}.storage-traffic-bar-row>div{background:#edf0f6;border-radius:999px;height:7px;overflow:hidden}.storage-traffic-bar-row>div span{border-radius:inherit;background:var(--accent);height:100%;display:block}.storage-traffic-bar-row strong{color:#4b5568;text-align:right;font-size:9px;font-weight:700}.storage-traffic-errors-card{align-self:start}.storage-traffic-errors-card>div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.storage-traffic-errors-card>div span{color:#5b6578;font-size:10px}.storage-traffic-errors-card>div strong{color:#30394c;font-size:13px}.storage-traffic-errors-card>p{color:var(--muted);margin:13px 0 0;font-size:9px;line-height:1.5}.storage-monitoring-unavailable{color:#77530b;background:#fffaf0;border:1px solid #f0d9aa;border-radius:11px;align-items:flex-start;gap:11px;margin:0 24px 24px;padding:14px 15px;display:flex}.storage-monitoring-unavailable svg{flex:none;margin-top:1px}.storage-monitoring-unavailable strong{font-size:12px;display:block}.storage-monitoring-unavailable p{margin:5px 0 0;font-size:10px;line-height:1.5}.storage-monitoring-unavailable code{background:#fff1cf;border-radius:5px;padding:2px 5px}.storage-table-wrap{overflow-x:auto}.storage-statistics-table{min-width:940px}.storage-statistics-table td code{color:#566074;white-space:nowrap;background:#f3f5f9;border-radius:6px;padding:4px 7px;font-size:10px}.storage-statistics-table tfoot td{background:#fafbfc;border-top:2px solid #dfe3ec}.storage-category-name{align-items:center;gap:10px;min-width:180px;display:flex}.storage-category-name span{width:32px;height:32px;color:var(--accent);background:#f0f2ff;border-radius:9px;place-items:center;display:grid}.storage-share{align-items:center;gap:8px;min-width:145px;display:flex}.storage-share>div{background:#edf0f5;border-radius:99px;flex:1;height:6px;overflow:hidden}.storage-share>div span{border-radius:inherit;background:var(--accent);height:100%;display:block}.storage-share small{min-width:46px;color:var(--muted);text-align:right}.storage-details-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px 0;display:grid}.storage-detail-card{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;min-width:0;padding:16px}.storage-detail-card h3{margin:0 0 12px;font-size:14px}.storage-detail-card>p{color:#606a7d;margin:8px 0 0;font-size:11px;line-height:1.55}.storage-class-list{gap:8px;display:grid}.storage-class-list>div{background:#fff;border:1px solid #e5e8ef;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;display:flex}.storage-class-list span:last-child{text-align:right}.storage-class-list strong,.storage-class-list small{display:block}.storage-class-list strong{color:#343d50;font-size:11px}.storage-class-list small{color:var(--muted);margin-top:3px;font-size:9px}.storage-warning-list{gap:7px;padding:16px 24px 22px;display:grid}.storage-warning-list>div{color:#775a0c;background:#fff8e8;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:10px;line-height:1.45;display:flex}.storage-warning-list svg{flex:none;margin-top:1px}@media (width<=1180px){.storage-summary-grid,.storage-traffic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-traffic-layout{grid-template-columns:1fr}}@media (width<=760px){.storage-statistics-toolbar{flex-direction:column;align-items:stretch;padding:18px 16px}.storage-summary-grid{grid-template-columns:1fr;padding:14px 16px}.storage-section-heading{flex-direction:column;align-items:flex-start;padding:18px 16px 10px}.storage-traffic-grid{grid-template-columns:1fr;padding:0 16px 16px}.storage-traffic-layout{padding:0 16px 18px}.storage-monitoring-unavailable{margin:0 16px 18px}.storage-details-grid{grid-template-columns:1fr;padding:16px 16px 0}.storage-warning-list{padding:14px 16px 18px}.storage-statistics-error{grid-template-columns:auto 1fr;margin:16px}.storage-statistics-error .secondary-button{grid-column:1/-1}}.template-editor-curved-controls{background:#eef2ffb8;border:1px solid #6366f138;border-radius:12px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.template-editor-curved-controls>label{grid-template-columns:minmax(150px,1fr) minmax(140px,2fr) 82px;align-items:center;gap:10px;display:grid}.template-editor-curved-controls>label>span{justify-content:space-between;gap:8px;font-size:12px;display:flex}.template-editor-curved-controls input[type=range]{width:100%}.template-editor-curved-controls input[type=number]{min-width:0}.template-editor-curved-controls>small{color:var(--muted);line-height:1.4}.template-editor-curved-side-picker{gap:8px;display:grid}.template-editor-curved-side-picker>span{justify-content:space-between;gap:8px;font-size:12px;display:flex}.template-editor-curved-side-buttons{flex-wrap:wrap;gap:8px;display:flex}.template-editor-curved-side-buttons .secondary-button.active{color:#4338ca;background:#6366f129;border-color:#6366f18c}@media (width<=1120px){.template-editor-curved-controls>label{grid-template-columns:1fr 82px}.template-editor-curved-controls>label>span{grid-column:1/-1}}.template-editor-geometry-group.rotation{background:#f5f3ff;border-color:#c4b5fd}.template-editor-geometry-group.rotation input{width:62px}.template-editor-font-picker-trigger{color:#172033;text-align:left;cursor:pointer;background:#fff;border:1px solid #d4dbe8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;height:38px;padding:0 9px;display:grid}.template-editor-font-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;line-height:1.2;overflow:hidden}.template-editor-font-picker-trigger>svg{color:#64748b;flex:none;transition:transform .16s}.template-editor-font-picker-trigger[aria-expanded=true]{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.template-editor-font-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.template-editor-font-picker-trigger:disabled{opacity:.55;cursor:not-allowed}.template-editor-font-picker-trigger.compact{border-color:#cbd5e1;border-radius:7px;width:min(220px,24vw);min-width:140px;height:32px;padding-left:9px}.template-editor-font-picker-trigger.compact>span{font-size:14px}.template-editor-font-picker-popup{z-index:1400;background:#fff;border:1px solid #cbd5e1;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:fixed;overflow:hidden;box-shadow:0 22px 60px #0f172a3d,0 4px 14px #0f172a1f}.template-editor-font-picker-popup:before{content:"";background:#fff;border-top:1px solid #cbd5e1;border-left:1px solid #cbd5e1;width:11px;height:11px;position:absolute;top:-6px;left:28px;transform:rotate(45deg)}.template-editor-font-picker-popup.is-above{transform:translateY(-100%)}.template-editor-font-picker-popup.is-above:before{border:1px solid #cbd5e1;border-top:0;border-left:0;top:auto;bottom:-6px}.template-editor-font-picker-search{z-index:1;color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:10px 10px 6px;padding:0 10px;display:grid;position:relative}.template-editor-font-picker-search:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11c}.template-editor-font-picker-search input{color:#172033;background:0 0;border:0;outline:0;min-width:0;height:38px;padding:0;font-size:14px}.template-editor-font-picker-search input::-webkit-search-cancel-button{cursor:pointer}.template-editor-font-picker-summary{color:#7c8798;justify-content:space-between;align-items:center;gap:8px;padding:1px 12px 7px;font-size:10px;font-weight:700;display:flex}.template-editor-font-picker-summary button{color:#4f46e5;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.template-editor-font-picker-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;min-height:0;padding:3px 6px 8px;overflow-y:auto}.template-editor-font-picker-option{color:#243247;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:52px;padding:7px 10px;display:grid}.template-editor-font-picker-option:hover,.template-editor-font-picker-option:focus-visible{background:#f4f5ff;border-color:#d8defa;outline:0}.template-editor-font-picker-option.selected{color:#3039a6;background:#eceeff;border-color:#bfc5fb}.template-editor-font-picker-option>svg{color:#4f46e5}.template-editor-font-picker-option.is-system{color:#64748b;min-height:42px;font-size:13px;font-weight:700}.template-editor-font-picker-sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:25px;font-style:normal;font-weight:400;line-height:1.28;overflow:hidden}.template-editor-font-picker-empty{color:#7c8798;text-align:center;place-items:center;min-height:110px;padding:18px;font-size:12px;display:grid}@media (width<=560px){.template-editor-font-picker-popup{width:calc(100vw - 16px)!important;left:8px!important}}.template-editor-quick-range-control{flex:none;align-items:center;gap:3px;display:inline-flex}.template-editor-quick-range-trigger{color:#36546d;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex:none;place-items:center;width:30px;height:32px;padding:0;display:inline-grid}.template-editor-quick-range-trigger:hover:not(:disabled),.template-editor-quick-range-trigger.active{color:#087b91;background:#e9f9fc;border-color:#93d8e6}.template-editor-quick-range-trigger:disabled{opacity:.45;cursor:not-allowed}.template-editor-quick-range-popup{z-index:10040;box-sizing:border-box;background:#fff;border:1px solid #c7d2fe;border-radius:12px;width:min(310px,100vw - 16px);padding:13px 15px 11px;position:fixed;box-shadow:0 16px 36px #0f172a33}.template-editor-quick-range-popup.is-above{transform:translateY(-100%)}.template-editor-quick-range-popup:before{content:"";background:#fff;border-top:1px solid #c7d2fe;border-left:1px solid #c7d2fe;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.template-editor-quick-range-popup.is-above:before{border:1px solid #c7d2fe;border-top:0;border-left:0;top:auto;bottom:-7px}.template-editor-quick-range-heading{color:#334155;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.template-editor-quick-range-heading strong{color:#4338ca;font-variant-numeric:tabular-nums;font-size:13px}.template-editor-quick-range-popup input[type=range]{accent-color:#4f46e5;cursor:ew-resize;width:100%;height:24px;margin:0}.template-editor-quick-range-scale{color:#94a3b8;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.template-editor-quick-range-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.template-editor-curved-quick-popup{width:min(332px,100vw - 16px)}.template-editor-curved-quick-heading{margin-bottom:12px}.template-editor-curved-quick-section{gap:8px;display:grid}.template-editor-curved-quick-section+.template-editor-curved-quick-section{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.template-editor-curved-quick-label{color:#334155;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.template-editor-curved-quick-label strong{color:#4338ca;font-variant-numeric:tabular-nums;font-size:13px}.template-editor-curved-quick-range-row{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:10px;display:grid}.template-editor-curved-quick-range-row input[type=range]{accent-color:#4f46e5;cursor:ew-resize;width:100%;height:24px;margin:0}.template-editor-curved-quick-range-row input[type=number]{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:32px;padding:0 8px;font-size:12px}.template-editor-curved-quick-side-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template-editor-curved-quick-side-button{color:#36546d;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-content:center;justify-items:center;gap:6px;min-height:58px;padding:8px 10px;display:grid}.template-editor-curved-quick-side-button:hover,.template-editor-curved-quick-side-button.active{color:#3742b8;background:#eef4ff;border-color:#93d8e6}.template-editor-curved-quick-side-button span{font-size:11px;font-weight:700;line-height:1.2}.template-editor-stroke-popup{width:min(330px,100vw - 16px)}.template-editor-stroke-color-section{border-top:1px solid #e2e8f0;gap:9px;margin-top:13px;padding-top:12px;display:grid}.template-editor-stroke-color-heading{color:#334155;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.template-editor-stroke-color-heading strong{color:#4338ca;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.template-editor-stroke-color-row{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;display:grid}.template-editor-stroke-color-swatch{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;width:40px;height:34px;display:grid;overflow:hidden}.template-editor-stroke-color-swatch input[type=color]{cursor:pointer;background:0 0;border:0;width:48px;height:42px;padding:0}.template-editor-stroke-color-row input[type=text]{box-sizing:border-box;color:#334155;text-transform:uppercase;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:34px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.template-editor-stroke-color-row input[type=text]:focus{border-color:#818cf8;outline:2px solid #6366f124}.template-editor-shape-popup{z-index:10050;box-sizing:border-box;color:#36546d;background:#fff;border:1px solid #b8dce5;border-radius:12px;width:min(284px,100vw - 16px);padding:13px;position:fixed;box-shadow:0 16px 36px #0f172a33}.template-editor-shape-popup.is-above{transform:translateY(-100%)}.template-editor-shape-popup-heading{color:#087b91;align-items:center;gap:8px;margin-bottom:10px;display:flex}.template-editor-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.template-editor-shape-grid button{color:#36546d;cursor:pointer;background:#f8fbfd;border:1px solid #d7e2ea;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:68px;padding:7px 4px;display:flex}.template-editor-shape-grid button:hover,.template-editor-shape-grid button.active{color:#087b91;background:#e9f9fc;border-color:#63c7d9}.template-editor-shape-grid svg{width:27px;height:27px}.template-editor-shape-grid span{text-align:center;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.15;overflow:hidden}.template-editor-path-popup{width:min(300px,100vw - 16px)}.template-editor-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-editor-path-grid button{min-height:82px}.template-editor-path-grid span{font-size:11px}.template-editor-shape-popup p{color:#64748b;margin:10px 2px 0;font-size:11px;line-height:1.35}.template-editor-checkbox-field{align-items:center;gap:8px;flex-direction:row!important;display:inline-flex!important}.template-editor-checkbox-field input[type=checkbox]{width:16px;height:16px}.template-editor-shape-style-tools{align-items:center;gap:8px;min-width:max-content;display:inline-flex}.template-editor-shape-style-title{color:#087b91;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;font-weight:800;overflow:hidden}.template-editor-shape-color-tool{color:#36546d;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:7px;height:32px;padding:0 7px 0 9px;font-size:11px;font-weight:700;display:inline-flex}.template-editor-shape-color-tool:hover,.template-editor-shape-color-tool:focus-within{color:#087b91;background:#f4fcfd;border-color:#93d8e6}.template-editor-shape-color-tool input[type=color]{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.template-editor-shape-style-toggle{color:#64748b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex:none;height:32px;padding:0 9px;font-size:11px;font-weight:700}.template-editor-shape-style-toggle:hover,.template-editor-shape-style-toggle.active{color:#087b91;background:#e9f9fc;border-color:#93d8e6}.template-editor-shape-stroke-width-field{grid-template-columns:minmax(110px,1fr) 76px;align-items:center;gap:9px;display:grid}.template-editor-shape-stroke-width-field input[type=range]{width:100%;min-width:110px}.template-editor-shape-stroke-width-field input[type=number]{min-width:0}.template-editor-layer-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;gap:4px;display:grid;overflow:hidden}.template-editor-layer-group.active{background:#f0f7ff;border-color:#93c5fd;box-shadow:0 0 0 2px #2563eb14}.template-editor-layer-group-header{color:#334155;cursor:pointer;outline:0;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:48px;padding:6px 8px 6px 5px;display:grid}.template-editor-layer-group-header:hover,.template-editor-layer-group-header:focus-visible{background:#eef2f7}.template-editor-layer-group.active>.template-editor-layer-group-header{color:#1d4ed8;background:#eaf3ff}.template-editor-layer-group-toggle{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.template-editor-layer-group-toggle:hover,.template-editor-layer-group-toggle:focus-visible{color:#1d4ed8;background:#dbeafe;outline:0}.template-editor-layer-group-icon{color:#475569;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.template-editor-layer-group.active .template-editor-layer-group-icon{color:#1d4ed8;background:#bfdbfe}.template-editor-layer-group-members{border-left:2px solid #cbd5e1;gap:4px;margin-left:19px;padding:0 5px 5px 13px;display:grid}.template-editor-layer-group.active .template-editor-layer-group-members{border-left-color:#60a5fa}.template-editor-layer-item.grouped-member{background:#fff;min-height:48px}.template-editor-layer-item.grouped-member.active:not(.primary){color:#1e40af;box-shadow:none;background:#f0f7ff;border-color:#bfdbfe}.template-editor-layer-item.primary{color:#1e3a8a;background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb24}.template-editor-layer-item.primary .template-editor-layer-kind{color:#1d4ed8;background:#bfdbfe}.template-editor-selected-group{background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;gap:9px;margin-bottom:12px;padding:11px;display:grid;box-shadow:0 0 0 3px #2563eb12}.template-editor-selected-group-header{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.template-editor-selected-group-header>span{color:#1d4ed8;align-items:center;gap:8px;min-width:0;display:flex}.template-editor-selected-group-header>span>span{gap:2px;min-width:0;display:grid}.template-editor-selected-group-header strong{font-size:13px}.template-editor-selected-group-header small,.template-editor-selected-group>p{color:#475569;font-size:11px;line-height:1.35}.template-editor-selected-group-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.template-editor-selected-group-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;min-height:29px;padding:0 8px;display:inline-flex}.template-editor-selected-group-actions button:not(.text-button){width:30px;padding:0}.template-editor-selected-group-actions button:hover,.template-editor-selected-group-actions button.active{color:#1d4ed8;background:#dbeafe;border-color:#60a5fa}.template-editor-selected-group-actions button:disabled{opacity:.45;cursor:not-allowed}.template-editor-selected-group-members{gap:5px;display:grid}.template-editor-selected-group-members>button{color:#334155;text-align:left;cursor:pointer;background:#ffffffd1;border:1px solid #dbeafe;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:grid}.template-editor-selected-group-members>button:hover{background:#fff;border-color:#93c5fd}.template-editor-selected-group-members>button.active{color:#1e3a8a;background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1c}.template-editor-selected-group-member-icon{color:#475569;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.template-editor-selected-group-members>button.active .template-editor-selected-group-member-icon{color:#1d4ed8;background:#bfdbfe}.template-editor-selected-group-members>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.template-editor-selected-group-members strong,.template-editor-selected-group-members small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-editor-selected-group-members strong{font-size:12px}.template-editor-selected-group-members small{color:#64748b;font-size:10px}.template-editor-selected-group-members em{color:#2563eb;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700}.template-editor-selected-group>p{margin:0}.template-editor-text-card.selected-group-member:not(.active-object),.template-editor-object-card.selected-group-member:not(.active-object){border-color:var(--object-accent,#94a3b8);background:var(--object-accent-soft,#f8fafc);box-shadow:none}.template-editor-text-card.active-object,.template-editor-object-card.active-object{border-color:var(--object-accent,#2563eb);background:var(--object-accent-soft,#eff6ff);box-shadow:0 0 0 3px var(--object-accent-shadow,#2563eb21)}.template-editor-image-action-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.template-editor-replace-image-button{grid-column:1/-1;justify-self:start;min-height:36px}.template-editor-image-action-row .template-editor-replace-image-button{grid-column:auto}.template-editor-remove-background-button{min-height:36px}.template-editor-upload-note{color:#475569;grid-column:1/-1;font-size:11px;line-height:1.45;display:block}.template-editor-mask-card-replacement{align-items:center;gap:8px;min-width:0;margin-top:4px;display:flex}.template-editor-mask-card-replace{flex:none;min-height:30px;padding-inline:9px}.template-editor-mask-card-replacement>span{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.template-editor-mask-card-replacement>span strong{font-weight:700}.template-editor-upload-status{color:#0369a1;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.template-editor-image-buffer-actions{align-items:center;display:flex}.secondary-button.compact{white-space:nowrap;border-radius:8px;min-height:30px;padding:5px 9px;font-size:11px}.template-editor-image-buffer-info{color:#475569;margin:0;font-size:10px;line-height:1.45}.template-editor-image-buffer-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:292px;padding:1px 3px 3px 1px;display:grid;overflow:auto}.template-editor-image-buffer-card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;grid-template-rows:82px auto auto;gap:6px;min-width:0;padding:7px;display:grid}.template-editor-image-buffer-preview{background-color:#e2e8f0;background-image:linear-gradient(45deg,#f8fafc 25%,#0000 25%),linear-gradient(-45deg,#f8fafc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8fafc 75%),linear-gradient(-45deg,#0000 75%,#f8fafc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:7px;justify-content:center;align-items:center;display:flex;overflow:hidden}.template-editor-image-buffer-preview img{object-fit:contain;width:100%;height:100%;display:block}.template-editor-image-buffer-meta{gap:2px;min-width:0;display:grid}.template-editor-image-buffer-meta strong,.template-editor-image-buffer-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-editor-image-buffer-meta strong{color:#1e293b;font-size:11px}.template-editor-image-buffer-meta small{color:#64748b;font-size:9px}.template-editor-image-buffer-meta em{color:#0369a1;font-size:9px;font-style:normal;font-weight:700}.template-editor-image-buffer-actions{justify-content:flex-end;gap:4px}.template-editor-image-buffer-actions button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;width:28px;height:27px;padding:0;display:inline-flex}.template-editor-image-buffer-actions button:hover:not(:disabled){color:#0e7490;background:#cffafe;border-color:#06b6d4}.template-editor-image-buffer-actions button:last-child:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.template-editor-image-buffer-actions button:disabled{opacity:.38;cursor:not-allowed}.template-editor-image-buffer-empty{color:#0891b2;cursor:pointer;text-align:left;background:#ffffffbd;border:1px dashed #67e8f9;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:92px;padding:12px;display:flex}.template-editor-image-buffer-empty span{gap:3px;display:grid}.template-editor-image-buffer-empty strong{color:#164e63;font-size:12px}.template-editor-image-buffer-empty small{color:#64748b;font-size:10px}@media (width<=1280px){.template-editor-image-buffer-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}.nav-item-group{gap:5px;display:grid}.image-library-section{gap:16px;display:grid}.image-library-toolbar{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 5px 20px #1e293b08}.image-library-filters{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:end;gap:12px;padding:14px 16px;display:flex}.image-library-search{max-width:none;min-height:42px}.image-library-status-filter{color:#596174;gap:6px;min-width:190px;font-size:11px;font-weight:800;display:grid}.image-library-status-filter select{color:#343c4f;background:#fff;border:1px solid #d8dde7;border-radius:8px;outline:0;width:100%;padding:10px 11px}.image-category-list{gap:12px;display:grid}.image-category-card{--image-category-accent:#64748b;border:1px solid var(--border);background:#fff;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 4px 16px #1e293b08}.image-category-card[data-accent=blue]{--image-category-accent:#2563eb}.image-category-card[data-accent=cyan]{--image-category-accent:#06b6d4}.image-category-card[data-accent=magenta]{--image-category-accent:#ec0a67}.image-category-card[data-accent=black]{--image-category-accent:#111827}.image-category-card[data-accent=amber]{--image-category-accent:#f59e0b}.image-category-card[data-accent=green]{--image-category-accent:#22c55e}.image-category-card[data-accent=violet]{--image-category-accent:#6d28d9}.image-category-card[data-accent=red]{--image-category-accent:#ef4444}.image-category-card[data-accent=slate]{--image-category-accent:#64748b}.image-category-card.status-archived{opacity:.82}.image-category-accent{background:var(--image-category-accent);height:4px}.image-category-header{align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.image-category-toggle{color:#596174;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:6px;display:flex}.image-category-toggle>span{min-width:0}.image-category-toggle strong,.image-category-toggle small{display:block}.image-category-toggle strong{color:#283044;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.image-category-toggle small{color:var(--muted);margin-top:4px;font-size:10px}.image-category-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.image-upload-button{cursor:pointer;position:relative}.image-upload-button input{display:none}.image-upload-button.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.icon-button.small{width:31px;height:31px;margin-left:0}.icon-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.image-category-body{background:#fafbfc;border-top:1px solid #edf0f4;padding:16px}.image-asset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px;display:grid}.image-asset-card{background:#fff;border:1px solid #dfe4ec;border-radius:11px;grid-template-rows:150px auto auto;min-width:0;display:grid;overflow:hidden;box-shadow:0 3px 10px #1e293b08}.image-asset-card.status-inactive{opacity:.72}.image-asset-card.status-archived{opacity:.76;border-style:dashed}.image-asset-preview{object-fit:contain;background:#f2f4f8;width:100%;height:150px;display:block}.image-asset-preview.placeholder{color:#9098a8;align-content:center;place-items:center;gap:6px;display:grid}.image-asset-preview.placeholder small{font-size:10px}.image-asset-card-body{min-width:0;padding:11px 12px 8px}.image-asset-card-body strong,.image-asset-card-body small{display:block}.image-asset-card-body strong{color:#30384a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.image-asset-card-body small{color:var(--muted);margin-top:5px;font-size:10px}.image-asset-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.image-asset-tags span{color:#4b56b8;text-overflow:ellipsis;white-space:nowrap;background:#eff1ff;border-radius:99px;max-width:100%;padding:3px 6px;font-size:9px;font-weight:800;overflow:hidden}.image-asset-card-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:5px;padding:8px 10px 10px;display:flex}.image-category-empty{color:#8992a4;background:#fff;border:1px dashed #d8dde7;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:112px;display:flex}.image-category-empty strong,.image-category-empty small{display:block}.image-category-empty strong{color:#50596c;font-size:12px}.image-category-empty small{margin-top:4px;font-size:10px}.image-upload-progress{background:#f8f8ff;border:1px solid #cfd5ff;border-radius:13px;gap:10px;padding:14px 16px;display:grid;box-shadow:0 4px 14px #5c68e810}.image-upload-progress-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-upload-progress-header strong,.image-upload-progress-header small{display:block}.image-upload-progress-header strong{color:#354061;font-size:12px}.image-upload-progress-header small{color:var(--muted);margin-top:3px;font-size:10px}.image-upload-task-list{gap:5px;max-height:190px;display:grid;overflow-y:auto}.image-upload-task{background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 9px;font-size:10px;display:grid}.image-upload-task>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-upload-task small{max-width:340px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-upload-task.error small{color:var(--danger)}.upload-task-dot{background:#cbd1dc;border-radius:50%;width:9px;height:9px}.upload-task-dot.success{background:var(--success)}.upload-task-dot.error{background:var(--danger)}.image-library-modal{width:min(700px,100%)}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.image-asset-metadata{color:#5e6779;background:#f6f7fa;border-radius:9px;gap:7px;padding:12px 13px;font-size:11px;display:grid}.image-asset-metadata strong{color:#343c4f}@media (width<=1050px){.image-category-header{flex-direction:column;align-items:flex-start}.image-category-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;padding-left:4px}}@media (width<=760px){.image-library-filters{flex-direction:column;align-items:stretch}.image-library-status-filter{min-width:0}.image-category-actions .secondary-button.compact{flex:1}.image-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-asset-card{grid-template-rows:120px auto auto}.image-asset-preview{height:120px}.two-columns{grid-template-columns:1fr}.image-upload-task{grid-template-columns:auto minmax(0,1fr)}.image-upload-task small{grid-column:2;max-width:none}}@media (width<=460px){.image-asset-grid{grid-template-columns:1fr}}.color-palettes-section{gap:16px;display:grid}.color-palettes-toolbar{overflow:hidden}.color-palettes-filters .search-box{max-width:none}.color-palette-list{gap:12px;display:grid}.color-palette-card{--palette-accent:#5c68e8;border:1px solid var(--border);background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 4px 16px #1e293b08}.color-palette-card.status-archived{opacity:.8}.color-palette-accent{background:var(--palette-accent);height:4px}.color-palette-header{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:16px;min-height:66px;padding:12px 15px;display:grid}.color-palette-heading{min-width:0;color:var(--palette-accent);align-items:center;gap:10px;display:flex}.color-palette-heading>div{min-width:0}.color-palette-heading strong,.color-palette-heading small{display:block}.color-palette-heading strong{color:#283044;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.color-palette-heading small{color:var(--muted);margin-top:4px;font-size:10px}.color-palette-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.color-palette-meta>span:not(.status-pill){color:#657087;background:#f2f4f7;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.color-palette-actions{align-items:center;gap:5px;display:flex}.color-palette-swatches{flex-wrap:wrap;gap:8px 13px;padding:14px 16px;display:flex}.color-palette-swatch-item{align-items:center;gap:8px;min-width:130px;display:flex}.color-palette-swatch{border:1px solid #d8dde7;border-radius:50%;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #fff8}.color-palette-swatch-item>span:last-child{min-width:0}.color-palette-swatch-item strong,.color-palette-swatch-item small{display:block}.color-palette-swatch-item strong{color:#343c4f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.color-palette-swatch-item small{color:var(--muted);margin-top:2px;font-size:8px}.color-palette-notes{color:#747d8f;white-space:pre-wrap;border-top:1px solid #f0f2f5;padding:9px 16px 12px;font-size:10px}.color-palette-empty{color:#8a93a5;align-content:center;place-items:center;gap:7px;min-height:230px;display:grid}.color-palette-empty strong{color:#4b5567}.color-palette-empty small{font-size:11px}.color-palette-modal{width:min(1040px,100%)}.color-hex-field{grid-template-columns:44px minmax(0,1fr);gap:7px;display:grid}.color-hex-field input[type=color]{cursor:pointer;width:44px;height:39px;padding:3px}.color-palette-store-picker{margin-top:-8px}.color-list-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-editor-list{gap:9px;display:grid}.color-editor-row{background:#fafbfc;border:1px solid #e1e5ed;border-radius:10px;grid-template-columns:auto minmax(150px,1.1fr) minmax(180px,1fr) minmax(150px,1fr) auto;align-items:end;gap:10px;padding:11px;display:grid}.color-editor-order{align-self:center;gap:4px;display:grid}.color-editor-delete{margin-bottom:2px}.template-color-palette-picker{gap:12px;display:grid}.template-color-palette-preview{gap:8px;display:grid}.template-color-palette-preview>div{background:#fafbfc;border:1px solid #e2e6ed;border-radius:9px;grid-template-columns:minmax(130px,220px) 1fr;align-items:center;gap:12px;padding:9px 11px;display:grid}.template-color-palette-preview strong{color:#394255;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-color-palette-preview>div>div{flex-wrap:wrap;gap:5px;display:flex}.template-color-palette-preview span{border:1px solid #d4d9e2;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #fff8}@media (width<=900px){.color-palette-header{grid-template-columns:1fr auto}.color-palette-meta{grid-area:2/1/auto/-1;justify-content:flex-start}.color-editor-row{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto}.color-editor-row .field:nth-of-type(3){grid-column:2/4}}@media (width<=700px){.color-palettes-filters{flex-direction:column}.color-palette-header{grid-template-columns:1fr auto;gap:8px}.color-palette-meta{grid-column:1/-1}.color-editor-row{grid-template-columns:auto minmax(0,1fr) auto}.color-editor-row .field{grid-column:2}.color-editor-delete{grid-area:1/3;align-self:start}.template-color-palette-preview>div{grid-template-columns:1fr;gap:7px}}.template-editor-body{padding-left:56px;position:relative}.template-editor-resource-rail{z-index:13;background:#fff;border-right:1px solid #dbe3ef;flex-direction:column;align-items:stretch;width:56px;padding:10px 6px;display:flex;position:absolute;inset:0 auto 0 0;box-shadow:2px 0 8px #0f172a09}.template-editor-resource-rail>button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;gap:3px;min-width:0;min-height:52px;padding:6px 2px;display:grid}.template-editor-resource-rail>button span{text-overflow:ellipsis;white-space:nowrap;max-width:46px;font-size:9px;font-weight:800;line-height:1.05;overflow:hidden}.template-editor-resource-rail>button:hover,.template-editor-resource-rail>button.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.template-editor-resource-drawer{z-index:12;opacity:0;pointer-events:none;background:#fff;border-right:1px solid #d9e1ed;grid-template-rows:auto auto minmax(0,1fr);width:clamp(310px,25vw,390px);min-width:0;transition:transform .2s,opacity .16s;display:grid;position:absolute;inset:0 auto 0 56px;overflow:hidden;transform:translate(calc(-100% - 8px));box-shadow:14px 0 32px #0f172a29}.template-editor-resource-drawer.open{opacity:1;pointer-events:auto;transform:translate(0)}.template-editor-resource-drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 13px;display:flex}.template-editor-resource-drawer-header h3{color:#172033;margin:2px 0 0;font-size:20px}.template-editor-resource-toolbar{background:#fbfcff;border-bottom:1px solid #e2e8f0;gap:9px;padding:12px 14px;display:grid}.template-editor-resource-search{color:#64748b;background:#fff;border:1px solid #cfd8e6;border-radius:10px;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;display:flex}.template-editor-resource-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.template-editor-resource-search input{color:#172033;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:auto;padding:0}.template-editor-resource-search>button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:24px;height:24px;padding:0;display:grid}.template-editor-resource-search>button:hover{color:#334155;background:#eef2f7}.template-editor-resource-filter-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0;display:grid}.template-editor-resource-filter-row select{color:#334155;background:#fff;border:1px solid #cfd8e6;border-radius:9px;min-width:0;height:34px;padding:0 30px 0 9px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2}.template-editor-resource-upload{justify-content:center;width:100%;min-height:34px}.template-editor-local-images-toolbar{align-content:start}.template-editor-local-images-summary{color:#0e7490;background:#ecfeff;border:1px solid #bae6fd;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:flex}.template-editor-local-images-summary>span{flex:auto;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.template-editor-local-images-summary strong{color:#164e63;font-size:11px}.template-editor-local-images-summary small{color:#64748b;white-space:nowrap;font-size:10px}.template-editor-local-images-content{min-height:0}.template-editor-local-images-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding:0;overflow:visible}.template-editor-local-images-empty{min-height:220px}.template-editor-resource-replacement-hint{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9px;align-items:center;gap:7px;min-width:0;padding:7px 9px;font-size:11px;display:flex}.template-editor-resource-replacement-hint span,.template-editor-resource-replacement-hint strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-editor-resource-remove-background{justify-content:center;width:100%;min-height:34px}.template-editor-resource-content{scrollbar-width:thin;background:#f5f7fb;min-height:0;padding:12px 12px 18px;overflow-y:auto}.template-editor-resource-count{color:#64748b;margin:0 2px 9px;font-size:11px;font-weight:800}.template-editor-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.template-editor-resource-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 7px #0f172a0e}.template-editor-resource-card:hover{border-color:#a5b4fc;box-shadow:0 5px 14px #4f46e51c}.template-editor-resource-preview-button{cursor:pointer;background:#e9edf4;border:0;width:100%;padding:0;display:block;position:relative}.template-editor-resource-preview-button:disabled{cursor:wait}.template-editor-resource-thumbnail{aspect-ratio:1/.82;color:#94a3b8;place-items:center;width:100%;display:grid;overflow:hidden}.template-editor-resource-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.template-editor-resource-thumbnail.failed{background:#f1f5f9;gap:4px}.template-editor-resource-thumbnail.failed small{font-size:9px;font-weight:800}.template-editor-resource-add-badge{color:#fff;background:#1e293bd1;border:1px solid #fffc;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:7px;right:7px;box-shadow:0 3px 9px #0f172a33}.template-editor-resource-card-meta{gap:2px;min-width:0;padding:8px 9px 6px;display:grid}.template-editor-resource-card-meta strong,.template-editor-resource-card-meta small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-editor-resource-card-meta strong{color:#253047;font-size:11px}.template-editor-resource-card-meta small{color:#8490a4;font-size:9px}.template-editor-resource-replace-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:calc(100% - 16px);min-height:27px;margin:0 8px 8px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.template-editor-resource-replace-button:hover:not(:disabled){color:#0369a1;background:#f0f9ff;border-color:#7dd3fc}.template-editor-resource-replace-button:disabled{opacity:.45;cursor:not-allowed}.template-editor-resource-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:220px;padding:24px;display:flex}.template-editor-resource-state small{color:#94a3b8}.template-editor-resource-state.action{cursor:pointer;background:0 0;border:0;width:100%}.template-editor-resource-state.action:hover{color:#4f46e5}@media (width<=900px){.template-editor-body{padding-left:50px}.template-editor-resource-rail{width:50px;padding-inline:4px}.template-editor-resource-drawer{z-index:1400;width:min(370px,100% - 50px);height:100dvh;position:fixed;top:0;bottom:0;left:50px}}.composition-library-section{gap:16px;display:grid}.composition-library-toolbar{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 5px 20px #1e293b08}.composition-library-info{margin:0}.composition-library-filters{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:end;gap:12px;padding:14px 16px;display:flex}.composition-library-search{flex:auto;max-width:none;min-height:42px}.composition-library-status-filter{color:#596174;gap:6px;min-width:190px;font-size:11px;font-weight:800;display:grid}.composition-library-status-filter select{color:#343c4f;background:#fff;border:1px solid #d8dde7;border-radius:8px;outline:0;width:100%;padding:10px 11px}.composition-category-list{gap:12px;display:grid}.composition-category-card{--composition-category-accent:#64748b;border:1px solid var(--border);background:#fff;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 4px 16px #1e293b08}.composition-category-card[data-accent=blue]{--composition-category-accent:#2563eb}.composition-category-card[data-accent=cyan]{--composition-category-accent:#06b6d4}.composition-category-card[data-accent=magenta]{--composition-category-accent:#ec0a67}.composition-category-card[data-accent=black]{--composition-category-accent:#111827}.composition-category-card[data-accent=amber]{--composition-category-accent:#f59e0b}.composition-category-card[data-accent=green]{--composition-category-accent:#22c55e}.composition-category-card[data-accent=violet]{--composition-category-accent:#6d28d9}.composition-category-card[data-accent=red]{--composition-category-accent:#ef4444}.composition-category-card[data-accent=slate]{--composition-category-accent:#64748b}.composition-category-card.status-archived{opacity:.82}.composition-category-accent{background:var(--composition-category-accent);height:4px}.composition-category-header{align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.composition-category-toggle{min-width:0;color:var(--composition-category-accent);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:6px;display:flex}.composition-category-toggle>span{min-width:0}.composition-category-toggle strong,.composition-category-toggle small{display:block}.composition-category-toggle strong{color:#283044;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.composition-category-toggle small{color:var(--muted);margin-top:4px;font-size:10px}.composition-category-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.composition-category-body{background:#fafbfc;border-top:1px solid #edf0f4;padding:16px}.composition-card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px;display:grid}.composition-card{background:#fff;border:1px solid #dfe4ec;border-radius:11px;grid-template-rows:170px auto auto;min-width:0;display:grid;overflow:hidden;box-shadow:0 3px 10px #1e293b08}.composition-card.status-inactive{opacity:.72}.composition-card.status-archived{opacity:.76;border-style:dashed}.composition-preview{box-sizing:border-box;object-fit:contain;background-color:#d8dee8;background-image:linear-gradient(45deg,#ffffff3d 25%,#0000 25%),linear-gradient(-45deg,#ffffff3d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff3d 75%),linear-gradient(-45deg,#0000 75%,#ffffff3d 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;width:100%;height:170px;padding:10px 10px 14px;display:block}.composition-preview.placeholder{place-items:center;display:grid}.composition-preview.compact{padding:8px 8px 12px}.composition-card-body{min-width:0;padding:11px 12px 8px}.composition-card-body>strong,.composition-card-body>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.composition-card-body>strong{color:#30384a;font-size:12px}.composition-card-body>small{color:var(--muted);margin-top:5px;font-size:10px}.composition-card-tags,.template-editor-composition-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.composition-card-tags span,.template-editor-composition-tags span{color:#4f46e5;text-overflow:ellipsis;white-space:nowrap;background:#eef2ff;border-radius:99px;max-width:100%;padding:3px 6px;font-size:9px;font-weight:800;overflow:hidden}.composition-card-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:5px;padding:8px 10px 10px;display:flex}.composition-category-empty{color:#8992a4;background:#fff;border:1px dashed #d8dde7;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:112px;display:flex}.composition-category-empty strong,.composition-category-empty small{display:block}.composition-category-empty strong{color:#50596c;font-size:12px}.composition-category-empty small{margin-top:4px;font-size:10px}.composition-library-modal{width:min(760px,100%)}.composition-modal-preview{background:#dde4ed;border:1px solid #dde3ed;border-radius:12px;place-items:center;min-height:210px;display:grid;overflow:hidden}.composition-modal-preview .composition-preview{height:220px}.composition-metadata{color:#5e6779;background:#f5f7fa;border-radius:10px;flex-wrap:wrap;gap:8px;padding:11px 12px;font-size:10px;display:flex}.composition-metadata span{background:#fff;border-radius:7px;padding:5px 7px}.composition-metadata strong{color:#343c4f}.template-editor-composition-save-button{justify-content:center;width:100%;min-height:36px}.template-editor-composition-hint,.template-editor-composition-save-info{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;padding:8px 10px;font-size:10px;line-height:1.45}.template-editor-composition-save-info.auto-image-import{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.template-editor-composition-save-error{margin:0;display:block}.template-editor-composition-grid{grid-template-columns:1fr}.template-editor-composition-card .template-editor-resource-thumbnail{aspect-ratio:1.45;box-sizing:border-box;background-color:#d8dee8;background-image:linear-gradient(45deg,#ffffff3d 25%,#0000 25%),linear-gradient(-45deg,#ffffff3d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff3d 75%),linear-gradient(-45deg,#0000 75%,#ffffff3d 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;padding:16px 16px 22px}.template-editor-composition-card .template-editor-resource-thumbnail img{object-fit:contain}.template-editor-composition-card .template-editor-composition-tags{margin:0 9px 9px}.template-editor-composition-save-backdrop{z-index:1700}.template-editor-composition-save-modal{width:min(680px,100vw - 32px)}.template-editor-composition-save-body{gap:15px;display:grid}.template-editor-composition-save-preview{background:#f5f7fb;border:1px solid #dce3ee;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.template-editor-composition-save-preview>img{object-fit:contain;background:#fff;width:100%;height:240px;display:block}.template-editor-composition-save-preview>div{color:#4f46e5;text-align:center;border-left:1px solid #dce3ee;place-content:center;justify-items:center;gap:5px;min-width:130px;padding:15px;display:grid}.template-editor-composition-save-preview strong,.template-editor-composition-save-preview small{display:block}.template-editor-composition-save-preview strong{color:#27324a;font-size:12px}.template-editor-composition-save-preview small{color:#768196;font-size:10px}.template-editor-composition-save-state{color:#64748b;justify-content:center;align-items:center;gap:9px;min-height:170px;display:flex}@media (width<=760px){.composition-library-filters{flex-direction:column;align-items:stretch}.composition-library-status-filter{min-width:0}.composition-category-header{flex-direction:column;align-items:flex-start}.composition-category-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.composition-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-editor-composition-save-preview{grid-template-columns:1fr}.template-editor-composition-save-preview>div{border-top:1px solid #dce3ee;border-left:0;min-width:0}}@media (width<=500px){.composition-card-grid{grid-template-columns:1fr}}.danger-button{background:var(--danger);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 5px 14px #c23b4c30}.danger-button:hover{background:#aa3040}.danger-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.template-category-delete-modal{width:min(700px,100%)}.template-category-delete-heading{align-items:flex-start;gap:12px;display:flex}.template-category-delete-icon{width:42px;height:42px;color:var(--danger);background:#fff0f2;border-radius:12px;flex:none;place-items:center;display:grid}.template-category-delete-intro{color:#596174;margin:0;font-size:13px;line-height:1.55}.template-category-delete-options{gap:10px;display:grid}.template-category-delete-option{cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:flex-start;gap:11px;padding:14px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.template-category-delete-option:hover{background:#fbfbff;border-color:#bfc5ed}.template-category-delete-option.selected{background:#f5f6ff;border-color:#8f98ed;box-shadow:0 0 0 3px #5c68e812}.template-category-delete-option.danger:hover{background:#fffafb;border-color:#e3a7af}.template-category-delete-option.danger.selected{background:#fff4f5;border-color:#d36d7a;box-shadow:0 0 0 3px #c23b4c12}.template-category-delete-option.disabled{opacity:.58;cursor:not-allowed}.template-category-delete-option input{width:auto;accent-color:var(--accent);margin:5px 0 0}.template-category-delete-option.danger input{accent-color:var(--danger)}.template-category-delete-option-icon{width:34px;height:34px;color:var(--accent);background:#eef0ff;border-radius:9px;place-items:center;display:grid}.template-category-delete-option.danger .template-category-delete-option-icon{color:var(--danger);background:#fff0f2}.template-category-delete-option strong,.template-category-delete-option small{display:block}.template-category-delete-option strong{color:#263044;font-size:13px}.template-category-delete-option small{color:#6f788a;margin-top:4px;font-size:11px;font-weight:500;line-height:1.45}.template-category-delete-summary{color:#657087;background:#f8f9fc;border:1px solid #dfe3ed;border-radius:11px;gap:5px;padding:13px 14px;font-size:11px;line-height:1.45;display:grid}.template-category-delete-summary strong{color:#303a4e;font-size:12px}.template-category-delete-summary.danger{color:#86505a;background:#fff8f9;border-color:#efd0d5}.template-category-delete-summary.danger strong{color:#8f2d3a}.template-category-delete-confirmation{color:#8f2d3a;cursor:pointer;background:#fff3f5;border:1px solid #e8b7bd;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 13px;font-size:12px;font-weight:750;display:flex}.template-category-delete-confirmation input{width:auto;accent-color:var(--danger);margin:2px 0 0}.template-category-delete-import-warning{color:#89620c;background:#fff8e8;border-radius:10px;padding:11px 13px;font-size:11px;line-height:1.45}@media (width<=760px){.template-category-delete-option{grid-template-columns:auto minmax(0,1fr)}.template-category-delete-option input{grid-row:1}.template-category-delete-option-icon{display:none}.template-category-delete-modal .modal-footer{grid-template-columns:1fr;display:grid}.template-category-delete-modal .modal-footer button{width:100%}}.template-browser-summary>div:last-child{flex-wrap:wrap;justify-content:flex-end}.danger-button.compact{min-height:32px;padding:8px 11px;font-size:11px}.template-delete-selected{white-space:nowrap}@media (width<=760px){.template-browser-summary>div:last-child{justify-content:stretch}.template-delete-selected{grid-column:1/-1}}.template-resource-access-fields{gap:12px;display:grid}.template-resource-access-row,.template-resource-upload-toggle,.template-category-resource-summary,.template-category-resource-apply-mode label{border:1px solid var(--border-color,#dfe4ec);background:#f8fafc;border-radius:12px}.template-resource-access-row>header{grid-template-columns:auto minmax(0,1fr) minmax(210px,260px);align-items:center;gap:12px;padding:14px;display:grid}.template-resource-access-row>header>div,.template-resource-upload-toggle>span:nth-child(2),.template-category-resource-summary>div,.template-category-resource-apply-mode label>span{gap:3px;min-width:0;display:grid}.template-resource-access-row small,.template-resource-upload-toggle small,.template-category-resource-summary small,.template-category-resource-apply-mode small{color:var(--muted,#667085);line-height:1.35}.template-resource-access-icon{color:#4f5fd5;background:#edf2ff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.template-resource-access-picker{gap:9px;padding:0 14px 14px;display:grid}.template-resource-access-search{align-items:center;gap:10px;display:flex}.template-resource-access-search input{flex:1}.template-resource-access-search span{white-space:nowrap;color:var(--muted,#667085);font-size:12px}.template-resource-access-options{border:1px solid var(--border-color,#dfe4ec);background:#fff;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px;max-height:220px;padding:10px;display:grid;overflow:auto}.template-resource-access-options label{border-radius:7px;align-items:flex-start;gap:8px;padding:7px 8px;display:flex}.template-resource-access-options label:hover{background:#f2f5fb}.template-resource-access-options label.disabled{opacity:.58}.template-resource-upload-toggle{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.template-resource-upload-toggle input{width:20px;height:20px}.template-category-resource-modal{width:min(1040px,100vw - 32px)}.template-category-resource-summary{align-items:center;gap:12px;padding:14px;display:flex}.template-category-resource-summary>svg{color:#5c68e8}.template-category-resource-apply-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-category-resource-apply-mode label{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px;display:grid}.template-category-resource-apply-mode input{margin-top:3px}.template-resource-restriction-badge{color:#5c2bd9;background:#ece9ff;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:4px 7px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=760px){.template-resource-access-row>header{grid-template-columns:auto minmax(0,1fr)}.template-resource-access-row>header select{grid-column:1/-1}.template-category-resource-apply-mode{grid-template-columns:1fr}}.app-dialog-backdrop{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;place-items:center;padding:24px;animation:.16s ease-out app-dialog-backdrop-in;display:grid;position:fixed;inset:0}.app-dialog{background:#fff;border:1px solid #ffffffb8;border-radius:18px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 48px);animation:.18s ease-out app-dialog-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #0f172a57}.app-dialog-header{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#fbfcff);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:22px 22px 18px;display:grid;position:relative}.app-dialog-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.app-dialog-warning .app-dialog-icon{color:#a96c0e;background:#fff4dc}.app-dialog-danger .app-dialog-icon{color:var(--danger);background:#fff0f2}.app-dialog-heading{min-width:0}.app-dialog-heading h2{color:#1f2937;overflow-wrap:anywhere;margin:5px 0 0;font-size:20px;line-height:1.3}.app-dialog-close{margin:-3px -3px 0 0}.app-dialog-body{gap:18px;padding:22px;display:grid;overflow-y:auto}.app-dialog-message{color:#4b5563;white-space:pre-line;font-size:14px;line-height:1.65}.app-dialog-message strong{color:#1f2937}.app-dialog-field{color:#41495b;gap:8px;font-size:12px;font-weight:700;display:grid}.app-dialog-field input{box-sizing:border-box;color:#1f2937;width:100%;font:inherit;background:#fff;border:1px solid #d8dde7;border-radius:10px;outline:0;padding:11px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.app-dialog-field input:focus{border-color:#8a92ef;box-shadow:0 0 0 3px #5c68e812}.app-dialog-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #c23b4c1a}.app-dialog-field small{color:var(--muted);justify-self:end;font-weight:500}.app-dialog-validation{color:var(--danger);font-size:12px;font-weight:700}.app-dialog-footer{border-top:1px solid var(--border);background:#fafbfc;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.app-dialog-footer .secondary-button,.app-dialog-footer .primary-button,.app-dialog-footer .danger-button{min-width:120px}@keyframes app-dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.app-dialog-backdrop{align-items:end;padding:14px}.app-dialog{border-radius:18px;width:100%;max-height:calc(100vh - 28px)}.app-dialog-header{padding:18px 18px 15px}.app-dialog-icon{border-radius:12px;width:42px;height:42px}.app-dialog-heading h2{font-size:18px}.app-dialog-body{padding:18px}.app-dialog-footer{flex-direction:column-reverse;padding:14px 18px}.app-dialog-footer .secondary-button,.app-dialog-footer .primary-button,.app-dialog-footer .danger-button{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.app-dialog-backdrop,.app-dialog{animation:none}}.editor-tester-section{gap:18px;display:grid}.editor-tester-heading h2{align-items:center;gap:9px;display:flex}.editor-tester-status-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.editor-tester-status-badges>span{border:1px solid var(--border);color:#657087;background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.editor-tester-status-badges .editor-tester-safe-badge{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.editor-tester-layout{grid-template-columns:285px minmax(520px,1fr) 320px;align-items:stretch;gap:14px;min-height:calc(100vh - 190px);display:grid}.editor-tester-layout>.panel{min-width:0;margin:0;padding:16px}.editor-tester-settings,.editor-tester-checklist{align-content:start;overflow:auto}.editor-tester-settings{gap:12px;display:grid}.editor-tester-settings .panel-heading,.editor-tester-checklist .panel-heading{margin-bottom:0}.editor-tester-device-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.editor-tester-device-grid button{border:1px solid var(--border);color:#4b5565;cursor:pointer;text-align:left;background:#fff;border-radius:9px;align-items:center;gap:8px;min-width:0;min-height:54px;padding:9px;font-size:10px;font-weight:800;line-height:1.3;display:flex}.editor-tester-device-grid button:hover{background:#f8f8ff;border-color:#a8b0ef}.editor-tester-device-grid button.active{color:#3730a3;background:#eef2ff;border-color:#818cf8;box-shadow:0 0 0 3px #6366f115}.editor-tester-device-grid button svg{flex:none}.editor-tester-custom-size{gap:8px}.editor-tester-setting-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.editor-tester-setting-actions .secondary-button{justify-content:center;min-width:0;padding-inline:8px;font-size:10px}.editor-tester-setting-actions .secondary-button:last-child{grid-column:1/-1}.editor-tester-info{margin:0;font-size:10px;line-height:1.5}.editor-tester-preview-panel{grid-template-rows:auto minmax(0,1fr);min-height:640px;display:grid;overflow:hidden;padding:0!important}.editor-tester-preview-toolbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.editor-tester-preview-toolbar>div:first-child{gap:3px;min-width:0;display:grid}.editor-tester-preview-toolbar strong{color:#30384a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.editor-tester-preview-toolbar small{color:var(--muted);font-size:10px}.editor-tester-preview-toolbar>div:last-child{align-items:center;gap:7px;display:flex}.editor-tester-fit-toggle{color:#5d6678;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.editor-tester-fit-toggle input{width:15px;height:15px;accent-color:var(--accent)}.editor-tester-scale{width:90px}.editor-tester-stage{background:#fff;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.editor-tester-stage:fullscreen{width:100vw;height:100vh}.editor-tester-device{transform-origin:50%;box-shadow:none;background:#fff;border:0;border-radius:0;flex:none;position:absolute;overflow:hidden}.editor-tester-device-header{z-index:4;color:#fff;pointer-events:none;background:#111827;border-radius:0 0 9px 9px;justify-content:space-between;align-items:center;width:min(220px,55%);height:22px;padding:0 9px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.editor-tester-device-header strong{letter-spacing:.14em;font-size:8px}.editor-tester-device-header span{background:#4ade80;border-radius:50%;width:6px;height:6px}.editor-tester-device iframe{background:#fff;border:0;width:100%;height:100%;display:block}.editor-tester-empty{color:#657087;text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.editor-tester-empty strong{color:#30384a;font-size:15px}.editor-tester-empty span{font-size:11px}.editor-tester-checklist{grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;display:grid}.editor-tester-progress{background:#e8ebf2;border-radius:99px;height:7px;overflow:hidden}.editor-tester-progress span{border-radius:inherit;background:#22c55e;height:100%;transition:width .2s;display:block}.editor-tester-checklist-list{align-content:start;gap:8px;display:grid}.editor-tester-check-item{border:1px solid var(--border);background:#fff;border-radius:9px;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px;display:grid}.editor-tester-check-item>div{color:#8b94a6;place-items:center;width:20px;height:20px;display:grid}.editor-tester-check-item.status-passed{background:#f0fdf4;border-color:#bbf7d0}.editor-tester-check-item.status-passed>div{color:#16a34a}.editor-tester-check-item.status-failed{background:#fff1f2;border-color:#fecdd3}.editor-tester-check-item.status-failed>div{color:#e11d48}.editor-tester-check-dot{background:#cbd1dc;border-radius:50%;width:9px;height:9px}.editor-tester-check-item label{gap:4px;min-width:0;display:grid}.editor-tester-check-item strong{color:#30384a;font-size:11px}.editor-tester-check-item small{color:#6b7384;font-size:9px;line-height:1.4}.editor-tester-check-item select{min-height:31px;padding:5px 7px;font-size:10px}.editor-tester-notes{margin-top:2px}.editor-tester-notes textarea{resize:vertical;min-height:92px}.editor-tester-runtime{background:#fff;width:100vw;height:100dvh;min-height:0;overflow:hidden}.template-editor-modal.test-mode{box-sizing:border-box;position:relative}.template-editor-test-banner{z-index:20;color:#755407;pointer-events:none;background:#fff7d6ee;border:1px solid #f6c453;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:min(560px,100% - 150px);min-height:24px;padding:4px 9px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #4b39051f}.template-editor-test-banner>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.template-editor-test-banner strong{letter-spacing:.08em}.template-editor-backdrop.test-mode{background:#fff}@media (width<=1450px){.editor-tester-layout{grid-template-columns:260px minmax(470px,1fr) 285px}}@media (width<=1180px){.editor-tester-layout{grid-template-columns:260px minmax(0,1fr)}.editor-tester-checklist{grid-column:1/-1;max-height:none}.editor-tester-checklist-list{grid-template-columns:1fr 1fr}}@media (width<=820px){.editor-tester-layout{grid-template-columns:1fr;min-height:auto;display:grid}.editor-tester-settings,.editor-tester-checklist{overflow:visible}.editor-tester-preview-panel{min-height:620px}.editor-tester-checklist{grid-column:auto}.editor-tester-checklist-list{grid-template-columns:1fr}.editor-tester-heading{align-items:flex-start}.editor-tester-status-badges{justify-content:flex-start}}@media (width<=560px){.editor-tester-device-grid{grid-template-columns:1fr}.editor-tester-preview-toolbar{flex-direction:column;align-items:flex-start}.editor-tester-preview-toolbar>div:last-child{justify-content:flex-end;width:100%}.editor-tester-preview-panel{min-height:560px}.template-editor-test-banner{justify-content:center}.template-editor-test-banner>span:last-child{display:none}}.template-editor-modal.test-mode .template-editor-page-actions,.template-editor-modal.test-mode .template-editor-pages-add,.template-editor-modal.test-mode .template-editor-page-duplicate-active{display:none}.template-card-footer>div{grid-template-columns:repeat(5,minmax(0,1fr))}.template-personalization-badge{color:#08795f;background:#e9f7f2;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:700;display:inline-flex}.template-personalization-badge.empty{color:#788195;background:#f3f4f6}.template-card-footer .personalization-button{color:#5b4ee5}.template-personalization-backdrop{z-index:130;padding:14px}.template-personalization-modal{background:#fff;border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1540px,100vw - 28px);height:min(940px,100dvh - 28px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0006}.template-personalization-header{padding:18px 22px}.template-personalization-header h2{font-size:20px}.template-personalization-header p{color:var(--muted);margin:6px 0 0;font-size:12px}.template-personalization-header-actions{align-items:center;gap:8px;display:flex}.template-personalization-header-actions .secondary-button{white-space:nowrap}.template-personalization-page-tabs{border-bottom:1px solid var(--border);background:#fafbfe;align-items:center;gap:7px;min-height:46px;padding:8px 18px;display:flex;overflow-x:auto}.template-personalization-page-tabs>button{border:1px solid var(--border);color:#5a6273;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700}.template-personalization-page-tabs>button.active{color:#4f46e5;background:#f1f2ff;border-color:#a8afff}.template-personalization-page-tabs>span{color:var(--muted);font-size:12px}.template-personalization-body{grid-template-columns:minmax(360px,.92fr) minmax(560px,1.28fr);min-height:0;display:grid}.template-personalization-preview-panel,.template-personalization-config-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.template-personalization-preview-panel{border-right:1px solid var(--border);background:#f8f9fc;padding:16px}.template-personalization-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.template-personalization-panel-heading>div{gap:3px;display:grid}.template-personalization-panel-heading strong{color:#263044;font-size:13px}.template-personalization-panel-heading small{color:var(--muted);font-size:11px}.template-personalization-panel-heading>span{border:1px solid var(--border);color:#667085;background:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.template-personalization-preview{border:1px solid var(--border);background-image:linear-gradient(45deg,#e9edf4 25%,#0000 25%),linear-gradient(-45deg,#e9edf4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9edf4 75%),linear-gradient(-45deg,#0000 75%,#e9edf4 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;border-radius:14px;flex:1;min-height:0;position:relative;overflow:hidden}.template-personalization-preview iframe{background:0 0;border:0;width:100%;height:100%;min-height:420px;display:block}.template-personalization-loading,.template-personalization-error,.template-personalization-empty{text-align:center;color:#768094;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:24px;display:flex}.template-personalization-loading{z-index:2;background:#f8f9fce8;position:absolute;inset:0}.template-personalization-error strong,.template-personalization-empty strong{color:#384255}.template-personalization-error span,.template-personalization-empty span{max-width:420px;font-size:12px}.template-personalization-warning,.template-personalization-inline-note{color:#745817;background:#fff9e8;border:1px solid #f1d38b;border-radius:9px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 11px;font-size:11px;line-height:1.45;display:flex}.template-personalization-config-panel{background:#fff}.template-personalization-kind-tabs{border-bottom:1px solid var(--border);background:#fafbfe;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;display:grid}.template-personalization-kind-tabs>button{border:1px solid var(--border);color:#5d6678;min-width:0;font:inherit;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:750;display:grid}.template-personalization-kind-tabs>button.active{color:#4f46e5;background:#f1f2ff;border-color:#aeb3ff}.template-personalization-kind-tabs small{color:#727b8e;background:#f0f2f6;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;display:inline-grid}.template-personalization-workspace{flex:1;grid-template-columns:minmax(210px,260px) minmax(0,1fr);min-height:0;display:grid}.template-personalization-element-list{border-right:1px solid var(--border);background:#fbfcfe;min-height:0;padding:10px;overflow-y:auto}.template-personalization-element-list>button{border:1px solid var(--border);text-align:left;color:#3e475a;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;width:100%;min-width:0;margin-bottom:7px;padding:10px 30px 10px 10px;display:grid;position:relative}.template-personalization-element-list>button.active{border-color:#9da5ff;box-shadow:0 0 0 2px #e9eaff}.template-personalization-element-list>button>span{grid-column:1/-1;align-items:center;gap:7px;min-width:0;display:flex}.template-personalization-element-list>button strong,.template-personalization-element-list>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-personalization-element-list>button strong{font-size:12px}.template-personalization-element-list>button small{color:#838b9b;font-size:10px}.template-personalization-element-list>button em{color:#1b8d70;text-transform:uppercase;letter-spacing:.03em;font-size:9px;font-style:normal;font-weight:800}.template-personalization-element-list>button>svg:last-child{color:#9aa3b2;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.template-personalization-settings{min-width:0;min-height:0;padding:16px 18px 24px;overflow-y:auto}.template-personalization-settings-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.template-personalization-settings-title>div{align-items:center;gap:10px;min-width:0;display:flex}.template-personalization-settings-title>div>span{color:#5149dc;background:#f0f1ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.template-personalization-settings-title>div>div{gap:3px;min-width:0;display:grid}.template-personalization-settings-title strong{text-overflow:ellipsis;white-space:nowrap;color:#273044;overflow:hidden}.template-personalization-settings-title small{text-overflow:ellipsis;white-space:nowrap;color:#9098a8;font-size:10px;overflow:hidden}.template-personalization-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.template-personalization-toggle-grid.compact{grid-template-columns:1fr;margin:10px 0}.template-personalization-toggle-grid label{border:1px solid var(--border);cursor:pointer;background:#fbfcfe;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:11px;display:grid}.template-personalization-toggle-grid input,.template-personalization-filter-options input,.template-personalization-font-picker input[type=checkbox]{width:auto;accent-color:var(--accent);margin-top:2px}.template-personalization-toggle-grid span{gap:2px;display:grid}.template-personalization-toggle-grid strong{color:#354056;font-size:11px}.template-personalization-toggle-grid small{color:#838b9b;font-size:10px;line-height:1.35}.template-personalization-basic-fields{grid-template-columns:1fr}.template-personalization-section-stack{gap:10px;display:grid}.template-personalization-section-stack .section-heading{margin-top:5px}.template-personalization-default-font{color:#4e48cf;background:#f5f5ff;border:1px solid #cfd3ff;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.template-personalization-default-font>span{gap:2px;display:grid}.template-personalization-default-font small{color:#777e91;font-size:10px}.template-personalization-align-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.template-personalization-align-options label{border:1px solid var(--border);color:#626c7e;cursor:pointer;background:#fbfcfe;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:40px;padding:8px 9px;font-size:10px;font-weight:750;display:flex}.template-personalization-align-options label.selected{color:#4e48cf;background:#f3f3ff;border-color:#b7b9ff}.template-personalization-align-options input{width:auto;accent-color:var(--accent)}.template-personalization-font-source{gap:8px;display:grid}.template-personalization-font-source-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.template-personalization-font-source-actions>div{gap:2px;min-width:0;display:grid}.template-personalization-font-source-actions strong{color:#354056;font-size:11px}.template-personalization-font-source-actions small{color:#838b9b;font-size:10px;line-height:1.35}.template-personalization-font-source-actions .secondary-button{white-space:nowrap;flex:none}.template-personalization-selected-font-set{color:#5149dc;background:#f7f7ff;border:1px solid #cfd3ff;border-radius:9px;align-items:flex-start;gap:9px;padding:10px 11px;display:flex}.template-personalization-selected-font-set>div{gap:2px;min-width:0;display:grid}.template-personalization-selected-font-set strong{color:#3f3aaf;font-size:11px}.template-personalization-selected-font-set small{color:#777e91;font-size:10px;line-height:1.35}.template-personalization-font-picker{gap:8px;display:grid}.template-personalization-font-picker>input{width:100%}.template-personalization-font-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:230px;padding:3px;display:grid;overflow-y:auto}.template-personalization-font-picker label{border:1px solid var(--border);cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 9px;display:grid}.template-personalization-font-picker label.default{background:#f5f5ff;border-color:#d8d9ff}.template-personalization-font-picker label>span{gap:2px;min-width:0;display:grid}.template-personalization-font-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.template-personalization-font-picker small{color:#8b93a3;font:10px/1.2 system-ui,sans-serif}.template-personalization-filter-options{flex-wrap:wrap;gap:7px;display:flex}.template-personalization-filter-options label{border:1px solid var(--border);color:#475166;background:#fbfcfe;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.template-personalization-preview-only{color:#116c58;background:#effaf6;border:1px solid #b6e7d8;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.template-personalization-preview-only>div{gap:3px;display:grid}.template-personalization-preview-only span{color:#58746b;font-size:11px;line-height:1.45}.template-personalization-footer{justify-content:space-between;align-items:center;gap:14px}.template-personalization-footer>div:first-child{color:#7c8494;font-size:11px}.template-personalization-footer>div:last-child{gap:8px;display:flex}@media (width<=1120px){.template-personalization-body{grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr)}.template-personalization-workspace{grid-template-columns:210px minmax(0,1fr)}}@media (width<=860px){.template-personalization-backdrop{padding:0}.template-personalization-modal{border-radius:0;width:100vw;height:100dvh}.template-personalization-body{grid-template-columns:1fr;overflow-y:auto}.template-personalization-preview-panel{border-right:0;border-bottom:1px solid var(--border);min-height:50dvh}.template-personalization-config-panel{min-height:70dvh}.template-personalization-workspace{min-height:540px}}@media (width<=620px){.template-personalization-header{align-items:flex-start}.template-personalization-header-actions{flex-direction:column-reverse;align-items:flex-end}.template-personalization-header-actions .secondary-button{white-space:normal;max-width:190px}.template-personalization-font-source-actions{flex-direction:column;align-items:stretch}.template-personalization-font-source-actions .secondary-button{width:100%}.template-personalization-workspace{grid-template-columns:1fr}.template-personalization-element-list{border-right:0;border-bottom:1px solid var(--border);max-height:220px}.template-personalization-toggle-grid,.template-personalization-font-picker>div{grid-template-columns:1fr}.template-personalization-footer{flex-direction:column;align-items:stretch}.template-personalization-footer>div:last-child{width:100%}.template-personalization-footer button{flex:1}}.template-personalization-warning>span{flex:1}.template-personalization-warning>button{flex:none;margin-left:auto}.template-personalization-modal{grid-template-rows:auto auto auto minmax(0,1fr) auto}.template-personalization-locale-bar{border-bottom:1px solid var(--border);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 14px;min-height:54px;padding:8px 18px;display:grid}.template-personalization-locale-bar>label{color:#5f6879;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.template-personalization-locale-bar>label select{min-width:180px;padding:7px 28px 7px 9px}.template-personalization-locale-tabs{gap:6px;min-width:0;display:flex;overflow-x:auto}.template-personalization-locale-tabs button{border:1px solid var(--border);color:#687184;font:inherit;cursor:pointer;background:#fafbfe;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:800}.template-personalization-locale-tabs button.active{color:#4f46e5;background:#f0f1ff;border-color:#aeb3ff}.template-personalization-locale-bar>small{color:#8a92a2;grid-column:1/-1;font-size:10px}.template-personalization-settings .field>small{color:#8a92a2;margin-top:5px;font-size:10px;line-height:1.35;display:block}.template-category-translation-modal{grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100vw - 32px);max-height:min(880px,100dvh - 32px);display:grid;overflow:hidden}.template-category-translation-body{gap:16px;padding:18px 22px 22px;display:grid;overflow-y:auto}.template-translation-loading{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.template-translation-config-warning{color:#765b18;background:#fff9e7;border:1px solid #efcf7b;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.template-translation-config-warning>div{gap:4px;display:grid}.template-translation-config-warning span{font-size:11px;line-height:1.45}.template-translation-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-translation-settings-grid .field small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.35;display:block}.template-translation-targets{gap:9px;display:grid}.template-translation-targets>div:first-child{gap:3px;display:grid}.template-translation-targets>div:first-child small{color:var(--muted);font-size:10px}.template-translation-targets>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.template-translation-targets label{border:1px solid var(--border);cursor:pointer;background:#fbfcfe;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;display:flex}.template-translation-targets label>span{align-items:baseline;gap:5px;font-size:11px;font-weight:700;display:flex}.template-translation-targets label small{color:var(--muted);font-size:9px}.template-translation-targets input{width:auto;accent-color:var(--accent)}.template-translation-preview-card{background:#f8f8ff;border:1px solid #d9dcff;border-radius:12px;gap:11px;padding:14px;display:grid}.template-translation-preview-title{color:#5149d8;align-items:center;gap:7px;display:flex}.template-translation-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.template-translation-stats>span{background:#fff;border:1px solid #e1e3f6;border-radius:9px;gap:2px;padding:9px;display:grid}.template-translation-stats strong{color:#30394d;font-size:18px}.template-translation-stats small,.template-translation-preview-card p{color:#7d8595;font-size:10px;line-height:1.4}.template-translation-preview-card p{margin:0}.template-translation-actions{justify-content:flex-end;display:flex}.template-translation-actions button{align-items:center;gap:7px;display:inline-flex}.template-translation-jobs{gap:8px;display:grid}.template-translation-job{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:minmax(160px,1.1fr) minmax(180px,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.template-translation-job>div:first-child{gap:2px;display:grid}.template-translation-job>div:first-child small,.template-translation-job-stats{color:var(--muted);font-size:10px}.template-translation-job-stats{flex-wrap:wrap;gap:7px;display:flex}.template-translation-job .status-pill{justify-self:start}.template-translation-job-error{color:#a24141;grid-column:1/-1;font-size:10px}.template-translation-empty{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:10px;padding:18px;font-size:11px}@media (width<=820px){.template-personalization-locale-bar,.template-translation-settings-grid{grid-template-columns:1fr}.template-translation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.template-translation-job{grid-template-columns:1fr auto}.template-translation-job-stats{grid-column:1/-1}}.settings-section{gap:18px;display:grid}.settings-intro{align-items:flex-start;gap:15px;padding:22px 24px;display:flex}.settings-intro-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.settings-intro h2{margin:4px 0 5px;font-size:21px}.settings-intro p{max-width:900px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.settings-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-tabs{gap:5px;padding:9px;display:grid;position:sticky;top:100px}.settings-tabs button{color:#4e586c;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.settings-tabs button:hover{background:#f8f9fc}.settings-tabs button.active{background:var(--accent-soft);color:#3f49b8;border-color:#d9ddff}.settings-tabs button>span{min-width:0}.settings-tabs strong,.settings-tabs small{display:block}.settings-tabs strong{font-size:12px}.settings-tabs small{color:var(--muted);margin-top:3px;font-size:9px}.settings-content{min-width:0}.settings-loading{color:var(--muted);align-items:center;gap:9px;padding:28px;font-size:12px;display:flex}.openai-settings-stack{gap:18px;display:grid}.settings-card{padding:22px 24px}.settings-card-heading{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding-bottom:17px;display:grid}.settings-card-heading h3{color:#263044;margin:1px 0 4px;font-size:16px}.settings-card-heading p{max-width:800px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.settings-card-icon{width:37px;height:37px;color:var(--accent);background:#f1f3ff;border-radius:10px;place-items:center;display:grid}.settings-status{color:#70788a;white-space:nowrap;background:#f2f3f6;border-radius:99px;align-self:center;padding:6px 9px;font-size:10px;font-weight:800}.settings-status.connected{color:var(--success);background:#e8faf4}.openai-connection-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.openai-connection-summary>div{border:1px solid var(--border);background:#fafbfc;border-radius:10px;min-width:0;padding:10px 12px}.openai-connection-summary small,.openai-connection-summary strong{display:block}.openai-connection-summary small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:800}.openai-connection-summary strong{color:#394256;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.openai-key-row{grid-template-columns:minmax(280px,1fr) auto auto;align-items:end;gap:10px;margin-top:17px;display:grid}.openai-key-row .field small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.4;display:block}.settings-notice{color:#525d72;background:#f8f9ff;border:1px solid #dbe0f4;border-radius:10px;gap:3px;margin-top:14px;padding:11px 13px;font-size:10px;line-height:1.45;display:grid}.settings-notice.warning{color:#765216;background:#fffaf0;border-color:#f0d8a8}.settings-notice strong{font-size:11px}.settings-notice code{color:var(--accent);font-weight:800}.settings-test-result{color:var(--success);background:#edf9f5;border-radius:9px;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.openai-model-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.openai-model-option{border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:10px;align-items:center;gap:9px;padding:11px 12px;display:flex}.openai-model-option.active{background:#f7f7ff;border-color:#cfd4ff}.openai-model-option input{width:16px;height:16px;accent-color:var(--accent);flex:none}.openai-model-option strong,.openai-model-option small{display:block}.openai-model-option strong{color:#343d50;font-size:11px}.openai-model-option small{color:var(--muted);margin-top:3px;font-size:9px}.openai-model-selects{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.openai-model-selects .field small,.openai-translation-settings .field small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.45;display:block}.openai-translation-settings{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);align-items:start;gap:16px;margin-top:17px;display:grid}.openai-fixed-options{border:1px solid var(--border);border-radius:11px;overflow:hidden}.openai-fixed-options>div{color:var(--success);background:#fafbfc;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.openai-fixed-options>div+div{border-top:1px solid var(--border)}.openai-fixed-options span{color:#394256;min-width:0}.openai-fixed-options strong,.openai-fixed-options small{display:block}.openai-fixed-options strong{font-size:10px}.openai-fixed-options small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.settings-card-footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:17px;padding-top:15px;display:flex}.admin-menu-order-list{gap:7px;margin-top:17px;display:grid}.admin-menu-order-row{border:1px solid var(--border);background:#fafbfc;border-radius:10px;grid-template-columns:auto 31px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:7px 9px;transition:border-color .15s,background .15s,opacity .15s;display:grid}.admin-menu-order-row:hover{background:#f8f8ff;border-color:#cfd4ff}.admin-menu-order-row.dragging{opacity:.5;background:#f1f2ff;border-color:#aeb5ff}.admin-menu-order-grip{color:#8a93a5;cursor:grab;place-items:center;width:28px;height:30px;display:grid}.admin-menu-order-row:active .admin-menu-order-grip{cursor:grabbing}.admin-menu-order-index{color:#687286;background:#eef0f5;border-radius:8px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.admin-menu-order-row>strong{color:#343d50;min-width:0;font-size:12px}.admin-menu-order-actions{gap:5px;display:flex}.admin-menu-order-actions .icon-button{width:31px;height:31px;margin-left:0}.admin-menu-order-footer{justify-content:space-between;gap:10px}.storefront-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.storefront-settings-grid .field small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.45;display:block}.storefront-settings-grid code,.storefront-install-steps code,.settings-card-heading code{color:var(--accent);font-weight:800}.storefront-wide-field{grid-column:1/-1}.storefront-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.storefront-option-grid>label{border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:78px;padding:13px;display:grid}.storefront-option-grid>label:has(input:checked){background:#f7f7ff;border-color:#cfd4ff}.storefront-option-grid input{width:17px;height:17px;accent-color:var(--accent);margin-top:1px}.storefront-option-grid strong,.storefront-option-grid small{display:block}.storefront-option-grid strong{color:#343d50;font-size:11px}.storefront-option-grid small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.storefront-code-toolbar{color:#596174;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:10px;display:flex}.storefront-install-code{resize:vertical;color:#e5edf8;tab-size:2;background:#111827;border:1px solid #cfd5e2;border-radius:11px;width:100%;min-height:255px;margin-top:10px;padding:15px 16px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.storefront-install-code:focus{border-color:#8d95f6;outline:3px solid #6366f12e}.storefront-install-steps{color:#667084;flex-wrap:wrap;gap:6px 13px;margin-top:11px;font-size:9px;line-height:1.5;display:flex}.storefront-install-steps strong{color:#394256}.storefront-test-results{gap:8px;margin-top:17px;display:grid}.storefront-test-results>div{border:1px solid var(--border);background:#fafbfc;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:11px 12px;display:grid}.storefront-test-results>div.ok{color:var(--success);background:#f1fbf7;border-color:#c7eadc}.storefront-test-results>div.error{color:#b33b3b;background:#fff6f6;border-color:#f0c6c6}.storefront-test-results strong,.storefront-test-results small{display:block}.storefront-test-results strong{font-size:10px}.storefront-test-results small{color:#667084;margin-top:3px;font-size:9px;line-height:1.45}@media (width<=1100px){.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;position:static;overflow-x:auto}.settings-tabs button{width:auto;min-width:210px}.openai-connection-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.openai-key-row{grid-template-columns:1fr 1fr}.openai-key-row .field{grid-column:1/-1}.openai-model-list{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-option-grid{grid-template-columns:1fr}}@media (width<=760px){.settings-intro,.settings-card{padding:17px 16px}.settings-card-heading{grid-template-columns:auto minmax(0,1fr)}.settings-status{grid-column:2;justify-self:start}.openai-connection-summary,.openai-key-row,.openai-model-list,.openai-model-selects,.openai-translation-settings{grid-template-columns:1fr}.openai-key-row .field{grid-column:auto}.openai-key-row .primary-button,.openai-key-row .secondary-button,.settings-card-footer .primary-button,.settings-card-footer .secondary-button{width:100%}.settings-card-footer{display:block}.admin-menu-order-footer{gap:8px;display:grid}.admin-menu-order-footer .primary-button,.admin-menu-order-footer .secondary-button{width:100%}.admin-menu-order-row{grid-template-columns:auto 28px minmax(0,1fr) auto;gap:7px;padding:7px}.admin-menu-order-grip{width:24px}.storefront-settings-grid{grid-template-columns:1fr}.storefront-wide-field{grid-column:auto}.storefront-code-toolbar{flex-direction:column;align-items:stretch}.storefront-code-toolbar .secondary-button{width:100%}.storefront-install-code{min-height:310px;font-size:10px}}.editor-tester-mode-selector{gap:7px;display:grid}.editor-tester-mode-selector>span{color:#5f687a;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.editor-tester-mode-selector>div{grid-template-columns:1fr;gap:6px;display:grid}.editor-tester-mode-selector button{border:1px solid var(--border);color:#4b5565;text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:48px;padding:8px 9px;display:grid}.editor-tester-mode-selector button svg{grid-row:1/3}.editor-tester-mode-selector button strong{font-size:10px;line-height:1.2}.editor-tester-mode-selector button small{color:#7a8393;font-size:9px;line-height:1.2}.editor-tester-mode-selector button.active{color:#3730a3;background:#eef2ff;border-color:#818cf8;box-shadow:0 0 0 3px #6366f115}.editor-tester-mode-selector button.active small{color:#5b63a7}html.customer-personalizer-scroll-lock{overscroll-behavior:none;width:100%;height:100%;overflow:hidden!important}body.customer-personalizer-scroll-lock{overscroll-behavior:none;width:100%;height:100dvh;min-height:0!important;overflow:hidden!important}body.customer-personalizer-scroll-lock #root{width:100%;height:100%;min-height:0;overflow:hidden}.customer-personalizer{--customer-border:#e5e7eb;--customer-muted:#70798b;width:100%;height:var(--customer-visual-viewport-height,100dvh);max-height:var(--customer-visual-viewport-height,100dvh);color:#1f2937;background:#fff;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.customer-personalizer *{box-sizing:border-box}.customer-personalizer-header{z-index:20;border-bottom:1px solid var(--customer-border);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:9px 15px;display:grid;position:relative;box-shadow:0 1px #0f172a05}.customer-personalizer-header>div:nth-child(2){gap:2px;min-width:0;display:grid}.customer-personalizer-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.customer-personalizer-header small{text-overflow:ellipsis;white-space:nowrap;color:var(--customer-muted);font-size:10px;overflow:hidden}.customer-header-actions{align-items:center;gap:7px;display:flex}.customer-icon-button{border:1px solid var(--customer-border);color:#394150;cursor:pointer;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid}.customer-icon-button:hover{background:#f8fafc}.customer-change-template-button,.customer-mode-back{border:1px solid var(--customer-border);color:#4b5563;cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:6px;min-height:40px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.customer-change-template-button:hover{color:#4f46e5;background:#f8faff;border-color:#c7d2fe}.customer-change-template-button:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-close-editor-button{color:#4b5563;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:7px 12px;font-size:10px;font-weight:800;display:inline-flex}.customer-close-editor-button:hover{color:#202734;background:#f8fafc;border-color:#c5cad3}.customer-more-wrap{position:relative}.customer-more-menu{z-index:40;border:1px solid var(--customer-border);background:#fff;border-radius:13px;gap:3px;width:220px;padding:6px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #0f172a29}.customer-more-menu button{color:#3f4756;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:8px 10px;font-size:11px;font-weight:750;display:flex}.customer-more-menu button:hover{background:#f5f7fa}.customer-personalizer-main{--customer-mobile-preview-size:46%;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0;min-height:0;display:grid;overflow:hidden}.customer-preview-panel{background:#fff;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.customer-preview-stage{isolation:isolate;min-width:0;min-height:0;box-shadow:none;background:#fff;border:0;border-radius:0;position:relative;overflow:hidden}.customer-preview-stage iframe{z-index:0;background:#fff;border:0;width:100%;height:100%;display:block;position:relative}.customer-preview-text-limit{z-index:4;color:#fff7d6;-webkit-backdrop-filter:blur(8px);pointer-events:none;text-align:center;background:#452b0aeb;border:1px solid #fbbf246b;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:min(520px,100% - 32px);padding:10px 14px;font-size:11px;font-weight:800;line-height:1.35;animation:.18s ease-out customer-preview-text-limit-in;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0f172a38}.customer-preview-text-limit svg{color:#fbbf24;flex:none}@keyframes customer-preview-text-limit-in{0%{opacity:0;transform:translate(-50%,8px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}.customer-preview-reset-zoom{z-index:2;color:#334155;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#fffffff0;border:1px solid #94a3b86b;border-radius:13px;place-items:center;width:44px;height:44px;padding:0;animation:.16s ease-out customer-preview-reset-in;display:none;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 22px #0f172a2e}.customer-preview-reset-zoom:active{transform:scale(.96)}.customer-preview-reset-zoom:focus-visible{outline-offset:2px;outline:3px solid #4f46e53d}@keyframes customer-preview-reset-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.customer-page-nav{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:9px;min-height:46px;padding-top:10px;display:grid}.customer-page-nav>button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d3d8e0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.customer-page-nav>button:disabled{opacity:.35;cursor:default}.customer-page-nav>div{justify-content:center;align-items:center;gap:7px;display:flex}.customer-page-nav>div button{cursor:pointer;background:#aeb5c2;border:0;border-radius:99px;width:8px;height:8px;padding:0;transition:width .16s,background .16s}.customer-page-nav>div button.active{background:#4f46e5;width:24px}.customer-form-panel{border-left:1px solid var(--customer-border);background:#fff;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.customer-form-handle{display:none}.customer-form-heading{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 12px;display:flex}.customer-form-heading>div{gap:4px;min-width:0;display:grid}.customer-form-heading strong{font-size:16px}.customer-form-heading small{color:var(--customer-muted);font-size:10px;line-height:1.4}.customer-form-heading small.pending{color:#9a5b18}.customer-form-heading-expand{width:100%;min-width:0;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.customer-form-heading-copy{gap:4px;min-width:0;display:grid}.customer-form-heading-action{color:#4f46e5;white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:10px;font-weight:850;display:inline-flex}.customer-form-heading-expand:hover .customer-form-heading-action{color:#4338ca}.customer-form-heading-expand:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #6366f133}.customer-fields{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#9ca7b8 #f3f5f8;align-content:start;gap:0;min-height:0;padding:0 24px 20px;display:grid;overflow:hidden auto}.customer-fields::-webkit-scrollbar{width:14px}.customer-fields::-webkit-scrollbar-track{background:#f3f5f8;border-radius:99px}.customer-fields::-webkit-scrollbar-thumb{background:#9ca7b8;border:2px solid #f3f5f8;border-radius:99px;min-height:44px}.customer-fields::-webkit-scrollbar-thumb:hover{background:#8792a4}.customer-field-card{--customer-text-side-control-width:42px;--customer-text-side-control-gap:10px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0;gap:8px;padding:13px 0 16px;display:grid;position:relative}.customer-field-card:first-child{padding-top:8px}.customer-field-card:last-child{border-bottom:0}.customer-field-card:focus-within{box-shadow:none;border-bottom-color:#e2e6ec}.customer-field-card>label:first-child,.customer-field-label,.customer-text-field-heading>label{color:#343b49;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.customer-field-card>label:first-child>span,.customer-field-label>span,.customer-text-field-heading>label>span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.customer-field-card em,.customer-field-label em{color:#be123c;background:#fff1f2;border-radius:99px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:850}.customer-field-card>label:first-child small{color:#7a8393;font-size:9px}.customer-text-field-heading{min-width:0;padding-right:calc(var(--customer-text-side-control-width) + var(--customer-text-side-control-gap));justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.customer-text-field-heading>label{cursor:text;min-width:0;padding-top:7px}.customer-text-field-heading-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.customer-text-field-heading-actions>small{color:#7a8393;white-space:nowrap;font-size:9px}.customer-text-format-toggle{color:#606a7b;min-height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:800;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.customer-text-format-toggle:hover{color:#4f46e5;background:#f8faff;border-color:#a5b4fc}.customer-text-format-toggle:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-mobile-inline-done{display:none}.customer-field-card input[type=text],.customer-field-card textarea,.customer-advanced-control select{color:#252b36;width:100%;min-height:50px;font:inherit;background:#fbfcfd;border:1px solid #d9dde5;border-radius:12px;outline:none;padding:12px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.customer-field-card textarea{resize:vertical;min-height:84px;line-height:1.45}.customer-field-card input[type=text]:focus,.customer-field-card textarea:focus,.customer-advanced-control select:focus,.customer-field-card.is-preview-selected input[type=text],.customer-field-card.is-preview-selected textarea,.customer-image-card.is-preview-selected .customer-upload-button{background:#fff;border-color:#818cf8;box-shadow:0 0 0 3px #6366f117}.customer-field-card.has-text-limit input[type=text],.customer-field-card.has-text-limit textarea{background:#fffdf7;border-color:#f59e0b}.customer-text-limit-message{color:#b45309;align-items:center;min-height:16px;margin:-2px 52px 0 2px;font-size:10px;font-weight:750;line-height:1.35;display:flex}.customer-text-input-row{grid-template-columns:minmax(0,1fr) var(--customer-text-side-control-width);align-items:center;gap:var(--customer-text-side-control-gap);display:grid}.customer-text-input-row textarea{min-width:0}.customer-text-visibility-switch{cursor:pointer;background:#4f46e5;border:0;border-radius:999px;flex:none;width:40px;height:24px;padding:0;transition:background .16s,box-shadow .16s;position:relative;box-shadow:inset 0 0 0 1px #0f172a0d}.customer-text-visibility-switch>span{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .16s;position:absolute;top:3px;left:19px;box-shadow:0 1px 3px #0f172a38}.customer-text-visibility-switch.is-off{background:#dce1e9}.customer-text-visibility-switch.is-off>span{left:3px}.customer-text-visibility-switch:hover{box-shadow:0 0 0 3px #4f46e51a,inset 0 0 0 1px #0f172a0d}.customer-text-visibility-switch:focus-visible{outline-offset:2px;outline:3px solid #6366f138}.customer-field-card.is-hidden input[type=text],.customer-field-card.is-hidden textarea{color:#929aaa;background:#f4f6f8}.customer-field-card.is-hidden input[type=text]:disabled,.customer-field-card.is-hidden textarea:disabled{opacity:1;cursor:not-allowed}.customer-advanced-control{gap:6px;margin-top:2px;display:grid!important}.customer-advanced-control>span{color:#687286;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.customer-text-format-panel{background:#f8fafc;border:1px solid #e0e5ee;border-radius:12px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:end;gap:10px;margin-top:1px;padding:11px;animation:.16s ease-out customer-text-format-in;display:grid}.customer-text-format-group,.customer-text-font-control{gap:6px;min-width:0;display:grid}.customer-text-format-group>span,.customer-text-font-control>span{color:#687286;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.customer-text-align-buttons{grid-template-columns:repeat(3,minmax(38px,1fr));gap:5px;display:grid}.customer-text-align-buttons button{color:#687286;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:9px;place-items:center;min-height:42px;padding:0;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:grid}.customer-text-align-buttons button:hover{color:#4f46e5;border-color:#a5b4fc}.customer-text-align-buttons button.active{color:#4338ca;background:#eef2ff;border-color:#818cf8;box-shadow:inset 0 0 0 1px #4f46e514}.customer-text-align-buttons button:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-text-font-control .template-editor-font-picker-trigger{border-color:#d9dee8;border-radius:9px;height:42px}.customer-text-font-control .template-editor-font-picker-trigger>span{font-size:17px}@keyframes customer-text-format-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.customer-upload-row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.customer-upload-row.has-manual{grid-template-columns:minmax(0,1fr) auto}.customer-upload-button{color:#485164;text-align:left;width:100%;min-height:60px;font:inherit;cursor:pointer;background:#f8fafc;border:1px dashed #aeb6c5;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.customer-image-adjust-toggle{color:#4f46e5;min-width:168px;font:inherit;white-space:nowrap;cursor:pointer;background:#f8faff;border:1px solid #c7d2fe;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:10px;font-weight:850;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.customer-image-adjust-toggle:hover{background:#eef2ff;border-color:#818cf8}.customer-image-adjust-toggle.is-on{color:#4338ca;background:#eef2ff;border-color:#818cf8;box-shadow:inset 0 0 0 1px #4f46e514}.customer-image-adjust-toggle:focus-visible{outline-offset:2px;outline:3px solid #6366f13d}.customer-image-adjust-toggle:disabled{opacity:.5;cursor:not-allowed}.customer-image-adjust-toggle-label{align-items:center;gap:7px;display:inline-flex}.customer-image-adjust-toggle-track{background:#cfd5df;border-radius:999px;flex:none;width:34px;height:20px;transition:background .16s;position:relative;box-shadow:inset 0 0 0 1px #0f172a0f}.customer-image-adjust-toggle-track>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a38}.customer-image-adjust-toggle.is-on .customer-image-adjust-toggle-track{background:#4f46e5}.customer-image-adjust-toggle.is-on .customer-image-adjust-toggle-track>span{left:17px}.customer-upload-button:hover{background:#f7f7ff;border-color:#818cf8}.customer-upload-button.has-image{background:#f8faff;border-style:solid;border-color:#c7d2fe}.customer-upload-button:disabled{opacity:.5;cursor:not-allowed}.customer-upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.customer-upload-button>span{gap:2px;min-width:0;display:grid}.customer-upload-thumbnail,.customer-upload-thumbnail-fallback{background:#fff;border:1px solid #e0e4eb;border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.customer-upload-thumbnail{object-fit:cover}.customer-upload-thumbnail-fallback{color:#657084;background:#f4f6f9}.customer-upload-button strong{font-size:11px}.customer-upload-button small{color:#7a8393;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.customer-image-quality-summary{justify-content:flex-end;min-width:0;margin-left:auto;font-weight:750;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;display:inline-flex!important}.customer-image-quality-summary.good{color:#15803d}.customer-image-quality-summary.warning{color:#a16207}.customer-image-quality-summary-icon{color:#fff;background:currentColor;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.customer-image-quality-summary>span:last-child{text-align:right;gap:1px;min-width:0;display:grid}.customer-image-quality-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:9px;line-height:1.25;overflow:hidden}.customer-image-quality-summary small{color:inherit;opacity:.75;font-size:8px;font-weight:650}.customer-filter-row{flex-wrap:wrap;gap:6px;display:flex}.customer-filter-row button{color:#606a7b;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:99px;min-height:36px;padding:7px 10px;font-size:9px;font-weight:800}.customer-filter-row button.active{color:#4338ca;background:#eef2ff;border-color:#818cf8}.customer-empty-fields{color:#7a8393;text-align:center;align-content:center;place-items:center;gap:9px;min-height:180px;padding:20px;display:grid}.customer-empty-fields strong{max-width:280px;font-size:11px;line-height:1.5}.customer-text-customize-heading{border-bottom:1px solid #edf0f4;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:16px 24px 12px;display:grid}.customer-text-customize-heading>div{gap:2px;min-width:0;display:grid}.customer-text-customize-heading strong,.customer-text-customize-heading small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.customer-text-customize-heading strong{color:#262d3a;font-size:15px}.customer-text-customize-heading small{color:#7a8393;font-size:10px}.customer-text-customize-back{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:11px;place-items:center;width:38px;height:38px;padding:0;display:grid}.customer-text-customize-back:hover{color:#4f46e5;background:#f8faff;border-color:#c7d2fe}.customer-text-customize-back:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-text-customize-content{scrollbar-width:thin;min-height:0;padding:18px 24px 22px;overflow:auto}.customer-text-customize-content.is-fonts{padding:8px 14px 16px}.customer-text-customize-settings{gap:18px;display:grid}.customer-text-customize-section{gap:8px;display:grid}.customer-text-customize-section-label{color:#697386;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.customer-text-customize-font-button{color:#283245;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 13px;display:grid}.customer-text-customize-font-button:hover{background:#f8faff;border-color:#a5b4fc}.customer-text-customize-font-button:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-text-customize-font-button:disabled{opacity:.62;cursor:wait}.customer-text-customize-font-sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:20px;line-height:1.25;overflow:hidden}.customer-text-customize-font-button>svg{color:#6b7280}.customer-text-customize-alignments{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.customer-text-customize-alignments button{color:#586273;min-width:0;min-height:66px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:12px;align-content:center;place-items:center;gap:5px;padding:8px 5px;font-size:9px;font-weight:800;display:grid}.customer-text-customize-alignments button:hover{color:#4f46e5;background:#f8faff;border-color:#a5b4fc}.customer-text-customize-alignments button.active{color:#4338ca;background:#eef2ff;border-color:#818cf8;box-shadow:inset 0 0 0 1px #4f46e50f}.customer-text-customize-alignments button:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-text-font-list{overscroll-behavior:contain;scrollbar-width:thin;align-content:start;gap:5px;height:100%;min-height:0;padding:2px;display:grid;overflow:auto}.customer-text-font-option{color:#273247;text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:9px 12px;display:grid}.customer-text-font-option:hover,.customer-text-font-option:focus-visible{background:#f7f7ff;border-color:#d8defa;outline:0}.customer-text-font-option.selected{color:#3039a6;background:#eceeff;border-color:#bfc5fb}.customer-text-font-option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:24px;line-height:1.25;overflow:hidden}.customer-text-font-option>svg{color:#4f46e5}.customer-text-customize-footer{padding:12px 24px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--customer-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;display:grid}.customer-text-customize-done{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#4f46e5;border:1px solid #4f46e5;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:850;display:inline-flex;box-shadow:0 8px 18px #4f46e533}.customer-text-customize-done:hover{background:#4338ca}.customer-text-customize-done:disabled{opacity:.6;cursor:wait}.customer-text-customize-done:focus-visible{outline-offset:2px;outline:3px solid #6366f13d}.customer-form-footer{padding:12px 24px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--customer-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;gap:8px;display:grid}.customer-save-button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:10px 16px;font-size:12px;font-weight:850;display:flex;box-shadow:0 8px 20px #4f46e533}.customer-save-button:hover{background:#4338ca}.customer-save-button:disabled{opacity:.45;box-shadow:none;cursor:default}.customer-save-button.saved{background:#15803d;box-shadow:0 8px 20px #15803d2e}.customer-cart-footer{gap:10px}.customer-cart-quantity{gap:7px;display:grid}.customer-cart-quantity>span{color:#4b5563;font-size:11px;font-weight:800}.customer-cart-quantity-control{border:1px solid var(--customer-border);background:#f7f8fa;border-radius:14px;grid-template-columns:56px minmax(60px,1fr) 56px;align-items:center;min-height:46px;display:grid;overflow:hidden}.customer-cart-quantity-control button{color:#111827;cursor:pointer;background:0 0;border:0;place-items:center;height:100%;display:grid}.customer-cart-quantity-control button:hover:not(:disabled){background:#eceff4}.customer-cart-quantity-control button:disabled{opacity:.35;cursor:default}.customer-cart-quantity-control output{color:#111827;place-items:center;min-height:44px;font-size:18px;font-weight:800;display:grid}.customer-add-to-cart-button{background:#111827;box-shadow:0 8px 20px #11182733}.customer-add-to-cart-button:hover{background:#000}.customer-image-guide-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:24px;animation:.16s ease-out customer-image-guide-backdrop-in;display:grid;position:fixed;inset:0}.customer-image-guide-dialog{background:#fff;border-radius:22px;gap:18px;width:min(540px,100%);max-height:calc(100dvh - 48px);padding:28px;animation:.18s ease-out customer-image-guide-dialog-in;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #0f172a52}.customer-image-guide-close{color:#596273;cursor:pointer;background:#f1f3f6;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:14px;right:14px}.customer-image-guide-close:hover{color:#252b36;background:#e5e8ed}.customer-image-guide-icon{color:#4f46e5;background:#eef2ff;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.customer-image-guide-heading{gap:7px;padding-right:30px;display:grid}.customer-image-guide-heading h2{color:#202633;margin:0;font-size:21px;line-height:1.2}.customer-image-guide-heading p{color:#667085;margin:0;font-size:12px;line-height:1.55}.customer-image-guide-checks{gap:9px;display:grid}.customer-image-guide-checks>div{color:#485164;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;font-size:11px;line-height:1.45;display:grid}.customer-image-guide-checks svg{color:#16a34a;margin-top:1px}.customer-image-guide-notice{color:#1d4ed8;background:#eff6ff;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px 13px;display:grid}.customer-image-guide-notice strong{font-size:10px;line-height:1.45}.customer-image-guide-automatic{color:#6b7280;align-items:flex-start;gap:8px;font-size:9px;line-height:1.45;display:flex}.customer-image-guide-automatic svg{color:#6366f1;flex:none}.customer-image-guide-actions{justify-content:flex-end;gap:9px;padding-top:2px;display:flex}.customer-image-guide-cancel,.customer-image-guide-choose{min-height:44px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:850;display:inline-flex}.customer-image-guide-cancel{color:#596273;background:#fff;border:1px solid #d9dde5}.customer-image-guide-choose{color:#fff;background:#4f46e5;border:1px solid #4f46e5;box-shadow:0 8px 18px #4f46e533}.customer-image-guide-choose:hover{background:#4338ca}.customer-image-guide-cancel:hover{background:#f8fafc}@keyframes customer-image-guide-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes customer-image-guide-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.customer-personalizer-loading{color:#5d6677;background:#f5f6f8;align-content:center;place-items:center;gap:10px;width:100vw;height:100dvh;display:grid}.customer-personalizer-loading strong{font-size:12px}.customer-personalizer-loading.error strong{color:#b42318;text-align:center;max-width:460px;line-height:1.5}@media (width>=721px) and (width<=1023px){.customer-personalizer-main{grid-template-columns:minmax(0,1fr) 340px}.customer-form-heading,.customer-fields,.customer-form-footer{padding-inline:18px}}@media (width<=720px){html.customer-personalizer-scroll-lock,body.customer-personalizer-scroll-lock,body.customer-personalizer-scroll-lock #root,.customer-personalizer{height:var(--customer-visual-viewport-height,100svh);max-height:var(--customer-visual-viewport-height,100svh)}.customer-personalizer-header{gap:9px;min-height:56px;padding:7px 10px}.customer-icon-button{border-radius:11px;width:40px;height:40px}.customer-personalizer-header strong{font-size:13px}.customer-personalizer-header small{font-size:9px}.customer-change-template-button,.customer-mode-back{justify-content:center;width:40px;min-width:40px;padding:0;font-size:0}.customer-change-template-button span{display:none}.customer-change-template-button svg,.customer-mode-back svg{width:18px;height:18px}.customer-close-editor-button{width:40px;min-width:40px;padding:0}.customer-close-editor-button span{display:none}.customer-personalizer-main{--customer-mobile-preview-track:clamp(min(160px,42%),var(--customer-mobile-preview-size),calc(100% - min(150px,42%)));grid-template-columns:1fr;grid-template-rows:var(--customer-mobile-preview-track) minmax(0,calc(100% - var(--customer-mobile-preview-track)));transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1)}.customer-personalizer-main.is-mobile-preview-expanded{--customer-mobile-preview-track:clamp(min(160px,42%),var(--customer-mobile-preview-size),100%)}.customer-personalizer-main.is-mobile-panel-dragging{cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:none}.customer-personalizer-main.is-mobile-panel-dragging .customer-preview-stage iframe{pointer-events:none}.customer-preview-panel{padding:0}.customer-preview-stage{border-radius:0}.customer-preview-reset-zoom{right:max(12px,env(safe-area-inset-right));display:grid;bottom:12px}.customer-page-nav{min-height:38px;padding-top:4px}.customer-page-nav>button{width:34px;height:34px}.customer-form-panel{z-index:3;border-left:0;border-top:1px solid var(--customer-border);border-radius:18px 18px 0 0;grid-template-rows:auto auto minmax(0,1fr) auto;margin-top:-10px;box-shadow:0 -8px 24px #0f172a14}.customer-personalizer-main.is-text-customize .customer-form-panel{border-radius:15px 15px 0 0;grid-template-rows:auto minmax(0,1fr) auto;margin-top:-8px}.customer-personalizer-main.is-text-customize .customer-form-handle{display:none}.customer-form-handle{appearance:none;cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:18px 18px 0 0;width:100%;height:20px;margin:0;padding:0;display:block;position:relative}.customer-form-handle:before{content:"";background:#d4d8df;border-radius:99px;width:38px;height:4px;transition:width .16s,background .16s,box-shadow .16s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.customer-form-handle:hover:before{background:#b7bdc8;width:46px}.customer-form-handle:focus-visible{outline:none}.customer-form-handle:focus-visible:before{background:#7c83e8;box-shadow:0 0 0 4px #4f46e524}.customer-personalizer-main.is-mobile-panel-dragging .customer-form-handle:before{background:#6366f1;width:50px}.customer-fields{opacity:1;visibility:visible;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1),visibility linear;transform:translateY(0)}.customer-personalizer-main.is-mobile-compact-content .customer-fields{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,transform .18s,visibility 0s linear .18s;transform:translateY(8px)}.customer-personalizer-main.is-mobile-text-focus .customer-form-panel{border-radius:15px 15px 0 0;grid-template-rows:minmax(0,1fr);margin-top:-8px}.customer-personalizer-main.is-mobile-text-focus .customer-form-handle,.customer-personalizer-main.is-mobile-text-focus .customer-form-heading,.customer-personalizer-main.is-mobile-text-focus .customer-form-footer,.customer-personalizer-main.is-mobile-text-focus .customer-preview-reset-zoom{display:none}.customer-personalizer-main.is-mobile-text-focus .customer-fields{padding:6px 15px max(10px,env(safe-area-inset-bottom));align-content:start;overflow:hidden}.customer-personalizer-main.is-mobile-text-focus .customer-field-card:not(.is-mobile-focus-active),.customer-personalizer-main.is-mobile-text-focus .customer-empty-fields{display:none}.customer-personalizer-main.is-mobile-text-focus .customer-field-card.is-mobile-focus-active{border-bottom:0;padding:8px 0 4px}.customer-personalizer-main.is-mobile-text-focus .customer-field-card.is-mobile-focus-active .customer-text-field-heading{min-height:30px}.customer-personalizer-main.is-mobile-text-focus .customer-text-format-toggle,.customer-personalizer-main.is-mobile-text-focus .customer-text-format-panel{display:none}.customer-personalizer-main.is-mobile-text-focus .customer-text-input-row.is-mobile-editing{grid-template-columns:minmax(0,1fr) auto}.customer-personalizer-main.is-mobile-text-focus .customer-mobile-inline-done{color:#4338ca;min-width:72px;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:850;display:inline-flex}.customer-personalizer-main.is-mobile-text-focus .customer-mobile-inline-done:hover{background:#e0e7ff;border-color:#a5b4fc}.customer-personalizer-main.is-mobile-text-focus .customer-mobile-inline-done:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.customer-form-heading{padding:10px 15px 8px}.customer-form-heading strong{font-size:14px}.customer-fields{gap:0;padding:0 15px 12px}.customer-field-card{--customer-text-side-control-width:44px;--customer-text-side-control-gap:9px;border-radius:0;padding:12px 0 14px}.customer-field-card:first-child{padding-top:6px}.customer-field-card input[type=text],.customer-field-card textarea,.customer-advanced-control select{min-height:48px;font-size:16px}.customer-text-field-heading{align-items:flex-start;gap:8px}.customer-text-field-heading>label{padding-top:8px}.customer-text-field-heading-actions{gap:5px}.customer-text-format-toggle{border-radius:9px;gap:6px;min-height:34px;padding:7px 9px;font-size:10px}.customer-text-format-toggle>svg{width:16px;height:16px}.customer-text-format-panel{grid-template-columns:1fr;gap:10px;padding:10px}.customer-text-customize-heading{padding:9px 15px 10px}.customer-text-customize-content{padding:13px 15px 16px}.customer-text-customize-content.is-fonts{padding:7px 10px 12px}.customer-text-customize-settings{gap:14px}.customer-text-customize-font-button{min-height:54px}.customer-text-customize-alignments button{min-height:62px}.customer-text-font-option{min-height:56px;padding:8px 11px}.customer-text-font-option>span{font-size:22px}.customer-text-customize-footer{padding:9px 15px max(10px,env(safe-area-inset-bottom))}.customer-text-customize-done{min-height:50px}.customer-text-font-control .template-editor-font-picker-trigger{height:48px}.customer-text-font-control .template-editor-font-picker-trigger>span{font-size:19px}.customer-text-input-row{grid-template-columns:minmax(0,1fr) var(--customer-text-side-control-width);gap:var(--customer-text-side-control-gap)}.customer-text-visibility-switch{width:42px;height:26px}.customer-text-visibility-switch>span{width:20px;height:20px;top:3px;left:19px}.customer-text-visibility-switch.is-off>span{left:3px}.customer-form-footer{padding:9px 15px max(10px,env(safe-area-inset-bottom))}.customer-save-button{border-radius:12px;min-height:50px}.customer-more-menu{position:fixed;top:58px;right:10px}.customer-image-guide-backdrop{align-items:end;padding:0}.customer-image-guide-dialog{width:100%;max-height:92dvh;padding:24px 18px max(18px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;gap:15px}.customer-image-guide-heading h2{font-size:19px}.customer-image-guide-actions{grid-template-columns:1fr 1.35fr;display:grid}.customer-image-guide-cancel,.customer-image-guide-choose{width:100%;min-height:48px}.customer-upload-row.has-manual{grid-template-columns:minmax(0,1fr) auto}.customer-image-adjust-toggle{min-width:160px;padding-inline:10px}.customer-image-quality-summary strong{max-width:155px}}@media (width<=390px){.customer-fields{padding-inline:12px}.customer-text-field-heading{flex-wrap:wrap}.customer-text-field-heading-actions{margin-left:auto}.customer-field-card{padding-block:11px 13px}.customer-upload-row.has-manual{grid-template-columns:1fr}.customer-image-adjust-toggle{width:100%;min-height:44px}.customer-image-quality-summary strong{max-width:130px}}.customer-image-quality-backdrop{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:24px;animation:.16s ease-out customer-image-guide-backdrop-in;display:grid;position:fixed;inset:0}.customer-image-quality-dialog{background:#fff;border-radius:22px;gap:17px;width:min(650px,100%);max-height:calc(100dvh - 48px);padding:30px;animation:.18s ease-out customer-image-guide-dialog-in;display:grid;position:relative;overflow:auto;box-shadow:0 30px 90px #0f172a57}.customer-image-quality-dialog-close{color:#596273;cursor:pointer;background:#f2f3f5;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:14px;right:14px}.customer-image-quality-dialog-close:hover{color:#252b36;background:#e7e9ed}.customer-image-quality-dialog-icon{color:#ea580c;background:#fff4e5;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.customer-image-quality-dialog-heading{gap:9px;padding-right:32px;display:grid}.customer-image-quality-dialog-heading h2{color:#ea580c;margin:0;font-size:25px;line-height:1.15}.customer-image-quality-dialog-heading p{color:#343a46;margin:0;font-size:13px;line-height:1.55}.customer-image-quality-dialog-heading strong{color:#202633}.customer-image-quality-dialog-question{color:#252b36;margin:0;font-size:13px;font-weight:800}.customer-image-quality-dialog-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;display:grid}.customer-image-quality-dialog-other,.customer-image-quality-dialog-use{min-height:50px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:850;display:inline-flex}.customer-image-quality-dialog-other{color:#305b50;background:#fff;border:1px solid #cbd5d1}.customer-image-quality-dialog-other:hover{background:#f7faf9}.customer-image-quality-dialog-use{color:#fff;background:#d83805;border:1px solid #d83805;box-shadow:0 9px 20px #d8380538}.customer-image-quality-dialog-use:hover{background:#bc3004}.customer-image-editor-backdrop{z-index:140;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ac7;place-items:stretch stretch;padding:0;display:grid;position:fixed;inset:0}.customer-image-editor-dialog{width:100vw;min-width:0;height:100dvh;min-height:0;box-shadow:none;background:#fff;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;animation:.18s ease-out customer-image-guide-dialog-in;display:grid;overflow:hidden}.customer-image-editor-header{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;min-width:0;padding:14px 20px 12px;display:grid}.customer-image-editor-header>div{gap:3px;min-width:0;display:grid}.customer-image-editor-header h2{color:#202633;margin:0;font-size:18px;line-height:1.2}.customer-image-editor-header p{color:#70798b;margin:0;font-size:11px;line-height:1.45}.customer-image-editor-header>button{color:#596273;cursor:pointer;background:#f1f3f6;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.customer-image-editor-header>button:hover{color:#252b36;background:#e5e8ed}.customer-image-editor-header>button:disabled{opacity:.45;cursor:default}.customer-image-editor-toolbar{background:#f7f8fa;border-bottom:1px solid #eceff3;justify-content:center;align-items:center;gap:12px;padding:9px 18px;display:flex}.customer-image-editor-toolbar button{color:#20242b;cursor:pointer;background:#d9dde1;border:1px solid #0000;border-radius:12px;place-items:center;width:58px;height:43px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.customer-image-editor-toolbar button:hover{background:#cdd2d8}.customer-image-editor-toolbar button.active{background:#eef0f2;border-color:#252b36;box-shadow:inset 0 0 0 1px #252b36}.customer-image-editor-toolbar button img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:27px;height:27px;display:block}.customer-image-editor-preview{background-color:#f5f6f7;background-image:linear-gradient(45deg,#e9ebee 25%,#0000 25%),linear-gradient(-45deg,#e9ebee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9ebee 75%),linear-gradient(-45deg,#0000 75%,#e9ebee 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;min-width:0;min-height:0;padding:12px;display:grid;overflow:hidden}.customer-image-editor-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;min-width:1px;min-height:1px;position:relative;overflow:hidden}.customer-image-editor-stage canvas{background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.customer-image-editor-crop-frame{z-index:2;cursor:move;touch-action:none;border:2px solid #fff;min-width:1px;min-height:1px;position:absolute;box-shadow:0 0 0 9999px #0a10197a,inset 0 0 0 1px #0c121c9e,0 0 0 1px #0c121c9e}.customer-image-editor-crop-grid{pointer-events:none;background:#ffffffd1;display:block;position:absolute;box-shadow:0 0 0 1px #0f172a2e}.customer-image-editor-crop-grid.vertical{width:1px;top:0;bottom:0}.customer-image-editor-crop-grid.horizontal{height:1px;left:0;right:0}.customer-image-editor-crop-grid.vertical.first{left:33.333%}.customer-image-editor-crop-grid.vertical.second{left:66.666%}.customer-image-editor-crop-grid.horizontal.first{top:33.333%}.customer-image-editor-crop-grid.horizontal.second{top:66.666%}.customer-image-editor-crop-handle{z-index:3;touch-action:none;background:#222a36;border:2px solid #fff;border-radius:3px;width:16px;height:16px;display:block;position:absolute;box-shadow:0 1px 5px #0000006b}.customer-image-editor-crop-handle.nw{cursor:nwse-resize;top:0;left:0;transform:translate(-35%,-35%)}.customer-image-editor-crop-handle.n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-35%)}.customer-image-editor-crop-handle.ne{cursor:nesw-resize;top:0;right:0;transform:translate(35%,-35%)}.customer-image-editor-crop-handle.e{cursor:ew-resize;top:50%;right:0;transform:translate(35%,-50%)}.customer-image-editor-crop-handle.se{cursor:nwse-resize;bottom:0;right:0;transform:translate(35%,35%)}.customer-image-editor-crop-handle.s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,35%)}.customer-image-editor-crop-handle.sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-35%,35%)}.customer-image-editor-crop-handle.w{cursor:ew-resize;top:50%;left:0;transform:translate(-35%,-50%)}.customer-image-editor-error{color:#be123c;text-align:center;background:#fff1f2;border-radius:12px;max-width:460px;padding:16px;font-size:12px;font-weight:750}.customer-image-editor-slider{background:#fff;border-top:1px solid #eceff3;gap:7px;padding:10px clamp(24px,12vw,220px) 9px;display:grid}.customer-image-editor-slider>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-image-editor-slider strong{color:#4d5666;font-size:11px}.customer-image-editor-slider output{color:#394150;text-align:center;background:#f1f3f5;border-radius:8px;min-width:48px;padding:3px 7px;font-size:10px;font-weight:850}.customer-image-editor-slider input[type=range]{accent-color:#7a8588;cursor:pointer;width:100%}.customer-image-editor-slider-scale{color:#718096;justify-content:space-between;align-items:center;font-size:9px;display:flex}.customer-image-editor-save-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin:0 20px;padding:9px 11px;font-size:10px;font-weight:750;line-height:1.4}.customer-image-editor-footer{padding:10px 20px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-image-editor-footer>div{align-items:center;gap:10px;display:flex}.customer-image-editor-reset,.customer-image-editor-cancel,.customer-image-editor-save{min-height:42px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:8px 17px;font-size:11px;font-weight:850;display:inline-flex}.customer-image-editor-reset{color:#70798b;background:0 0;border:0}.customer-image-editor-reset:hover{color:#3f4756;background:#f5f6f8}.customer-image-editor-cancel{color:#596273;background:#fff;border:1px solid #d7dce3}.customer-image-editor-cancel:hover{background:#f8fafc}.customer-image-editor-save{color:#fff;background:#626a6b;border:1px solid #626a6b;min-width:120px;box-shadow:0 8px 18px #2a323433}.customer-image-editor-save:hover{background:#4e5556}.customer-image-editor-reset:disabled,.customer-image-editor-cancel:disabled,.customer-image-editor-save:disabled{opacity:.45;cursor:default;box-shadow:none}@media (width<=720px){.customer-image-quality-backdrop{align-items:end;padding:0}.customer-image-quality-dialog{width:100%;max-height:92dvh;padding:25px 18px max(18px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;gap:15px}.customer-image-quality-dialog-heading h2{font-size:22px}.customer-image-quality-dialog-actions{grid-template-columns:1fr}.customer-image-quality-dialog-other,.customer-image-quality-dialog-use{width:100%;min-height:50px}.customer-image-quality-dialog-use{grid-row:1}.customer-image-editor-header{padding:10px 12px 8px}.customer-image-editor-header h2{font-size:16px}.customer-image-editor-header p{font-size:9px}.customer-image-editor-header>button{width:36px;height:36px}.customer-image-editor-toolbar{justify-content:space-between;gap:6px;padding:7px 8px}.customer-image-editor-toolbar button{border-radius:11px;width:calc(16.6667vw - 8.16667px);max-width:58px;height:42px}.customer-image-editor-toolbar button img{width:25px;height:25px}.customer-image-editor-preview{padding:7px}.customer-image-editor-crop-handle{width:18px;height:18px}.customer-image-editor-slider{padding:9px 16px 8px}.customer-image-editor-save-error{margin-inline:10px}.customer-image-editor-footer{padding:8px 10px max(8px,env(safe-area-inset-bottom))}.customer-image-editor-reset{padding-inline:7px}.customer-image-editor-footer>div{flex:1;justify-content:flex-end}.customer-image-editor-cancel,.customer-image-editor-save{min-height:44px;padding-inline:12px}.customer-image-editor-save{min-width:100px}}.customer-mobile-image-adjust-header{z-index:30;border-bottom:1px solid var(--customer-border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 15px;display:flex;position:relative}.customer-mobile-image-adjust-header>div{color:#4f46e5;align-items:center;gap:10px;min-width:0;display:flex}.customer-mobile-image-adjust-header>div>span{gap:2px;min-width:0;display:grid}.customer-mobile-image-adjust-header strong,.customer-mobile-image-adjust-header small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-mobile-image-adjust-header strong{color:#273042;font-size:14px}.customer-mobile-image-adjust-header small{color:#7a8393;font-size:9px;font-weight:650}.customer-mobile-image-adjust-header>button{color:#596273;min-height:38px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.customer-mobile-image-adjust-header>button:hover{background:#f8fafc}.customer-mobile-image-adjust-header>button:disabled{opacity:.45;cursor:default}.customer-mobile-image-gesture-layer{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.customer-mobile-image-gesture-layer:active{cursor:grabbing}.customer-mobile-image-gesture-layer>span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.customer-mobile-image-adjust-panel{background:#fff;border-top:1px solid #e3e7ed;grid-template-rows:minmax(88px,auto) auto auto;min-width:0;min-height:0;display:grid;box-shadow:0 -8px 24px #0f172a14}.customer-mobile-image-adjust-control{background:#fff;align-content:center;min-width:0;min-height:88px;padding:10px 16px 8px;display:grid;position:relative}.customer-mobile-image-adjust-control>label{color:#50596a;gap:8px;min-width:0;display:grid}.customer-mobile-image-adjust-control>label>span:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-mobile-image-adjust-control strong{font-size:11px}.customer-mobile-image-adjust-control output{color:#4f46e5;text-align:center;background:#f1f3f7;border-radius:8px;min-width:48px;padding:4px 8px;font-size:10px;font-weight:850}.customer-mobile-image-adjust-control input[type=range]{accent-color:#4f46e5;width:100%;min-width:0}.customer-mobile-image-adjust-control label>small{color:#7a8393;text-align:center;font-size:9px;line-height:1.35}.customer-mobile-image-adjust-range{color:#687286;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.customer-mobile-image-adjust-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.customer-mobile-image-adjust-actions button{color:#586274;min-height:54px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9dee7;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-size:10px;font-weight:800;display:inline-flex}.customer-mobile-image-adjust-actions button.active{color:#4338ca;background:#eef2ff;border-color:#818cf8;box-shadow:inset 0 0 0 1px #4f46e51f}.customer-mobile-image-adjust-busy{color:#6366f1;font-size:8px;font-weight:750;position:absolute;bottom:5px;right:16px}.customer-mobile-image-adjust-tools{background:#f8f9fb;border-top:1px solid #edf0f4;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px 8px;display:grid}.customer-mobile-image-adjust-tools button{color:#667085;min-width:0;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-content:center;place-items:center;gap:4px;padding:5px 2px;display:grid}.customer-mobile-image-adjust-tools button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:800;overflow:hidden}.customer-mobile-image-adjust-tools button.active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.customer-mobile-image-adjust-footer{padding:9px 15px max(10px,env(safe-area-inset-bottom));background:#fff}.customer-mobile-image-adjust-footer button{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#4f46e5;border:0;border-radius:13px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:850;display:flex;box-shadow:0 8px 20px #4f46e538}.customer-mobile-image-adjust-footer button:disabled{opacity:.45;box-shadow:none;cursor:default}.customer-mobile-image-adjust-control>label.is-disabled{color:#a5acb8}.customer-mobile-image-adjust-control>label.is-disabled input[type=range]{accent-color:#c6cbd3;cursor:not-allowed;opacity:.58}.customer-desktop-image-adjust-panel{border-left:1px solid var(--customer-border);background:#fff;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.customer-desktop-image-adjust-header{background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:12px 16px;display:grid}.customer-desktop-image-adjust-header>div{gap:3px;min-width:0;display:grid}.customer-desktop-image-adjust-header strong{color:#273042;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.customer-desktop-image-adjust-header small{color:#7a8393;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;line-height:1.35;overflow:hidden}.customer-desktop-image-adjust-back{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:11px;place-items:center;width:40px;height:40px;padding:0;display:grid}.customer-desktop-image-adjust-back:hover{background:#eef2ff;border-color:#c7d2fe}.customer-desktop-image-adjust-back:disabled{opacity:.45;cursor:default}.customer-desktop-image-adjust-reset{color:#596273;min-height:38px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:800;display:inline-flex}.customer-desktop-image-adjust-reset:hover{background:#f8fafc}.customer-desktop-image-adjust-reset:disabled{opacity:.45;cursor:default}.customer-desktop-image-adjust-panel>.customer-mobile-image-adjust-panel.is-desktop{height:100%;box-shadow:none;border-top:0;grid-template-rows:minmax(0,1fr) auto auto}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-control{align-content:center;min-height:0;padding:24px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-control>label{gap:14px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-control strong{font-size:13px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-control output{min-width:56px;font-size:11px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-control input[type=range]{min-height:26px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-control label>small{font-size:10px;line-height:1.45}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-tools{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:9px 10px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-tools button{min-height:62px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-tools button span{font-size:8px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-footer{padding:12px 16px 16px}.customer-mobile-image-adjust-panel.is-desktop .customer-mobile-image-adjust-footer button{min-height:52px}.customer-personalizer.is-desktop-image-adjusting .customer-preview-stage iframe{pointer-events:none}.customer-personalizer.is-desktop-image-adjusting .customer-preview-stage{background:#fbfcff}@media (width<=720px){.customer-personalizer-main.is-mobile-image-adjust{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;transition:none}.customer-personalizer-main.is-mobile-image-adjust .customer-preview-panel{grid-template-rows:minmax(0,1fr);min-height:0}.customer-personalizer-main.is-mobile-image-adjust .customer-preview-stage{min-height:0}.customer-personalizer.is-mobile-image-adjusting .customer-preview-stage iframe{pointer-events:none}.customer-image-adjust-toggle{justify-content:space-between;min-width:150px}.customer-image-adjust-toggle>svg{flex:none}}@media (width<=390px){.customer-mobile-image-adjust-header{padding-inline:12px}.customer-mobile-image-adjust-header small{display:none}.customer-mobile-image-adjust-control{padding-inline:12px}.customer-mobile-image-adjust-tools{gap:2px;padding-inline:5px}.customer-mobile-image-adjust-tools button span{font-size:7px}}.font-set-preview-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.font-set-preview-list>div{border:1px solid var(--border);background:#fafbfc;border-radius:10px;gap:5px;min-width:0;padding:12px 13px;display:grid}.font-set-preview-list strong{color:#596273;text-overflow:ellipsis;white-space:nowrap;font:700 10px/1.25 system-ui,sans-serif;overflow:hidden}.font-set-preview-list span{color:#273044;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.25;overflow:hidden}@media (width<=720px){.font-set-preview-list,.template-personalization-align-options{grid-template-columns:1fr}}.font-set-starter-modal{width:min(1040px,100%)}.font-set-starter-loading{min-height:240px;color:var(--muted);align-content:center;place-items:center;gap:12px;font-weight:700;display:grid}.font-set-starter-info{align-items:flex-start;gap:10px;display:flex}.font-set-starter-info svg{color:var(--accent);flex:none}.font-set-starter-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.font-set-starter-summary>div{border:1px solid var(--border);background:#fafbfc;border-radius:11px;gap:3px;padding:13px 15px;display:grid}.font-set-starter-summary strong{color:#31394a;font-size:20px}.font-set-starter-summary span{color:var(--muted);font-size:11px;font-weight:700}.font-set-starter-summary .warning strong{color:#b86b00}.font-set-starter-actions{justify-content:flex-end;gap:14px;display:flex}.font-set-starter-list{gap:12px;display:grid}.font-set-starter-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;gap:12px;padding:15px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.font-set-starter-card:hover{border-color:#aeb5ef}.font-set-starter-card.selected{border-color:var(--accent);background:#fafaff;box-shadow:0 0 0 2px #6d72e312}.font-set-starter-card.existing,.font-set-starter-card.incomplete{cursor:default;background:#fafbfc}.font-set-starter-card-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;display:grid}.font-set-starter-card-header input{width:auto;accent-color:var(--accent);margin-top:3px}.font-set-starter-card-header>div{gap:4px;min-width:0;display:grid}.font-set-starter-card-header strong{color:#30384a;font-size:14px}.font-set-starter-card-header small{color:var(--muted);font-size:11px;line-height:1.45}.font-set-starter-status{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.font-set-starter-status.ready{color:#277847;background:#eaf7ef}.font-set-starter-status.existing{color:#5f6878;background:#eef1f6}.font-set-starter-status.incomplete{color:#a46000;background:#fff4df}.font-set-starter-meta{flex-wrap:wrap;gap:6px;display:flex}.font-set-starter-meta span{color:#687083;background:#f2f4f8;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.font-set-starter-fonts{flex-wrap:wrap;gap:7px;display:flex}.font-set-starter-fonts span{border:1px solid var(--border);color:#31394a;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:8px;max-width:230px;padding:7px 9px;font-size:15px;line-height:1.2;overflow:hidden}.font-set-starter-missing{color:#a46000;align-items:flex-start;gap:7px;font-size:11px;font-weight:700;display:flex}.font-set-starter-missing svg{flex:none}@media (width<=720px){.font-set-starter-summary{grid-template-columns:1fr}.font-set-starter-card-header{grid-template-columns:auto minmax(0,1fr)}.font-set-starter-status{grid-column:2;justify-self:start}.font-set-starter-actions{flex-wrap:wrap;justify-content:flex-start}}.graphics-library-tabs{border:1px solid var(--border);background:var(--background-soft,#f6f8fb);border-radius:12px;gap:6px;margin:0 0 18px;padding:5px;display:inline-flex}.graphics-library-tabs button{min-height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 15px;font-weight:700;display:inline-flex}.graphics-library-tabs button.active{background:#fff;box-shadow:0 1px 4px #0f172a1f}.illustration-asset-preview{object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#f2f4f7 25%,#0000 25%),linear-gradient(-45deg,#f2f4f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f2f4f7 75%),linear-gradient(-45deg,#0000 75%,#f2f4f7 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;padding:10px}.template-editor-resource-tabs{background:#f8fafc;border-bottom:1px solid #e4e9f1;gap:6px;padding:8px 10px 0;display:flex}.template-editor-resource-tabs button{color:#667085;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:9px 9px 0 0;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.template-editor-resource-tabs button:hover{color:#344054;background:#eef2f7}.template-editor-resource-tabs button.active{color:#1d2939;background:#fff;border-color:#d8dee8;box-shadow:0 -1px 2px #0f172a0a}.template-editor-resource-thumbnail.illustration{box-sizing:border-box;background-color:#fff;background-image:linear-gradient(45deg,#eef1f5 25%,#0000 25%),linear-gradient(-45deg,#eef1f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f5 75%),linear-gradient(-45deg,#0000 75%,#eef1f5 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;padding:10px}.template-editor-resource-thumbnail.illustration img{object-fit:contain}.illustration-preview-host{padding:0;overflow:hidden}.illustration-preview-host>.image-asset-preview{width:100%;height:100%}.product-configurations-section{overflow:hidden}.product-configurations-prerequisite{color:#795b1f;background:#fff8e8;border:1px solid #f2d49b;border-radius:10px;align-items:flex-start;gap:10px;margin:14px 24px 0;padding:12px 14px;display:flex}.product-configurations-prerequisite svg{flex:none;margin-top:1px}.product-configurations-prerequisite div{flex:1;gap:2px;display:grid}.product-configurations-prerequisite .secondary-button{flex:none;align-self:center}.product-configurations-prerequisite strong{font-size:12px}.product-configurations-prerequisite span{font-size:11px;line-height:1.45}.product-configurations-filters{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.product-configurations-filters .search-box{flex:1;max-width:520px}.product-configurations-table{min-width:1050px}.product-configurations-table .muted-cell{margin-top:4px;font-size:10px}.product-personalization-category{align-items:baseline;gap:4px;min-width:0;display:inline-flex}.product-personalization-category.compact{gap:0}.product-personalization-category-link{max-width:100%;color:var(--accent);font:inherit;font-weight:800;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline}.product-personalization-category-link:hover{text-underline-offset:2px;text-decoration:underline}.product-personalization-category-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px;border-radius:3px}.product-personalization-category-suffix{color:inherit}.product-personalization-template{font-weight:800}.product-personalization-template.compact{color:inherit;font-weight:650}.product-personalization-components{gap:2px;margin-top:4px;display:grid}.product-personalization-components .muted-cell{margin-top:0}.product-configuration-modal{width:min(940px,96vw)}.product-configuration-switches{align-content:center;gap:12px;padding:8px 0;display:grid}.product-configuration-switches label{color:#454d5f;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.product-configuration-switches input{width:17px;height:17px;accent-color:var(--accent)}@media (width<=760px){.product-configurations-prerequisite{flex-wrap:wrap;margin:12px 16px 0}.product-configurations-prerequisite .secondary-button{width:100%}.product-configurations-filters{flex-direction:column;align-items:stretch;padding:12px 16px}.product-configurations-filters .search-box{max-width:none}}.public-personalizer-runtime{background:#fff;width:100%;height:100dvh;min-height:0;overflow:hidden}.public-runtime-message{text-align:center;background:linear-gradient(145deg,#f7f8fb,#fff);place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:28px;display:grid}.public-runtime-message>div{width:72px;height:72px;color:var(--accent);background:#eef1ff;border-radius:24px;place-items:center;display:grid}.public-runtime-message.error>div{color:var(--danger);background:#fff0f0}.public-runtime-message .eyebrow{align-items:center;gap:6px;display:flex}.public-runtime-message h1{margin:0;font-size:24px}.public-runtime-message p{max-width:520px;color:var(--muted);margin:0;line-height:1.6}.spin{animation:1s linear infinite public-runtime-spin}@keyframes public-runtime-spin{to{transform:rotate(360deg)}}.public-project-view{background:#f6f7fa;min-height:100dvh;padding:32px}.public-project-view>header{align-items:center;gap:16px;max-width:1080px;margin:0 auto 24px;display:flex}.public-project-view h1{margin:3px 0;font-size:25px}.public-project-view p{color:var(--muted);margin:0;font-size:12px}.public-project-preview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:1080px;margin:0 auto;display:grid}.public-project-preview-grid figure{border:1px solid var(--border);background:#fff;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 8px 30px #1e293b10}.public-project-preview-grid img{object-fit:contain;background:#fff;width:100%;display:block}.public-project-preview-grid figcaption{color:var(--muted);padding:12px 15px;font-size:11px}.public-project-open{width:max-content;margin:20px auto 0;text-decoration:none}@media (width<=720px){.public-project-view{padding:20px 14px}.public-project-view>header{align-items:flex-start}.public-project-preview-grid{grid-template-columns:1fr}}.public-project-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);background:var(--background-soft,#f6f8fb);border-radius:16px;margin:0;padding:40px 24px}.product-configuration-auto-modal{width:min(1160px,97vw)}.product-configuration-auto-modal .modal-body{max-height:min(74vh,820px);overflow:auto}.idosell-discovery-bar{grid-template-columns:minmax(220px,.85fr) minmax(220px,1fr) auto;align-items:end;gap:14px;padding:2px 0 18px;display:grid}.idosell-discover-button{white-space:nowrap;min-height:46px}.idosell-discovery-empty{color:#697386;text-align:center;background:#f8faff;border:1px dashed #cfd6e5;border-radius:14px;justify-items:center;gap:8px;padding:44px 24px;display:grid}.idosell-discovery-empty strong{color:#20283a;font-size:15px}.idosell-discovery-empty span{max-width:620px;font-size:12px;line-height:1.55}.idosell-discovery-empty .link-button{margin-top:4px}.idosell-product-summary{grid-template-columns:1.35fr .8fr 1fr;gap:12px;margin-top:4px;display:grid}.idosell-product-summary>div{border:1px solid var(--border);background:#f9faff;border-radius:12px;gap:4px;min-width:0;padding:14px 16px;display:grid}.idosell-product-summary-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px!important}.idosell-product-summary-main>div{gap:4px;min-width:0;display:grid}.idosell-product-summary small{color:#788196;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}.idosell-product-summary strong{color:#1d2639;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.idosell-product-summary span{color:#697386;font-size:11px}.idosell-product-thumbnail{color:#a4adbd;background:#fff;border:1px solid #dfe4ee;border-radius:10px;flex:none;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.idosell-product-thumbnail.compact{border-radius:9px;width:48px;height:48px}.idosell-product-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.idosell-component-list{gap:12px;display:grid}.idosell-component-card{border:1px solid var(--border);background:#fbfcff;border-radius:13px;transition:border-color .15s,box-shadow .15s}.idosell-component-card.active{background:#fff;border-color:#bfc7fa;box-shadow:0 0 0 2px #626fed12}.idosell-component-heading{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.idosell-component-heading>label{cursor:pointer;align-items:center;gap:11px;min-width:0;display:flex}.idosell-component-heading input{width:18px;height:18px;accent-color:var(--accent);flex:none}.idosell-component-heading label span{gap:3px;min-width:0;display:grid}.idosell-component-heading strong{color:#232b3d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.idosell-component-heading small{color:#788196;font-size:10px}.idosell-component-heading .status-pill{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.idosell-component-fields{border-top:1px solid var(--border);background:#fafbff;align-items:end;padding:14px 16px 16px}.product-component-required{color:#485166;align-items:center;gap:8px;min-height:46px;font-size:11px;font-weight:650;display:flex}.product-component-required input{width:17px;height:17px;accent-color:var(--accent)}@media (width<=900px){.idosell-discovery-bar,.idosell-product-summary{grid-template-columns:1fr}.idosell-discover-button{width:100%}}@media (width<=640px){.product-configuration-auto-modal{border-radius:0;width:100vw;max-width:none;min-height:100dvh}.idosell-component-heading{flex-direction:column;align-items:flex-start}.idosell-component-heading .status-pill{margin-left:77px}}.idosell-category-assignment-summary{color:#147153;background:#f2fbf7;border:1px solid #cce7dc;border-radius:10px;align-items:flex-start;gap:9px;min-height:46px;padding:10px 12px;display:flex}.idosell-category-assignment-summary>svg{flex:none;margin-top:1px}.idosell-category-assignment-summary>div{gap:2px;display:grid}.idosell-category-assignment-summary strong{font-size:11px}.idosell-category-assignment-summary span{color:#497166;font-size:10px;line-height:1.45}.public-template-selection{background:linear-gradient(145deg,#f5f7fc 0%,#fff 48%,#f7f8ff 100%);min-height:100dvh;padding:28px clamp(16px,4vw,54px) 48px}.public-template-selection-header{background:#fffffff0;border:1px solid #e4e8f2;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1320px;margin:0 auto 24px;padding:22px 24px;display:flex;box-shadow:0 14px 44px #1f293714}.public-template-selection-heading{gap:5px;display:grid}.public-template-selection-heading .eyebrow{align-items:center;gap:6px;display:flex}.public-template-selection-heading h1{color:#1c2436;margin:0;font-size:clamp(24px,3vw,34px)}.public-template-selection-heading p{color:#374158;margin:0;font-size:15px;font-weight:750}.public-template-selection-heading small{color:#70798d;max-width:760px;font-size:12px;line-height:1.55}.public-template-selection-close{flex:none}.public-template-choice-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;max-width:1320px;margin:0 auto;display:grid}.public-template-choice-card{background:#fff;border:1px solid #e1e5ef;border-radius:17px;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 8px 28px #1f293712}.public-template-choice-card:hover{border-color:#bfc7fa;transform:translateY(-2px);box-shadow:0 14px 34px #1f29371c}.public-template-choice-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;grid-template-rows:minmax(200px,1fr) auto;padding:0;display:grid}.public-template-choice-button:disabled{cursor:wait}.public-template-choice-preview{background:linear-gradient(145deg,#fafbfe,#f3f5fa);border-bottom:1px solid #edf0f5;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.public-template-choice-preview>img{object-fit:contain;width:100%;height:100%;max-height:340px;padding:16px;display:block}.public-template-choice-placeholder{color:#8a93a6;text-align:center;justify-items:center;gap:10px;padding:28px;display:grid}.public-template-choice-placeholder span{max-width:210px;font-size:11px;line-height:1.45}.public-template-choice-loading{color:var(--accent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffc7;place-items:center;display:grid;position:absolute;inset:0}.public-template-choice-copy{gap:6px;padding:16px 17px 18px;display:grid}.public-template-choice-copy strong{color:#1f283a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.public-template-choice-copy span{color:#737d90;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.public-template-choice-copy small{color:#929aac;font-size:10px}.public-template-choice-copy b{width:max-content;color:var(--accent);background:#eef0ff;border-radius:9px;margin-top:4px;padding:8px 11px;font-size:11px}@media (width<=720px){.public-template-selection{padding:14px 12px 28px}.public-template-selection-header{border-radius:14px;margin-bottom:14px;padding:16px}.public-template-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-template-choice-button{grid-template-rows:minmax(135px,1fr) auto}.public-template-choice-preview{min-height:145px}.public-template-choice-copy{padding:11px 12px 13px}.public-template-choice-copy span{display:none}.public-template-choice-copy b{text-align:center;width:100%;padding:7px 8px}}@media (width<=430px){.public-template-choice-grid{grid-template-columns:1fr}.public-template-choice-preview{min-height:200px}}.customer-projects-section{gap:18px;display:grid}.customer-projects-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.customer-project-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.customer-project-summary-card{gap:7px;padding:18px;display:grid}.customer-project-summary-card small{color:var(--muted);font-weight:700}.customer-project-summary-card strong{font-size:28px}.customer-project-filters{grid-template-columns:minmax(280px,1fr) 230px 230px}.customer-project-table-wrap{min-height:260px}.customer-project-cell{align-items:center;gap:12px;min-width:270px;display:flex}.customer-project-cell img,.customer-project-placeholder{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:8px;flex:0 0 58px;width:58px;height:58px}.customer-project-placeholder{color:var(--muted);place-items:center;display:grid}.customer-project-cell div{gap:3px;display:grid}.customer-project-cell small,.table-subline{color:var(--muted);margin-top:3px;font-size:12px;display:block}.project-status{color:#465064;white-space:nowrap;background:#eef1f7;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.project-status--in_cart,.project-status--added_to_cart{color:#1665a8;background:#e8f3ff}.project-status--ordered,.project-status--in_production{color:#5b43c9;background:#eeeaff}.project-status--completed{color:#14865c;background:#e8f8f1}.project-status--cancelled,.project-status--removed_from_cart,.project-status--abandoned,.project-status--expired,.project-status--link_error{color:#a44a1c;background:#fff0e8}.project-status--deleted{color:#777;background:#f1f1f1}.customer-project-modal-backdrop{z-index:3000}.customer-project-modal{flex-direction:column;width:min(1120px,100vw - 40px);max-height:calc(100vh - 40px);display:flex;overflow:hidden}.customer-project-modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.customer-project-detail-content{gap:22px;padding:22px 24px;display:grid;overflow:auto}.customer-project-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.customer-project-page{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.customer-project-page>img,.customer-project-page-empty{aspect-ratio:1;object-fit:contain;background:#f7f8fb;width:100%}.customer-project-page-empty{color:var(--muted);place-items:center;display:grid}.customer-project-page>div:last-child{justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.customer-project-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.customer-project-meta-grid>div{border:1px solid var(--border);background:#fafbfe;border-radius:10px;gap:5px;padding:13px;display:grid}.customer-project-meta-grid small{color:var(--muted)}.customer-project-history{gap:10px;display:grid}.customer-project-history>div{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:11px 0;display:flex}.customer-project-history p{gap:3px;margin:0;display:grid}.customer-project-history small{color:var(--muted)}.customer-project-retention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.retention-input{align-items:center;gap:9px;display:flex}.retention-input input{width:130px}.retention-input em{color:var(--muted);font-style:normal;font-weight:700}.customer-project-cleanup-actions{flex-wrap:wrap;gap:10px}.customer-project-cleanup-result{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.customer-project-cleanup-result>div{border:1px solid var(--border);border-radius:10px;gap:4px;padding:12px;display:grid}.customer-project-cleanup-result small{color:var(--muted)}.customer-project-cleanup-result strong{font-size:22px}@media (width<=1000px){.customer-project-summary,.customer-project-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-project-filters{grid-template-columns:1fr}}@media (width<=700px){.customer-projects-heading{flex-direction:column}.customer-project-summary,.customer-project-meta-grid,.customer-project-retention-grid,.customer-project-cleanup-result{grid-template-columns:1fr}.customer-project-modal{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}}.customer-project-danger-zone{background:#fff7f7;border:1px solid #f2c7c7;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.customer-project-danger-zone>div{gap:4px;display:grid}.customer-project-danger-zone small{color:var(--muted)}@media (width<=700px){.customer-project-danger-zone{flex-direction:column;align-items:stretch}}.customer-project-row-actions{justify-content:flex-end;align-items:center;gap:7px;display:inline-flex}.customer-project-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.customer-project-editor-runtime{z-index:180;background:#fff;position:fixed;inset:0}.customer-project-editor-runtime .customer-personalizer{height:100dvh}@media (width<=700px){.customer-project-modal>header{gap:12px}.customer-project-modal-actions .secondary-button{padding-inline:12px}}.customer-project-pdf-options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.customer-project-pdf-dialog-backdrop{z-index:3200}.customer-project-pdf-dialog{flex-direction:column;width:min(820px,100vw - 40px);max-height:calc(100vh - 40px);display:flex;overflow:hidden}.customer-project-pdf-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;display:flex}.customer-project-pdf-dialog-content{gap:18px;padding:22px 24px;display:grid;overflow:auto}.customer-project-pdf-dialog>footer{border-top:1px solid var(--border);background:#fafbfe;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.customer-project-pdf-dialog .settings-notice{margin:0}@media (width<=900px){.customer-project-pdf-options-grid{grid-template-columns:1fr}}@media (width<=700px){.customer-project-pdf-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.customer-project-pdf-dialog>footer .primary-button,.customer-project-pdf-dialog>footer .secondary-button{flex:220px}}.customer-project-svg-dialog-backdrop{z-index:3200}.customer-project-svg-dialog{flex-direction:column;width:min(680px,100vw - 40px);max-height:calc(100vh - 40px);display:flex;overflow:hidden}.customer-project-svg-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;display:flex}.customer-project-svg-dialog-content{gap:18px;padding:22px 24px;display:grid;overflow:auto}.customer-project-svg-dialog>footer{border-top:1px solid var(--border);background:#fafbfe;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.customer-project-svg-dialog .settings-notice{margin:0}@media (width<=700px){.customer-project-svg-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.customer-project-svg-dialog>footer .primary-button,.customer-project-svg-dialog>footer .secondary-button{flex:220px}}.editor-background-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.editor-background-mode-option{border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;min-height:132px;padding:14px;display:grid;position:relative}.editor-background-mode-option:hover{background:#f8f8ff;border-color:#cfd4ff}.editor-background-mode-option.active{background:var(--accent-soft);border-color:#aeb6ff;box-shadow:0 0 0 2px #6366f114}.editor-background-mode-option input{opacity:0;pointer-events:none;position:absolute}.editor-background-mode-icon{width:34px;height:34px;color:var(--accent);background:#fff;border:1px solid #e2e5ef;border-radius:9px;place-items:center;display:grid}.editor-background-mode-option strong,.editor-background-mode-option small{display:block}.editor-background-mode-option strong{color:#343d50;font-size:11px;line-height:1.35}.editor-background-mode-option small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5}.editor-background-mode-check{color:var(--success)}.template-editor-background-removal-mode{color:#64748b;align-items:center;gap:6px;width:100%;font-size:10px;line-height:1.35;display:flex}.template-editor-background-removal-mode strong{color:#334155}.template-editor-resource-remove-background{color:#4f46e5;background:#f3f5ff;border-color:#c9d0ff;font-weight:800}.template-editor-resource-remove-background:hover:not(:disabled){background:#e9edff;border-color:#aeb6ff}@media (width<=900px){.editor-background-mode-grid{grid-template-columns:1fr}.editor-background-mode-option{min-height:0}}.template-analytics-section{gap:18px;display:grid}.template-analytics-toolbar{padding:22px}.template-analytics-toolbar-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.template-analytics-toolbar-top h2{margin:5px 0 6px;font-size:22px}.template-analytics-toolbar-top p{color:var(--muted);max-width:850px;margin:0;font-size:13px;line-height:1.55}.template-analytics-presets{flex-wrap:wrap;gap:7px;margin:20px 0 14px;display:flex}.template-analytics-presets button{border:1px solid var(--border);color:#5f6878;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.template-analytics-presets button.active{color:var(--accent);background:var(--accent-soft);border-color:#aeb4f4}.template-analytics-filters{grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;display:grid}.template-analytics-filters label{gap:5px;min-width:0;display:grid}.template-analytics-filters label>span{color:#7b8495;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.template-analytics-filters input,.template-analytics-filters select{background:#fff;border:1px solid #d8dde7;border-radius:8px;outline:0;width:100%;min-width:0;padding:9px 10px}.template-analytics-search>div{color:#8a93a5;border:1px solid #d8dde7;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 9px;display:flex}.template-analytics-search>div input{border:0;padding:0}.template-analytics-data-note{color:#737d8f;background:#f7f8fb;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:11px}.template-analytics-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.template-analytics-summary-card{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:17px 18px;display:flex;box-shadow:0 5px 20px #1e293b08}.template-analytics-summary-card>span{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.template-analytics-summary-card strong,.template-analytics-summary-card b,.template-analytics-summary-card small{display:block}.template-analytics-summary-card strong{font-size:23px}.template-analytics-summary-card b{margin-top:1px;font-size:12px}.template-analytics-summary-card small{color:var(--muted);margin-top:3px;font-size:10px}.template-analytics-table-panel{overflow:hidden}.template-analytics-heading{align-items:flex-start;gap:16px;padding:20px 22px 0}.template-analytics-heading>strong{color:var(--muted);white-space:nowrap;font-size:12px}.template-analytics-table tbody tr{cursor:pointer}.template-analytics-table tbody tr.selected{box-shadow:inset 3px 0 0 var(--accent);background:#f6f7ff}.template-analytics-table td>small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.template-analytics-score{color:#687180;background:#f0f2f5;border-radius:10px;flex-direction:column;align-items:center;min-width:68px;padding:6px 8px;font-size:16px;font-weight:900;display:inline-flex}.template-analytics-score small{text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:800}.template-analytics-score.top{color:#14804a;background:#e6f8ef}.template-analytics-score.strong{color:#3b7a25;background:#edf7e8}.template-analytics-score.average{color:#9a6a08;background:#fff6dc}.template-analytics-score.weak{color:#ae6211;background:#fff0df}.template-analytics-score.replace{color:#b23a3a;background:#ffebeb}.template-analytics-trend{color:#7c8595;align-items:center;gap:4px;font-weight:800;display:inline-flex}.template-analytics-trend.up{color:#17834f}.template-analytics-trend.down{color:#bd4040}.template-analytics-seasonality{padding-bottom:20px;overflow:hidden}.template-season-chart{border-top:1px solid #edf0f4;grid-template-columns:repeat(12,minmax(48px,1fr));align-items:end;gap:8px;height:245px;margin:8px 22px 0;padding:18px 8px 4px;display:grid;overflow-x:auto}.template-season-month{text-align:center;grid-template-rows:1fr auto;gap:7px;min-width:48px;height:205px;display:grid}.template-season-bar-wrap{border-bottom:1px solid #e4e8ef;justify-content:center;align-items:flex-end;height:178px;display:flex}.template-season-bar{background:var(--accent);border-radius:6px 6px 2px 2px;width:min(34px,70%);min-height:2px;position:relative}.template-season-bar span{color:#667085;white-space:nowrap;font-size:9px;font-weight:800;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.template-season-month small{color:#7b8495;text-transform:capitalize;font-size:9px}.template-season-legend{color:var(--muted);justify-content:space-between;gap:16px;margin:10px 22px 0;font-size:10px;display:flex}.template-season-legend span{font-weight:700}.template-season-legend i{background:var(--accent);border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.template-analytics-loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}@media (width<=1200px){.template-analytics-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.template-analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.template-analytics-toolbar-top{flex-direction:column}.template-analytics-filters,.template-analytics-summary-grid{grid-template-columns:1fr 1fr}.template-season-legend{flex-direction:column}}@media (width<=520px){.template-analytics-filters,.template-analytics-summary-grid{grid-template-columns:1fr}}.template-analytics-diagnosis{color:#667085;white-space:nowrap;background:#f1f3f6;border-radius:999px;align-items:center;gap:5px;max-width:145px;padding:6px 8px;font-size:9px;font-weight:850;line-height:1.2;display:inline-flex}.template-analytics-diagnosis.hidden_hit,.template-analytics-diagnosis.promote{color:#18794e;background:#e8f7ef}.template-analytics-diagnosis.improve_thumbnail{color:#4f5bd5;background:#eef2ff}.template-analytics-diagnosis.improve_template{color:#946200;background:#fff5de}.template-analytics-diagnosis.replace{color:#b33a3a;background:#ffeded}.template-analytics-diagnosis.insufficient_data{color:#747d8b;background:#f0f2f5}.template-analytics-details{padding:20px 22px 22px;overflow:hidden}.template-analytics-detail-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.template-analytics-detail-title{align-items:center;gap:13px;min-width:0;display:flex}.template-analytics-detail-title h3{margin:4px 0 2px;font-size:18px}.template-analytics-detail-title small{color:var(--muted);font-size:10px}.template-analytics-detail-thumb{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.template-analytics-detail-thumb.placeholder{color:#9aa3b2;background:#f7f8fa}.template-analytics-diagnosis-card{color:#596274;background:#f8f9fb;border:1px solid #e2e6ec;border-radius:11px;align-items:flex-start;gap:10px;max-width:520px;padding:12px 14px;display:flex}.template-analytics-diagnosis-card>svg{flex:none;margin-top:1px}.template-analytics-diagnosis-card div{gap:3px;display:grid}.template-analytics-diagnosis-card strong{font-size:12px}.template-analytics-diagnosis-card span{font-size:10px;line-height:1.5}.template-analytics-diagnosis-card.hidden_hit,.template-analytics-diagnosis-card.promote{color:#276848;background:#effaf4;border-color:#cbe8d7}.template-analytics-diagnosis-card.improve_thumbnail{color:#4c56a8;background:#f4f5ff;border-color:#d8ddff}.template-analytics-diagnosis-card.improve_template{color:#805f18;background:#fff9eb;border-color:#f0dfb4}.template-analytics-diagnosis-card.replace{color:#9c4141;background:#fff4f4;border-color:#f2cfcf}.template-analytics-detail-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.template-analytics-detail-metrics>div{border:1px solid var(--border);background:#fbfcfe;border-radius:10px;gap:3px;min-width:0;padding:12px 13px;display:grid}.template-analytics-detail-metrics small{color:#7c8595;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.template-analytics-detail-metrics strong{color:#20283a;font-size:18px}.template-analytics-detail-metrics span{color:#7a8495;font-size:9px;line-height:1.35}.template-analytics-detail-columns{grid-template-columns:1.35fr .85fr;gap:12px;margin-top:12px;display:grid}.template-analytics-funnel-card,.template-analytics-benchmark-card,.template-analytics-device-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:15px 16px}.template-analytics-funnel-card h4,.template-analytics-benchmark-card h4,.template-analytics-device-card h4{margin:0 0 12px;font-size:12px}.template-analytics-funnel{grid-template-columns:repeat(9,auto);justify-content:space-between;align-items:center;gap:7px;display:grid}.template-analytics-funnel>div{gap:2px;min-width:76px;display:grid}.template-analytics-funnel b{color:#6e7788;font-size:9px}.template-analytics-funnel strong{font-size:17px}.template-analytics-funnel small{color:var(--muted);font-size:9px}.template-analytics-funnel>span{color:#a7aeba;font-size:13px}.template-analytics-benchmark-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-analytics-benchmark-grid>div{background:#f7f8fb;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.template-analytics-benchmark-grid span{color:#7b8495;font-size:9px}.template-analytics-benchmark-grid strong{font-size:14px}.template-analytics-benchmark-grid small{color:var(--muted);font-size:8px}.template-analytics-device-card{margin-top:12px}.template-analytics-device-heading p{color:var(--muted);margin:-6px 0 12px;font-size:9px}.template-analytics-device-table{min-width:760px}.template-analytics-device-table td small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.template-device-name{align-items:center;gap:7px;font-weight:750;display:inline-flex}@media (width<=1500px){.template-analytics-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.template-analytics-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.template-analytics-detail-columns{grid-template-columns:1fr}.template-analytics-funnel{justify-content:start;overflow-x:auto}}@media (width<=900px){.template-analytics-detail-header{flex-direction:column}.template-analytics-diagnosis-card{max-width:none}.template-analytics-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.template-analytics-filters{grid-template-columns:1fr 1fr}.template-analytics-detail-metrics{grid-template-columns:1fr}.template-analytics-details{padding:16px}.template-analytics-detail-title{align-items:flex-start}}@media (width<=520px){.template-analytics-filters,.template-analytics-benchmark-grid{grid-template-columns:1fr}}.template-analytics-table tbody tr[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:#f6f7ff}.template-analytics-details-button{color:var(--accent);cursor:pointer;background:#fff;border:1px solid #d9def0;border-radius:7px;align-items:center;gap:5px;margin-top:6px;padding:4px 7px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.template-analytics-details-button:hover{background:var(--accent-soft);border-color:#b9c0f5}.template-analytics-details{scroll-margin-top:18px}.template-analytics-filters{grid-template-columns:repeat(8,minmax(115px,1fr))}.template-analytics-insight-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px;display:grid}.template-analytics-actions-panel,.template-analytics-pareto-panel{overflow:hidden}.template-analytics-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 22px 20px;display:grid}.template-analytics-action-card{border:1px solid var(--border);background:#fbfcfe;border-radius:11px;min-width:0;padding:13px}.template-analytics-action-card>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-analytics-action-card>div:first-child span{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:850}.template-analytics-action-card>div:first-child strong{font-size:22px}.template-analytics-action-card>p{min-height:30px;color:var(--muted);margin:4px 0 9px;font-size:9px;line-height:1.45}.template-analytics-action-card.promote{background:#f4fbf7;border-color:#cfe8da}.template-analytics-action-card.promote>div:first-child{color:#20734b}.template-analytics-action-card.improve{background:#fffaf0;border-color:#eadfbf}.template-analytics-action-card.improve>div:first-child{color:#8b661b}.template-analytics-action-card.replace{background:#fff6f6;border-color:#efcfcf}.template-analytics-action-card.replace>div:first-child{color:#a84444}.template-analytics-action-list{gap:5px;display:grid}.template-analytics-action-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e7ed;border-radius:7px;gap:1px;min-width:0;padding:6px 8px;display:grid}.template-analytics-action-list>button:hover{background:#f9f9ff;border-color:#c8cdf1}.template-analytics-action-list>button span{text-overflow:ellipsis;white-space:nowrap;color:#343d50;font-size:9px;font-weight:800;overflow:hidden}.template-analytics-action-list>button small,.template-analytics-action-list>small{color:var(--muted);font-size:8px}.template-analytics-pareto-grid{gap:10px;padding:14px 22px 20px;display:grid}.template-analytics-pareto-grid>div{border:1px solid var(--border);background:#fbfcfe;border-radius:10px;grid-template-columns:auto 1fr;column-gap:10px;padding:12px 13px;display:grid}.template-analytics-pareto-grid span{color:#7b8495;text-transform:uppercase;grid-column:1/-1;font-size:9px;font-weight:850}.template-analytics-pareto-grid strong{color:#293144;align-self:end;font-size:24px}.template-analytics-pareto-grid b{align-self:end;padding-bottom:3px;font-size:9px;line-height:1.35}.template-analytics-pareto-grid small{color:var(--muted);grid-column:1/-1;margin-top:5px;font-size:8px;line-height:1.45}.template-lifecycle-badge{color:#697386;white-space:nowrap;background:#f0f2f5;border-radius:999px;align-items:center;width:max-content;padding:5px 7px;font-size:9px;font-weight:850;display:inline-flex}.template-lifecycle-badge.new{color:#4f5bd5;background:#eef2ff}.template-lifecycle-badge.growing{color:#18794e;background:#e8f7ef}.template-lifecycle-badge.declining{color:#9b621e;background:#fff0df}.template-lifecycle-badge.seasonal{color:#7550a8;background:#f3ebff}.template-lifecycle-badge.dormant{color:#a94444;background:#ffeded}.template-analytics-detail-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.template-analytics-full-funnel{margin-top:12px}.template-analytics-funnel{grid-template-columns:repeat(11,auto)}.template-analytics-dropoff-card,.template-analytics-lifecycle-card{border:1px solid var(--border);background:#fff;border-radius:11px;margin-top:12px;padding:15px 16px}.template-analytics-dropoff-card h4,.template-analytics-lifecycle-card h4{margin:0 0 12px;font-size:12px}.template-analytics-dropoff-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.template-analytics-dropoff-grid>div{background:#fff8f5;border:1px solid #f1e3dd;border-radius:9px;gap:3px;min-width:0;padding:10px 11px;display:grid}.template-analytics-dropoff-grid span{color:#806c63;font-size:9px;font-weight:800}.template-analytics-dropoff-grid strong{color:#4a3831;font-size:18px}.template-analytics-dropoff-grid small{color:#9a8379;font-size:8px;line-height:1.35}.template-analytics-comparison-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.template-analytics-comparison-grid .template-analytics-benchmark-card{min-width:0}.template-analytics-lifecycle-card .template-analytics-device-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-analytics-lifecycle-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.template-analytics-lifecycle-grid>div{background:#f7f8fb;border-radius:9px;gap:3px;min-width:0;padding:10px 11px;display:grid}.template-analytics-lifecycle-grid span{color:#7b8495;text-transform:uppercase;font-size:8px;font-weight:800}.template-analytics-lifecycle-grid strong{color:#2f3748;font-size:12px}.template-analytics-lifecycle-grid small{color:var(--muted);font-size:8px;line-height:1.35}@media (width<=1500px){.template-analytics-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.template-analytics-detail-metrics,.template-analytics-dropoff-grid,.template-analytics-lifecycle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1200px){.template-analytics-insight-grid,.template-analytics-comparison-grid{grid-template-columns:1fr}}@media (width<=900px){.template-analytics-action-grid{grid-template-columns:1fr}.template-analytics-lifecycle-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.template-analytics-filters,.template-analytics-dropoff-grid{grid-template-columns:1fr 1fr}.template-analytics-lifecycle-grid{grid-template-columns:1fr}.template-analytics-lifecycle-card .template-analytics-device-heading{flex-direction:column}}@media (width<=520px){.template-analytics-filters,.template-analytics-dropoff-grid{grid-template-columns:1fr}}.toggle-row{border:1px solid var(--border);color:#4e586a;background:#fbfcfe;border-radius:9px;align-items:center;gap:9px;min-height:38px;padding:8px 10px;font-size:10px;font-weight:750;display:flex}.toggle-row input{margin:0}.template-analytics-table{min-width:2050px}.template-analytics-diagnosis.technical_issue{color:#a13f3a;background:#ffeceb}.template-analytics-diagnosis-card.technical_issue{color:#963f3a;background:#fff5f4;border-color:#efcecb}.template-position-recommendation{color:#667085;white-space:nowrap;font-size:11px;display:inline-flex}.template-position-recommendation.up{color:#18794e}.template-position-recommendation.down{color:#a84444}.template-analytics-advanced-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.template-analytics-advanced-card{border:1px solid var(--border);background:#fff;border-radius:11px;min-width:0;padding:15px 16px}.template-analytics-advanced-card .template-analytics-device-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-analytics-advanced-card h4{margin:0 0 12px;font-size:12px}.template-analytics-advanced-card p{line-height:1.5}.template-analytics-card-note{color:#697386;margin:10px 0 8px;font-size:9px;line-height:1.5}.template-position-simulator{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:4px;display:grid}.template-position-simulator>div{text-align:center;background:#f8f9fb;border:1px solid #e1e5ec;border-radius:10px;gap:3px;padding:12px;display:grid}.template-position-simulator span{color:#7b8495;text-transform:uppercase;font-size:9px;font-weight:800}.template-position-simulator strong{color:#273044;font-size:26px}.template-position-arrow{color:var(--accent)!important;font-size:22px!important}.template-ab-status{color:#747d8b;background:#f0f2f5;border-radius:999px;flex:none;padding:5px 7px;font-size:8px;font-weight:900}.template-ab-status.active{color:#18794e;background:#e8f7ef}.template-ab-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.template-ab-variant{background:#fafbfc;border:1px solid #e3e6ed;border-radius:10px;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 12px;display:grid}.template-ab-variant>div{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.template-ab-variant>div strong{font-size:12px}.template-ab-variant>div span{color:#18794e;text-transform:uppercase;background:#e6f8ef;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:900}.template-ab-variant small{color:#7b8495;font-size:8px}.template-ab-variant b{text-align:right;color:#313a4d;font-size:10px}.template-ab-variant.winner{background:#f2faf5;border-color:#bddfca}.template-error-count{color:#5f6878;background:#f1f3f6;border-radius:9px;place-items:center;min-width:36px;min-height:32px;padding:4px 8px;font-size:17px;display:grid}.template-error-count.alert{color:#ad403d;background:#ffeded}.template-technical-error-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px;display:grid}.template-technical-error-grid>div{background:#f7f8fb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:flex}.template-technical-error-grid span{text-overflow:ellipsis;white-space:nowrap;color:#70798a;font-size:8px;overflow:hidden}.template-technical-error-grid strong{color:#30394b;font-size:12px}.template-change-history{gap:7px;max-height:290px;padding-right:3px;display:grid;overflow:auto}.template-change-history>div{background:#fafbfc;border:1px solid #e6e9ef;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:start;gap:6px 9px;padding:8px 9px;display:grid}.template-change-history time{color:#7b8495;white-space:nowrap;font-size:8px}.template-change-history span{color:#596274;text-transform:uppercase;white-space:nowrap;background:#edf0f7;border-radius:5px;padding:2px 5px;font-size:7px;font-weight:850}.template-change-history p{color:#3e4759;grid-column:3;margin:0;font-size:9px;line-height:1.4}@media (width<=1200px){.template-analytics-advanced-grid{grid-template-columns:1fr}}@media (width<=700px){.template-ab-grid,.template-technical-error-grid{grid-template-columns:1fr}.template-change-history>div{grid-template-columns:auto 1fr}.template-change-history p{grid-column:1/-1}}.public-template-search-wrap{align-items:center;gap:12px;max-width:1320px;margin:0 auto 18px;display:flex}.public-template-search{color:#8b94a6;background:#fff;border:1px solid #dfe4ee;border-radius:13px;flex:1;align-items:center;gap:9px;min-width:260px;max-width:620px;padding:0 12px;display:flex;box-shadow:0 6px 20px #1f29370d}.public-template-search input{color:#222b3c;background:0 0;border:0;outline:0;width:100%;min-width:0;height:44px;font-size:13px}.public-template-search button{color:#8b94a6;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.public-template-search-wrap>small{color:#7a8497;white-space:nowrap;font-size:10px}.public-template-search-empty{color:#8a93a6;text-align:center;background:#fff;border:1px dashed #d9deea;border-radius:16px;align-content:center;place-items:center;gap:10px;max-width:1320px;min-height:240px;margin:0 auto;padding:30px;display:grid}.public-template-search-empty strong{max-width:420px;font-size:13px;line-height:1.5}.template-analytics-demand-grid{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:14px;display:grid}.template-search-analytics-panel,.template-position-opportunity-panel{overflow:hidden}.template-search-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 22px 0;display:grid}.template-search-summary>div{border:1px solid var(--border);background:#f8f9fc;border-radius:9px;gap:2px;padding:10px 11px;display:grid}.template-search-summary span{color:#7c8595;text-transform:uppercase;font-size:8px;font-weight:800}.template-search-summary strong{font-size:16px}.template-search-analytics-columns{grid-template-columns:1fr 1fr;gap:12px;padding:14px 22px 20px;display:grid}.template-search-analytics-columns h4,.template-position-opportunity-columns h4{margin:0 0 9px;font-size:11px}.template-search-opportunity-list,.template-search-query-list{gap:6px;display:grid}.template-search-opportunity-list>div,.template-search-query-list>div{background:#fff;border:1px solid #e6e9ef;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;min-width:0;padding:8px 9px;display:grid}.template-search-opportunity-list strong,.template-search-query-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.template-search-opportunity-list small,.template-search-query-list small{color:var(--muted);grid-column:1;font-size:8px}.template-search-opportunity-list>div>span,.template-search-query-list>div>span{color:#6b7486;grid-area:1/2/3;align-self:center;font-size:9px;font-weight:800}.template-position-opportunity-columns{grid-template-columns:1fr 1fr;gap:10px;padding:14px 22px 20px;display:grid}.template-position-opportunity-columns h4{align-items:center;gap:6px;display:flex}.template-position-opportunity-columns>div:first-child h4{color:#20734b}.template-position-opportunity-columns>div:last-child h4{color:#a84444}.template-position-opportunity-columns button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e7ed;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:6px;padding:8px 9px;display:flex}.template-position-opportunity-columns button:hover{background:#f9f9ff;border-color:#c8cdf1}.template-position-opportunity-columns button span{gap:2px;min-width:0;display:grid}.template-position-opportunity-columns button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-position-opportunity-columns button small{color:var(--muted);font-size:8px}.template-position-opportunity-columns button b{font-size:11px}.template-personalization-time-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.template-personalization-time-grid>div{background:#f7f8fb;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.template-personalization-time-grid span{color:#7b8495;font-size:8px}.template-personalization-time-grid strong{font-size:13px}.template-personalization-interactions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.template-personalization-interactions>div{background:#fff;border:1px solid #e5e8ee;border-radius:999px;align-items:center;gap:6px;padding:5px 7px;display:flex}.template-personalization-interactions span{color:#6f7889;font-size:8px}.template-personalization-interactions strong{font-size:9px}@media (width<=1200px){.template-analytics-demand-grid,.template-search-analytics-columns,.template-position-opportunity-columns{grid-template-columns:1fr}.template-personalization-time-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.public-template-search-wrap{flex-direction:column;align-items:stretch}.public-template-search{max-width:none}.template-search-summary{grid-template-columns:1fr 1fr}.template-personalization-time-grid{grid-template-columns:1fr}}.automatic-ranking-panel{padding:0 22px 20px}.automatic-ranking-status{letter-spacing:.05em;border-radius:999px;align-items:center;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.automatic-ranking-status.active{color:#167747;background:#e8f7ef}.automatic-ranking-status.inactive{color:#6b7280;background:#f0f2f5}.automatic-ranking-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-top:16px;display:grid}.automatic-ranking-grid label{gap:5px;display:grid}.automatic-ranking-grid label>span{color:#7b8495;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.automatic-ranking-grid input,.automatic-ranking-grid select{background:#fff;border:1px solid #d8dde7;border-radius:8px;width:100%;min-width:0;padding:9px 10px}.automatic-ranking-grid label>small{color:var(--muted);font-size:9px}.automatic-ranking-actions{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.automatic-ranking-actions>div{color:#475467;gap:3px;margin-right:auto;font-size:11px;display:grid}.automatic-ranking-actions>div small{color:var(--muted);max-width:760px}.automatic-ranking-pin-row{color:#5e6879;background:#f7f8fb;border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:11px;display:flex}.automatic-ranking-pin-row input{background:#fff;border:1px solid #d8dde7;border-radius:7px;width:86px;padding:7px 8px}.automatic-ranking-pin-row.compact{margin-top:12px}.automatic-ranking-pin-row .secondary-button{margin-left:auto}@media (width<=1200px){.automatic-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.automatic-ranking-grid{grid-template-columns:1fr 1fr}.automatic-ranking-actions{flex-direction:column;align-items:stretch}.automatic-ranking-actions>div{margin-right:0}.automatic-ranking-pin-row{flex-wrap:wrap}.automatic-ranking-pin-row .secondary-button{margin-left:0}}@media (width<=520px){.automatic-ranking-grid{grid-template-columns:1fr}}.template-analytics-dashboard-charts{gap:14px;display:grid}.template-dashboard-chart-pair{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px;display:grid}.template-dashboard-chart-panel{min-width:0;overflow:hidden}.template-dashboard-chart-card{min-width:0;padding:20px 22px 22px}.template-dashboard-chart-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.template-dashboard-chart-heading.compact{margin-bottom:12px}.template-dashboard-chart-heading>div:first-child>span{color:var(--accent);letter-spacing:.08em;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.template-dashboard-chart-heading h3{margin:4px 0;font-size:15px}.template-dashboard-chart-heading p{max-width:720px;color:var(--muted);margin:0;font-size:10px;line-height:1.5}.template-dashboard-chart-heading>small{color:var(--muted);white-space:nowrap;padding-top:4px;font-size:9px}.template-chart-switches{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.template-chart-switches button{color:#697386;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}.template-chart-switches button.active{background:var(--accent-soft);color:var(--accent);border-color:#aeb4f4}.template-trend-chart-wrap{min-width:0;overflow-x:auto}.template-trend-chart{width:100%;min-width:620px;height:auto;display:block}.template-chart-grid-line{stroke:#e9ecf2;stroke-width:1px}.template-chart-axis-text{fill:#818a9a;font-size:9px}.template-trend-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.template-trend-point{fill:#fff;stroke:var(--accent);stroke-width:2px}.template-dashboard-funnel{gap:6px;display:grid}.template-dashboard-funnel-stage{justify-content:center;display:flex}.template-dashboard-funnel-bar{background:linear-gradient(90deg,var(--accent-soft),#fff);border:1px solid #dfe3ef;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 8px;min-height:46px;padding:7px 12px;display:grid}.template-dashboard-funnel-bar span{color:#626b7d;font-size:9px;font-weight:850}.template-dashboard-funnel-bar strong{color:#293144;grid-area:1/2/3;font-size:15px}.template-dashboard-funnel-bar small{color:var(--muted);font-size:8px}.template-chart-switches.top-switches{justify-content:flex-start;margin:-2px 0 12px}.template-top-bars{gap:5px;display:grid}.template-top-bars>button{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:24px minmax(110px,.9fr) minmax(100px,1.4fr) 62px;align-items:center;gap:8px;padding:5px 6px;display:grid}.template-top-bars>button:hover{background:#fafaff;border-color:#e0e3f7}.template-top-bars>button.selected{background:#f6f7ff;border-color:#c6caf8}.template-top-rank{color:#70798b;background:#f0f2f6;border-radius:7px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.template-top-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:800;overflow:hidden}.template-top-name small{text-overflow:ellipsis;color:var(--muted);font-size:7px;font-weight:600;display:block;overflow:hidden}.template-top-bar-track{background:#eef0f5;border-radius:999px;height:8px;overflow:hidden}.template-top-bar-track i{border-radius:inherit;background:var(--accent);height:100%;display:block}.template-top-bars>button>strong{text-align:right;font-size:10px}.template-chart-empty{color:var(--muted);text-align:center;border:1px dashed #d9dde6;border-radius:10px;margin:18px 0 4px;padding:18px;font-size:10px}.template-potential-plot-shell{padding:8px 8px 25px 34px;position:relative}.template-potential-plot{background:#fbfcfe;border:1px solid #e1e5ec;border-radius:11px;height:330px;position:relative;overflow:hidden}.template-potential-y-title{color:#778194;white-space:nowrap;font-size:8px;font-weight:800;position:absolute;top:50%;left:-6px;transform:translate(-50%,-50%)rotate(-90deg)}.template-potential-x-title{color:#778194;white-space:nowrap;font-size:8px;font-weight:800;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.template-potential-divider{z-index:1;opacity:.75;pointer-events:none;background:#aeb5c3;display:block;position:absolute}.template-potential-divider.vertical{width:1px;top:0;bottom:0}.template-potential-divider.horizontal{height:1px;left:0;right:0}.template-potential-benchmark-label{z-index:2;color:#747d8e;pointer-events:none;background:#ffffffd9;border-radius:4px;padding:2px 4px;font-size:7px;font-weight:800;position:absolute;top:6px;transform:translate(5px)}.template-potential-zone{z-index:0;pointer-events:none;opacity:.8;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:850;position:absolute}.template-potential-zone.zone-promote{color:#26764d;background:#e9f7ef;top:9px;right:9px}.template-potential-zone.zone-thumbnail{color:#95630b;background:#fff4db;top:9px;left:9px}.template-potential-zone.zone-template{color:#a55c13;background:#fff0e2;bottom:9px;right:9px}.template-potential-zone.zone-replace{color:#9c4949;background:#f8ecec;bottom:9px;left:9px}.template-potential-point{z-index:3;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:999px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #27304429}.template-potential-point.promote{background:#2f9b68}.template-potential-point.thumbnail{background:#d9a11a}.template-potential-point.template{background:#dd7a2a}.template-potential-point.replace{background:#c45a5a}.template-potential-point:hover,.template-potential-point:focus-visible{z-index:5;outline:0;transform:translate(-50%,-50%)scale(1.22);box-shadow:0 0 0 3px #fff,0 0 0 5px #8e96ee}.template-potential-point.selected{z-index:4;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--accent)}@media (width<=1200px){.template-dashboard-chart-pair{grid-template-columns:1fr}.template-dashboard-chart-heading{flex-direction:column}.template-chart-switches{justify-content:flex-start}.template-potential-plot{height:300px}}@media (width<=760px){.template-dashboard-chart-card{padding:17px 16px 18px}.template-top-bars>button{grid-template-columns:22px minmax(90px,1fr) minmax(80px,1fr) 54px}.template-potential-plot{height:270px}}@media (width<=540px){.template-top-bars>button{grid-template-columns:22px minmax(0,1fr) 52px}.template-top-bar-track{grid-column:2/4;width:100%}.template-potential-plot{height:245px}}.template-seasonal-forecast-panel{padding-bottom:20px;overflow:hidden}.template-seasonal-forecast-panel .template-analytics-heading h3{align-items:center;gap:8px;display:flex}.seasonal-forecast-controls{grid-template-columns:repeat(3,minmax(150px,220px));gap:10px;margin:16px 22px 0;display:grid}.seasonal-forecast-controls label{gap:5px;display:grid}.seasonal-forecast-controls span,.seasonal-calendar-row label>span,.seasonal-moving-date>span{color:#7b8495;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.seasonal-forecast-controls select,.seasonal-calendar-row input,.seasonal-calendar-row select{background:#fff;border:1px solid #d8dde7;border-radius:8px;width:100%;min-width:0;padding:9px 10px}.seasonal-forecast-grid{grid-template-columns:1fr 1fr;gap:14px;margin:16px 22px 0;display:grid}.seasonal-upcoming-card{background:#fbfcfe;border:1px solid #e3e7ee;border-radius:12px;min-width:0;padding:14px}.seasonal-card-heading{color:#566176;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.seasonal-card-heading>div{gap:2px;display:grid}.seasonal-card-heading strong{color:#273244;font-size:12px}.seasonal-card-heading small{color:var(--muted);font-size:10px}.seasonal-upcoming-list,.seasonal-template-list,.seasonal-reason-list{gap:6px;display:grid}.seasonal-upcoming-list>div,.seasonal-template-list>button,.seasonal-reason-list>div{background:#fff;border:1px solid #e5e9f0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.seasonal-upcoming-list>div.active{background:#f2fbf6;border-color:#b9dec9}.seasonal-upcoming-list span,.seasonal-template-list span,.seasonal-reason-list span{gap:2px;min-width:0;display:grid}.seasonal-upcoming-list strong,.seasonal-template-list strong,.seasonal-reason-list strong{text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:11px;overflow:hidden}.seasonal-upcoming-list small,.seasonal-template-list small,.seasonal-reason-list small{color:var(--muted);font-size:9px;line-height:1.35}.seasonal-upcoming-list b,.seasonal-template-list b,.seasonal-reason-list b{color:#167747;white-space:nowrap;flex:none;font-size:10px}.seasonal-template-list>button{cursor:pointer;text-align:left}.seasonal-template-list>button:hover{background:#f8f8ff;border-color:#c4c9f3}.seasonal-calendar-settings{border-top:1px solid #edf0f4;margin:16px 22px 0;padding-top:12px}.seasonal-calendar-settings>summary{cursor:pointer;color:#475467;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;list-style:none;display:flex}.seasonal-calendar-settings>summary::-webkit-details-marker{display:none}.seasonal-calendar-settings>summary>span{align-items:center;gap:7px;display:flex}.seasonal-calendar-settings[open]>summary>svg{transform:rotate(180deg)}.seasonal-calendar-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:12px 0;display:flex}.seasonal-calendar-toolbar p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.seasonal-calendar-list{gap:8px;max-height:620px;padding-right:3px;display:grid;overflow:auto}.seasonal-calendar-row{background:#fbfcfe;border:1px solid #e3e7ee;border-radius:10px;grid-template-columns:68px minmax(150px,1.1fr) minmax(180px,1fr) 105px 105px 90px minmax(180px,1.5fr) 34px;align-items:end;gap:8px;padding:10px;display:grid}.seasonal-calendar-row>label{gap:4px;min-width:0;display:grid}.seasonal-calendar-row label>small{color:var(--muted);font-size:9px}.seasonal-enabled{align-items:center;align-self:center!important;gap:6px!important;display:flex!important}.seasonal-enabled input{height:15px;margin:0;padding:0;width:15px!important}.seasonal-enabled span{text-transform:none!important;letter-spacing:0!important}.seasonal-date-fields{grid-template-columns:1fr 72px;gap:6px;display:grid}.seasonal-date-fields label,.seasonal-moving-date{gap:4px;display:grid}.seasonal-moving-date strong{color:#687386;background:#f3f5f8;border:1px solid #e1e5eb;border-radius:8px;align-items:center;height:36px;padding:0 10px;font-size:10px;display:flex}.seasonal-delete{color:#b23a3a;cursor:pointer;background:#fff8f8;border:1px solid #efcaca;border-radius:8px;place-items:center;width:34px;height:36px;display:grid}.seasonal-calendar-row:not(:has(.seasonal-delete)):after{content:"";width:34px}.seasonal-calendar-note{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.5}.seasonal-template-detail .seasonal-reason-list{margin:10px 0}.seasonal-boost-value{color:#7b8495;font-size:13px}.seasonal-boost-value.active{color:#167747}.seasonal-template-detail>small{color:var(--muted)}@media (width<=1350px){.seasonal-calendar-row{grid-template-columns:68px minmax(160px,1fr) minmax(180px,1fr) repeat(3,95px)}.seasonal-keywords{grid-column:2/-2}.seasonal-delete{grid-area:2/-2/auto/-1}.seasonal-calendar-row:not(:has(.seasonal-delete)):after{display:none}}@media (width<=900px){.seasonal-forecast-grid{grid-template-columns:1fr}.seasonal-calendar-row{grid-template-columns:70px 1fr 1fr}.seasonal-name{grid-column:2/-1}.seasonal-keywords{grid-column:1/-1}.seasonal-delete{grid-area:auto/3;justify-self:end}.seasonal-calendar-row:not(:has(.seasonal-delete)):after{display:none}}@media (width<=620px){.seasonal-forecast-controls{grid-template-columns:1fr}.seasonal-forecast-grid,.seasonal-forecast-controls,.seasonal-calendar-settings{margin-left:14px;margin-right:14px}.seasonal-calendar-toolbar{flex-direction:column;align-items:stretch}.seasonal-calendar-row{grid-template-columns:1fr 1fr}.seasonal-enabled{grid-column:1}.seasonal-name,.seasonal-date-fields,.seasonal-moving-date,.seasonal-keywords{grid-column:1/-1}.seasonal-delete{grid-column:2;justify-self:end}}.template-seasonal-signal{gap:2px;min-width:78px;display:grid}.template-seasonal-signal strong{color:#167747;font-size:12px}.template-seasonal-signal small{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--muted);font-size:9px;overflow:hidden}.template-seasonal-signal.empty{color:#98a2b3}.template-analytics-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:8px;display:grid;overflow-x:auto}.template-analytics-tabs>button{text-align:left;color:#667085;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 8px;min-width:150px;padding:10px 12px;transition:background .15s,border-color .15s,color .15s;display:grid}.template-analytics-tabs>button svg{color:#8b94a5;grid-row:1/3;align-self:center}.template-analytics-tabs>button span{color:#465064;font-size:11px;font-weight:850}.template-analytics-tabs>button small{text-overflow:ellipsis;white-space:nowrap;color:#929bad;font-size:8px;overflow:hidden}.template-analytics-tabs>button:hover{background:#fafbfe;border-color:#e0e3ee}.template-analytics-tabs>button.active{background:var(--accent-soft);color:var(--accent);border-color:#c7cbf5;box-shadow:inset 0 0 0 1px #ffffff80}.template-analytics-tabs>button.active svg,.template-analytics-tabs>button.active span{color:var(--accent)}.template-analytics-tabs>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-analytics-detail-actions{align-items:flex-start;gap:9px;display:flex}.template-analytics-detail-close{color:#70798a;cursor:pointer;background:#fff;border:1px solid #dde1e9;border-radius:8px;flex:none;align-items:center;gap:5px;height:32px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.template-analytics-detail-close:hover{color:#4a5568;background:#f8f9fc;border-color:#c9cee0}.template-season-empty{color:#7b8495;border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:10px;min-height:150px;margin:8px 22px 0;font-size:10px;display:flex}.template-season-empty>svg{color:#9aa3b3}@media (width<=1100px){.template-analytics-tabs{grid-template-columns:repeat(5,minmax(150px,1fr))}.template-analytics-detail-actions{justify-content:space-between;width:100%}.template-analytics-detail-actions .template-analytics-diagnosis-card{flex:1}}@media (width<=700px){.template-analytics-tabs{display:flex}.template-analytics-tabs>button{flex:0 0 155px}.template-analytics-detail-actions{flex-direction:column-reverse;align-items:stretch}.template-analytics-detail-close{align-self:flex-end}.template-season-empty{flex-wrap:wrap;margin-left:14px;margin-right:14px}}.template-anomaly-panel{gap:12px;display:grid}.template-anomaly-list{gap:8px;display:grid}.template-anomaly-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e7ef;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;padding:11px 12px;display:grid}.template-anomaly-item:hover{border-color:#c8cfdd;box-shadow:0 4px 16px #212b4012}.template-anomaly-item.critical{background:#fff8f8;border-left:4px solid #d14343}.template-anomaly-item.warning{background:#fffbf4;border-left:4px solid #d98a1b}.template-anomaly-item.positive{background:#f6fcf8;border-left:4px solid #27945b}.template-anomaly-icon{color:#5b6475;background:#f0f2f7;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.template-anomaly-item>span:nth-child(2){gap:2px;min-width:0;display:grid}.template-anomaly-item>span:nth-child(2)>strong{color:#222c3d;font-size:11px}.template-anomaly-item>span:nth-child(2)>b{color:#4d586c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.template-anomaly-item>span:nth-child(2)>small{color:#737d8e;font-size:9px;line-height:1.45}.template-anomaly-item>em{white-space:nowrap;font-size:11px;font-style:normal;font-weight:850}.template-anomaly-item .up,.template-short-trend-card .up,.template-change-impact .up{color:#218a53}.template-anomaly-item .down,.template-short-trend-card .down,.template-change-impact .down{color:#c34141}.template-anomaly-item .neutral,.template-short-trend-card .neutral,.template-change-impact .neutral{color:#727c8e}.short-term-trends{grid-column:1/-1}.template-short-trend-alert-count{color:#a65e16;text-transform:uppercase;background:#fff1e6;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850}.template-short-trend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.template-short-trend-card{background:#fafbfc;border:1px solid #e4e8f0;border-radius:9px;gap:8px;padding:10px;display:grid}.template-short-trend-card>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.template-short-trend-card>div:first-child>strong{color:#283347;font-size:12px}.template-short-trend-card>div:first-child>small{color:#7b8495;font-size:8px}.template-short-trend-card dl{gap:5px;margin:0;display:grid}.template-short-trend-card dl>div{border-top:1px solid #ebedf2;justify-content:space-between;gap:8px;padding-top:5px;display:flex}.template-short-trend-card dt{color:#657084;font-size:9px}.template-short-trend-card dd{margin:0;font-size:10px;font-weight:850}.template-short-trend-sample{color:#7b8495;font-size:8px}.template-selected-anomalies{gap:6px;margin-top:10px;display:grid}.template-selected-anomalies>div{background:#f7f8fa;border-radius:8px;align-items:flex-start;gap:7px;padding:8px 9px;display:flex}.template-selected-anomalies>div.warning,.template-selected-anomalies>div.critical{color:#a24f2f;background:#fff7f4}.template-selected-anomalies>div.positive{color:#237b4b;background:#f3fbf6}.template-selected-anomalies span{gap:2px;display:grid}.template-selected-anomalies strong{font-size:9px}.template-selected-anomalies small{color:#687386;font-size:8px;line-height:1.4}.template-change-impact{background:#f3f6fa;border:1px solid #e3e8ef;border-radius:7px;grid-column:1/-1;gap:6px;padding:8px;display:grid}.template-change-impact>b{text-transform:uppercase;color:#5b6679;font-size:8px}.template-change-impact>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.template-change-impact>div>span{color:#667184;background:#fff;border-radius:6px;justify-content:space-between;gap:5px;padding:5px 6px;font-size:8px;display:flex}.template-change-impact>div>span>strong{font-size:9px}.template-change-impact>small{color:#758093;font-size:8px;line-height:1.4}.template-change-impact.collecting{background:#fffaf0;border-color:#f0dfb8}.template-change-impact.insufficient_data{opacity:.78}@media (width<=800px){.template-short-trend-grid,.template-change-impact>div{grid-template-columns:1fr}.template-anomaly-item{grid-template-columns:auto minmax(0,1fr)}.template-anomaly-item>em{grid-column:2}}.template-position-elasticity-panel,.template-cannibalization-panel{overflow:hidden}.template-position-elasticity-summary{flex-wrap:wrap;gap:8px;padding:12px 22px 0;display:flex}.template-position-elasticity-summary span{color:#667085;background:#f5f6f9;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:700;display:flex}.template-position-elasticity-summary span.positive{color:#24744c;background:#f1faf5}.template-position-elasticity-summary span.negative{color:#a54c38;background:#fff4f1}.template-position-elasticity-summary strong{font-size:10px}.template-position-elasticity-columns{grid-template-columns:1fr 1fr;gap:10px;padding:12px 22px 20px;display:grid}.template-position-elasticity-columns h4{align-items:center;gap:6px;margin:0 0 9px;font-size:11px;display:flex}.template-position-elasticity-columns>div:first-child h4{color:#20734b}.template-position-elasticity-columns>div:last-child h4{color:#a84444}.template-position-elasticity-columns button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e7ed;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:6px;padding:8px 9px;display:flex}.template-position-elasticity-columns button:hover{background:#f9f9ff;border-color:#c8cdf1}.template-position-elasticity-columns button span{gap:2px;min-width:0;display:grid}.template-position-elasticity-columns button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-position-elasticity-columns button small{color:var(--muted);font-size:8px}.template-position-elasticity-columns button b{font-size:10px}.template-cannibalization-list{gap:8px;padding:14px 22px 20px;display:grid}.template-cannibalization-item{background:#fff;border:1px solid #e3e7ee;border-radius:10px;gap:8px;padding:11px 12px;display:grid}.template-cannibalization-item.likely{background:#fffaf8;border-color:#efc7bc}.template-cannibalization-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.template-cannibalization-item-top small{color:var(--muted);font-size:8px}.template-cannibalization-risk{color:#a54c38;background:#fff3ef;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.template-cannibalization-risk.possible{color:#946719;background:#fff8e9}.template-cannibalization-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.template-cannibalization-flow>span{color:#8a93a3;text-align:center;font-size:8px;font-weight:700}.template-cannibalization-flow button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e8ef;border-radius:8px;gap:2px;min-width:0;padding:8px 9px;display:grid}.template-cannibalization-flow button:hover{background:#f9f9ff;border-color:#c8cdf1}.template-cannibalization-flow strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-cannibalization-flow small{color:var(--muted);font-size:8px}.template-cannibalization-metrics{color:#6e7788;flex-wrap:wrap;gap:10px;font-size:8px;display:flex}.template-cannibalization-metrics strong{color:#323947}.template-analytics-empty-note{color:var(--muted);margin:0;padding:14px 22px 20px;font-size:9px;line-height:1.5}.template-elasticity-badge{color:#687386;background:#f3f5f8;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.template-elasticity-badge.positive{color:#21734a;background:#eef9f3}.template-elasticity-badge.negative{color:#a44634;background:#fff2ef}.template-elasticity-badge.neutral{color:#667085;background:#f4f5f7}.template-elasticity-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.template-elasticity-metrics>div{background:#f7f8fb;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.template-elasticity-metrics span{color:#7b8495;font-size:8px}.template-elasticity-metrics strong{font-size:12px}.template-elasticity-metrics small{color:#8a93a3;font-size:8px}.template-elasticity-metrics strong.up{color:#25734b}.template-elasticity-metrics strong.down{color:#aa4b39}@media (width<=1200px){.template-position-elasticity-columns{grid-template-columns:1fr}.template-elasticity-metrics{grid-template-columns:1fr 1fr}}@media (width<=760px){.template-cannibalization-flow{grid-template-columns:1fr}.template-cannibalization-flow>span{text-align:left}.template-cannibalization-item-top{flex-direction:column;align-items:flex-start}.template-elasticity-metrics{grid-template-columns:1fr}}