@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
:root{--font-sans:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--bg:#f3f4f6;--panel:#fff;--panel-soft:#f8fafc;--sidebar:#16181d;--sidebar-2:#1b1e24;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--line-strong:#d1d5db;--accent:#0f172a;--accent-soft:#eef2f7;--success:#0f766e;--warning:#b45309;--shadow:0 10px 30px #0f172a0d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-sans), "Segoe UI", sans-serif;text-rendering:optimizelegibility;margin:0;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{grid-template-columns:188px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-2) 100%);color:#fffffff0;border-right:1px solid #ffffff14;flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar-block{gap:8px;display:grid}.sidebar-eyebrow,.sidebar-mini-label{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:#ffffff94;font-size:12px}.sidebar-title{letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.1}.sidebar-nav{gap:6px;display:grid}.sidebar-link{min-height:40px;color:inherit;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .12s,border-color .12s,transform .12s;display:flex}.sidebar-link:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-1px)}.sidebar-link.active{background:#ffffff14;border-color:#ffffff2e;box-shadow:inset 3px 0 #cbd5e1}.sidebar-group{gap:6px;display:grid}.sidebar-group-toggle{cursor:pointer;text-align:left;appearance:none;width:100%;font:inherit;color:inherit}.sidebar-toggle-icon{color:#ffffffb3;font-size:11px;line-height:1}.sidebar-group-children{gap:6px;padding-left:12px;display:grid}.sidebar-link-child{border-radius:10px;min-height:36px;padding-left:14px;font-size:13px}.sidebar-link-label{font-size:14px;font-weight:600}.main-shell{min-width:0}.main-inner{max-width:1480px;margin:0 auto;padding:22px 24px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.usage-date-range{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.usage-date-field{min-width:168px}.page-title{letter-spacing:-.03em;margin:0 0 6px;font-size:28px;line-height:1.05}.page-copy,.muted{color:var(--muted);font-size:14px}.subtle-id{font-family:var(--font-mono), monospace;letter-spacing:.01em;font-size:11px}.grid{gap:18px;display:grid}.detail-page{width:100%;max-width:1360px}.detail-review-page{gap:14px}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-summary-grid{align-items:stretch}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.card,.hero,.toolbar{background:var(--panel);border:1px solid var(--line);box-shadow:none}.hero,.panel,.toolbar{border-radius:22px}.hero{background:var(--panel);gap:14px;padding:20px;display:grid}.hero-kicker{color:#374151;letter-spacing:.08em;text-transform:uppercase;background:#f3f4f6;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.04em;max-width:760px;margin:0;font-size:32px;line-height:1.06}.hero-copy{max-width:760px;color:var(--muted);margin:0;line-height:1.65}.hero-actions,.row-wrap{flex-wrap:wrap;gap:10px;display:flex}.toolbar,.panel{padding:16px}.panel{flex-direction:column;gap:12px;min-width:0;display:flex}.panel .section-head{margin-bottom:0!important}.toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card{border-radius:14px;padding:14px}.stat-card{background:var(--panel);gap:10px;display:grid}.metric{letter-spacing:-.03em;font-size:34px;font-weight:700}.metric-meta{color:var(--muted);font-size:13px}.list{gap:12px;display:grid}.list.compact{gap:10px}.list.template-shape-panels{max-height:680px;overflow:auto}.list.template-shape-panels::-webkit-scrollbar{width:8px;height:8px}.stack-sm{gap:6px;display:grid}.section-title{letter-spacing:-.02em;margin:0;font-size:16px}.section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.label{font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px}.value{font-size:14px;line-height:1.5}.value.path{font-family:var(--font-mono), monospace;word-break:break-word}.chip,.button{border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;font-size:12px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.chip{border:1px solid var(--line);color:#344054;background:#f9fafb;padding:6px 10px}a.chip:hover,button.chip:hover{background:#f2f4f7;border-color:#cfd6e1;transform:translateY(-1px);box-shadow:0 6px 16px #10182814}a.chip:focus-visible,button.chip:focus-visible,.button:focus-visible{outline:none;box-shadow:0 0 0 3px #547aff29,0 6px 16px #10182814}.chip.good{color:var(--success);background:#effcf6;border-color:#b8eadb}.chip.warn{color:var(--warning);background:#fff7ed;border-color:#f5d0a6}button.chip.is-active{color:#f8fafc;background:#111827;border-color:#111827}button.chip.is-active:hover{background:#0f172a;border-color:#0f172a}.chip-cost-low{color:#166534;background:#ecfdf3;border-color:#b7e4c7}.chip-cost-medium{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.chip-cost-high{color:#c2410c;background:#fff7ed;border-color:#fdba74}.chip-cost-critical{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.cost-text-low{color:#166534}.cost-text-medium{color:#1d4ed8}.cost-text-high{color:#c2410c}.cost-text-critical{color:#b91c1c}.button{border:1px solid var(--line-strong);padding:9px 13px}.button.primary{background:linear-gradient(180deg, #1f2937 0%, var(--accent) 100%);color:#f8fafc;border-color:#0b1220;box-shadow:0 10px 24px #0f172a2e,inset 0 1px #ffffff14}.button.primary:hover{color:#fff;background:linear-gradient(#273449 0%,#162033 100%);border-color:#111827;transform:translateY(-1px);box-shadow:0 14px 28px #0f172a3d,inset 0 1px #ffffff1f}.button.primary:active{transform:translateY(0);box-shadow:0 6px 14px #0f172a2e,inset 0 1px #ffffff14}.button.primary[disabled]{background:var(--muted);border-color:var(--muted);box-shadow:none}.button.primary[disabled]:hover{transform:translateY(0)}.button.secondary{background:#fff}.button.secondary.cell{border-radius:14px;width:100%}.button.secondary.delete{color:#b91c1c}.table-list{display:grid}.products-infinite-footer{justify-content:center;align-items:center;min-height:56px;padding:12px 14px 0;display:flex}.table-grid{align-items:center;gap:12px;display:grid}.attribute-manager-shell{grid-template-columns:280px minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.attribute-manager-sidebar,.attribute-manager-detail{max-height:calc(100vh - 44px);position:sticky;top:22px;overflow:auto}.attribute-manager-main{gap:16px;min-width:0;display:grid}.attribute-manager-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attribute-manager-metrics{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:520px;display:flex}.attribute-list{gap:8px;display:grid;overflow:auto}.attribute-list-item{border:1px solid var(--line);background:#fff;border-radius:10px;gap:6px;padding:11px;display:grid}.attribute-list-item:hover,.attribute-list-item.is-active{background:#f8fafc;border-color:#9ca3af}.attribute-matrix-head,.attribute-matrix-row{grid-template-columns:minmax(240px,1.5fr) minmax(140px,.8fr) minmax(150px,1fr) minmax(90px,.5fr) minmax(120px,.6fr);align-items:center;gap:12px;display:grid}.attribute-matrix-head{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:0 12px 8px;font-size:11px}.attribute-matrix-list{display:grid}.attribute-matrix-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:58px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;padding:10px 12px}.attribute-matrix-row:hover,.attribute-matrix-row.is-selected{background:#f8fafc}.attribute-matrix-row.is-selected{box-shadow:inset 3px 0 #111827}.attribute-matrix-row.level-2 .attribute-category-name{padding-left:18px}.attribute-matrix-row.level-3 .attribute-category-name{padding-left:36px}.attribute-category-name{gap:5px;display:grid}.attribute-detail-row{border-bottom:1px solid var(--line);padding:10px 0}.attribute-action-grid{gap:10px;margin-top:4px;display:grid}.attribute-preview-backdrop{z-index:40;background:#0f172a5c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attribute-preview-panel{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(720px,100%);max-height:min(760px,100vh - 48px);padding:16px;overflow:auto;box-shadow:0 24px 80px #0f172a38}.attribute-preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.attribute-warning-list,.attribute-impacted-list{gap:8px;margin-top:12px;display:grid}.attribute-preview-path{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:400;line-height:1.45;display:inline-flex}.attribute-preview-tree-row{gap:4px;padding:4px 0;display:grid}.attribute-preview-delta{border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.attribute-preview-delta.is-added{color:#166534;background:#dcfce7}.attribute-preview-delta.is-removed{color:#b91c1c;background:#fee2e2}.attribute-preview-tree-children{border-left:1px solid #94a3b873;gap:8px;margin-left:14px;padding-left:10px;display:grid}.attribute-table-head,.attribute-table-row{grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) 160px 120px;align-items:center;gap:12px;display:grid}.attribute-table-head{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 8px;font-size:11px}.attribute-table-row{border-bottom:1px solid var(--line);min-height:58px;padding:11px 12px}.attribute-category-row,.attribute-category-table-head{grid-template-columns:minmax(220px,1.2fr) minmax(240px,1.1fr) 120px 120px minmax(140px,auto)}.attribute-category-filter-row{margin-bottom:14px}.attribute-table-row:hover{background:#f8fafc}.attribute-listing-table-head,.attribute-listing-table-row{grid-template-columns:minmax(220px,1.2fr) minmax(180px,.9fr) 140px minmax(160px,.9fr) minmax(160px,.9fr) 120px;align-items:center;gap:12px;display:grid}.attribute-listing-table-head{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 8px;font-size:11px}.attribute-listing-table-row{border-bottom:1px solid var(--line);min-height:58px;padding:11px 12px}.attribute-listing-table-row:hover{background:#f8fafc}.catalog-value-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.catalog-value-description-input{resize:vertical;min-height:82px}.publication-config-table-head,.publication-config-table-row{grid-template-columns:minmax(220px,1.2fr) minmax(300px,1.4fr) 160px;align-items:center;gap:12px;display:grid}.publication-config-table-head{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 8px;font-size:11px}.publication-config-table-row{border-bottom:1px solid var(--line);min-height:58px;padding:11px 12px}.publication-config-table-row:hover{background:#f8fafc}.attribute-detail-header{align-items:flex-end;margin-bottom:18px}.attribute-detail-copy{min-width:0}.attribute-detail-copy .back-link{margin-bottom:4px;display:inline-flex}.attribute-tabs{gap:8px;padding-top:6px;display:flex}.attribute-tab{min-height:38px;color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;padding:8px 12px;font-weight:700}.attribute-tab.is-active{color:var(--ink);background:0 0;border-bottom:2px solid #111827}.attribute-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.attribute-summary-item{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}.attribute-schema-summary{gap:14px;margin-top:18px;display:grid}.attribute-schema-summary-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.attribute-schema-list{gap:10px;display:grid}.attribute-schema-row{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.attribute-schema-row-main{gap:4px;min-width:0;display:grid}.attribute-schema-row-label{color:var(--ink);word-break:break-word;font-weight:600}.attribute-schema-row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.attribute-schema-row-values{color:var(--ink);text-align:right;word-break:break-word;font-size:13px}.attribute-schema-raw-block{gap:8px;display:grid}.attribute-schema-raw{border:1px solid var(--line);color:#111827;background:#fff;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.attribute-category-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.attribute-form-stack{gap:12px;display:grid}.attribute-primary-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attribute-metadata-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.attribute-form-panel{width:min(75vw,1200px)}.attribute-create-description-field{grid-column:1/-1}.attribute-create-description-input{resize:vertical;min-height:112px}.attribute-category-parent-field,.attribute-category-description-field{grid-column:1/-1}.attribute-category-description-input{resize:vertical;min-height:104px}.attribute-category-description-preview{word-break:break-word;margin-top:4px;font-size:12px;line-height:1.4}.attribute-readonly-field{color:var(--muted)}.attribute-edit-caption{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.4}.attribute-form-gap{margin-top:12px}.workflow-filter-input[readonly]{background:var(--panel-soft);border-color:var(--line);color:var(--muted);cursor:default}.attribute-create-schema-field{grid-column:1/-1;gap:6px;display:grid}.attribute-create-schema-input{resize:vertical;min-height:160px}.attribute-create-values-field{grid-column:1/-1;gap:6px;margin-top:12px;display:grid}.attribute-form-actions{justify-content:flex-end;margin-top:16px;display:flex}.attribute-create-values-input{resize:vertical;min-height:128px}@media (max-width:1180px){.attribute-category-form{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-primary-grid,.attribute-metadata-grid{grid-template-columns:1fr}}@media (max-width:720px){.attribute-category-form{grid-template-columns:1fr}.attribute-form-panel{width:100%}}.attribute-tree{display:grid}.attribute-feedback-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 12px;display:flex}.attribute-tree-row{border-bottom:1px solid var(--line);grid-template-columns:24px 16px minmax(180px,1fr) auto auto minmax(110px,auto);align-items:center;gap:8px;min-height:38px;padding:5px 8px;display:grid}.attribute-tree-row.is-db-selected{background:#f3fbf6}.attribute-tree-row.is-new-selected{background:#fff9e8}.attribute-tree-row.is-removed-selected{background:#fff4f4}.attribute-tree-toggle{border:1px solid var(--line);width:24px;height:24px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;font-size:10px;font-weight:800;line-height:1}.attribute-tree-toggle.is-empty{cursor:default;background:0 0;border-color:#0000}.attribute-tree-copy{min-width:0;display:grid}.attribute-tree-row.level-2{padding-left:22px}.attribute-tree-row.level-3{padding-left:38px}.attribute-tree-row .chip{min-height:26px;padding:4px 8px;font-size:11px}.attribute-tree-row .subtle-id{white-space:nowrap}.attribute-values-layout{gap:14px;display:grid}.attribute-values-editor{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.attribute-values-panel{gap:16px;display:grid}.attribute-values-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.attribute-value-breadcrumb{white-space:normal;text-align:right;max-width:min(100%,32rem)}.attribute-values-section{gap:8px;display:grid}.attribute-values-section-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.attribute-values-section-head .section-title{margin-bottom:4px}.attribute-value-scope-tree{border:1px solid var(--line);background:#fff;border-radius:10px;max-height:560px;display:grid;overflow:auto}.attribute-value-scope-row{border:0;border-bottom:1px solid var(--line);min-height:50px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.attribute-value-scope-row:last-child{border-bottom:0}.attribute-value-scope-row:hover,.attribute-value-scope-row.is-selected{background:#f8fafc}.attribute-value-scope-row.is-selected{box-shadow:inset 3px 0 #111827}.attribute-value-scope-row.level-2{padding-left:26px}.attribute-value-scope-row.level-3{padding-left:48px}.attribute-value-add{grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) auto;align-items:end;gap:10px;display:grid}.attribute-values-row-list{gap:8px;display:grid}.attribute-value-record{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 10px;display:grid}.attribute-value-record-main{gap:4px;min-width:0;display:grid}.attribute-value-record-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.attribute-value-record-meta{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.attribute-value-record-side{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.attribute-value-state{min-height:20px;padding:2px 7px;font-size:10px}.attribute-value-label{font-size:13px;line-height:1.35}.attribute-value-label-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.attribute-value-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.catalog-value-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-value-edit-slug{grid-column:span 1}.attribute-value-actions .button{min-height:28px;padding:4px 10px;font-size:11px}.attribute-value-actions{justify-content:flex-end;gap:8px}.attribute-value-status{min-width:0;color:var(--muted);font-size:12px}.attribute-value-status .chip{max-width:100%}.attribute-value-edit-input{width:100%;min-width:0}.attribute-value-source{color:var(--muted);font-size:11px}.attribute-value-empty{color:var(--muted);margin:0;padding:8px 0 12px;font-size:13px}.table-grid-products{grid-template-columns:minmax(280px,2.3fr) minmax(120px,.8fr) minmax(110px,.8fr) minmax(120px,.8fr) minmax(160px,1fr) minmax(200px,1.2fr) minmax(150px,.95fr)}.table-grid-templates{grid-template-columns:minmax(72px,.5fr) minmax(140px,.9fr) minmax(220px,1.35fr) minmax(220px,1.4fr) minmax(90px,.55fr) minmax(150px,.9fr) minmax(96px,.6fr)}.table-grid-template-layouts{grid-template-columns:minmax(180px,1.2fr) minmax(220px,1.5fr) minmax(150px,.9fr) minmax(240px,1.2fr)}.table-grid-categories{grid-template-columns:minmax(150px,1.5fr) minmax(64px,.6fr) minmax(76px,.7fr) minmax(88px,.8fr) minmax(170px,1.2fr) auto}.table-grid-overview-products{grid-template-columns:minmax(220px,2fr) minmax(90px,.9fr) minmax(60px,.5fr) minmax(70px,.6fr) minmax(90px,.7fr)}.table-grid-overview-categories{grid-template-columns:minmax(140px,1.5fr) minmax(70px,.6fr) minmax(80px,.7fr) minmax(90px,.8fr)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:24px;padding:48px 44px;display:flex}.login-brand{gap:6px;display:grid}.login-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.login-title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:30px;font-weight:700}.login-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5}.login-btn{background:var(--ink);color:#fff;width:100%;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;transition:opacity .15s;display:flex}.login-btn:hover{opacity:.85}.sidebar-footer{border-top:1px solid #ffffff14;gap:8px;margin-top:auto;padding-top:16px;display:grid}.sidebar-user{color:#ffffff73;word-break:break-all;font-size:12px}.sidebar-signout{color:#fff9;cursor:pointer;font-size:12px;font-family:var(--font-sans);text-align:left;background:0 0;border:1px solid #ffffff24;border-radius:6px;padding:6px 10px;transition:color .15s,border-color .15s}.sidebar-signout:hover{color:#ffffffe6;border-color:#ffffff47}.table-head{font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:0 14px 10px;font-size:11px;font-weight:700}.table-row{border-bottom:1px solid var(--line);padding:14px}.table-row:last-child{border-bottom:0}.table-row:hover{background:#fafafa}.table-row h3{margin:0;font-size:14px}.product-cell{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.workflow-list-meta{gap:4px;min-width:0;display:grid}.workflow-list-meta-title{color:var(--ink);text-transform:capitalize;font-size:13px;font-weight:600;line-height:1.25}.workflow-list-meta-code{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.01em;text-overflow:ellipsis;font-size:11px;overflow:hidden}.product-thumb{border:1px solid var(--line);background:#f9fafb;border-radius:10px;width:52px;height:64px;position:relative;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-thumb-fallback{width:100%;height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:6px;font-size:10px;display:flex}.search{flex:1;align-items:center;gap:10px;display:flex}.search input{border:1px solid var(--line-strong);width:100%;min-width:220px;color:var(--ink);background:#fcfcfd;border-radius:14px;padding:12px 14px;font-size:13px}.search button{color:#fff;background:#111827;border:0;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:600}.workflow-filter-bar{gap:14px;display:grid}.workflow-filter-grid{gap:12px;display:grid}.workflow-filter-grid-runs{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-filter-grid-attributes,.workflow-filter-grid-usage{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.workflow-filter-grid-attributes{grid-template-columns:1fr}}.workflow-filter-field{gap:6px;display:grid}.workflow-filter-input{border:1px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);background:#fcfcfd;border-radius:14px;padding:11px 13px;font-size:13px}.workflow-filter-input::placeholder{color:#9ca3af}.workflow-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.workflow-selector{gap:8px;margin-top:16px;display:inline-grid}.products-filter-group{gap:8px;margin-top:14px;display:grid}.products-search-form{margin-top:14px}.products-search-field{max-width:420px}.products-search-row{align-items:center;gap:10px;display:flex}.products-search-row .workflow-filter-input{flex:auto}.table-sort-button{width:auto;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:inline-flex}.table-sort-button:hover{color:var(--ink)}.table-sort-button:focus-visible{border-radius:10px;outline:none;box-shadow:0 0 0 3px #547aff29}.table-sort-arrows{color:#98a2b3;gap:3px;font-size:11px;line-height:1;display:inline-flex}.table-sort-arrows .is-active{color:#1d4ed8}.products-filter-row{flex-wrap:wrap;gap:12px;display:flex}.products-filter-chip.is-active{color:#1d4ed8;background:linear-gradient(#eef3ff 0%,#dfe9ff 100%);border-color:#b6c9ff;box-shadow:0 8px 20px #547aff24}.image-schema-toolbar{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.image-schema-filter-field{min-width:240px}.image-schema-summary-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.image-schema-product-grid{gap:18px;display:grid}.image-schema-product-card{gap:12px;display:grid}.image-schema-product-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.image-schema-product-copy{gap:0;display:grid}.image-schema-product-copy h3{margin:2px 0 0;line-height:1.1}.template-product-title-row{align-items:center;gap:8px;display:flex}.template-product-title-row.compare h3{margin:0}.template-product-link-icon{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:inline-flex}.template-product-link-icon svg{width:14px;height:14px}.image-schema-product-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.image-schema-product-category{color:#667085;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.image-schema-eligible-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.template-image-slider{scroll-snap-type:x proximity;scrollbar-width:none;--template-slider-columns:4.8;--template-first-aspect-ratio:9 / 16;--template-first-width-factor:1;align-items:end;gap:10px;display:flex;overflow:auto hidden}.template-image-slider::-webkit-scrollbar{height:0}.template-image-slider::-webkit-scrollbar-track{background:#fff}.template-image-slider::-webkit-scrollbar-thumb{background:#809ac08c;border-radius:999px}.template-image-slider:hover{scrollbar-width:thin}.template-image-slider:hover::-webkit-scrollbar{height:4px}.template-image-slider>*{flex:0 0 calc((100% - (10px * (var(--template-slider-columns) - 1))) / var(--template-slider-columns));min-width:calc((100% - (10px * (var(--template-slider-columns) - 1))) / var(--template-slider-columns));scroll-snap-align:start}.template-image-slider>:first-child{z-index:5;flex-basis:calc(((100% - (10px * (var(--template-slider-columns) - 1))) / var(--template-slider-columns)) * var(--template-first-width-factor));min-width:calc(((100% - (10px * (var(--template-slider-columns) - 1))) / var(--template-slider-columns)) * var(--template-first-width-factor));background:#fff;padding:0 5px;position:sticky;left:0}.template-image-slider .image-schema-image,.template-image-slider .image-schema-empty-thumb{aspect-ratio:9/16}.template-image-slider>:first-child .image-schema-image,.template-image-slider>:first-child .image-schema-empty-thumb,.template-image-slider>:first-child .image-schema-image-button{aspect-ratio:var(--template-first-aspect-ratio)}.template-image-slider>:not(:first-child) .image-schema-image,.template-image-slider>:not(:first-child) .image-schema-empty-thumb,.template-image-slider>:not(:first-child) .image-schema-image-button{aspect-ratio:5/7}.image-schema-image-button{cursor:pointer;text-align:left;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #d7deea;border-radius:16px;padding:0;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative;overflow:hidden}.image-schema-image-button:hover:enabled{border-color:#b6c9ff;transform:translateY(-1px);box-shadow:0 16px 32px #0f172a14}.image-schema-image-button:disabled{cursor:default;opacity:.7}.image-schema-image{aspect-ratio:1;object-fit:cover;background:var(--panel-soft);object-position:center top;width:100%;display:block}.image-schema-image-meta{font-family:var(--font-mono), monospace;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.image-schema-image-badge{color:#fffffff0;font-family:var(--font-mono), monospace;letter-spacing:.04em;background:#475569b8;border-radius:999px;align-items:center;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:10px}.template-image-score-badge{color:#fffffff0;font-family:var(--font-mono), monospace;letter-spacing:.02em;background:#475569b8;border-radius:12px;align-items:center;padding:6px 8px;font-size:10px;font-weight:600;line-height:1.2;display:inline-flex;position:absolute;bottom:10px;right:10px}.image-schema-empty-thumb{min-height:180px;color:var(--muted);text-align:center;background:var(--panel-soft);place-items:center;gap:4px;padding:18px;font-size:12px;display:grid}.workflow-selector-label{color:#667085;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.workflow-selector-shell{background:linear-gradient(#fff 0%,#f7f9fc 100%);border:1px solid #d7deea;border-radius:16px;align-items:center;min-width:260px;display:inline-flex;position:relative;box-shadow:0 1px #10182805,inset 0 1px #fffc}.workflow-selector-shell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d1fae533 0%,#bfdbfe24 100%);border-radius:15px;position:absolute;inset:1px}.workflow-selector-input{z-index:1;appearance:none;width:100%;min-width:0;color:var(--ink);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;outline:none;padding:13px 42px 13px 14px;font-size:14px;font-weight:600;position:relative}.workflow-selector-input:focus{border-radius:16px;box-shadow:0 0 0 2px #547aff29}.workflow-selector-icon{z-index:1;color:#667085;pointer-events:none;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.table-grid-runs{grid-template-columns:minmax(180px,1fr) minmax(140px,1fr) minmax(130px,.95fr) minmax(96px,.7fr) minmax(150px,1fr) minmax(150px,1fr) minmax(130px,.8fr)}.table-grid-usage{grid-template-columns:minmax(240px,1.5fr) minmax(220px,1.2fr) minmax(160px,1fr) minmax(170px,1fr) minmax(130px,.8fr)}.back-link{color:var(--accent);font-size:13px;font-weight:600}.detail-layout{grid-template-columns:minmax(0,1.4fr) 360px;gap:18px;width:100%;display:grid}.review-main,.review-side{gap:12px;min-width:0;display:grid}.review-side{align-content:start}.sticky-stack{gap:18px;display:grid;position:sticky;top:28px}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.review-summary{gap:14px;display:grid}.review-summary-block{border:1px solid var(--line);background:#fbfbfc;border-radius:16px;padding:14px}.review-summary-block-wide{grid-column:1/-1}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:16px;overflow:hidden}.image-card img{aspect-ratio:1/1.12;object-fit:cover;width:100%}.image-card .caption{font-family:var(--font-mono), monospace;color:var(--muted);padding:10px 12px;font-size:12px}.prose{color:#344054;margin:8px 0 0;font-size:14px;line-height:1.6}.attr-grid{gap:12px;display:grid}.attr-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:16px;overflow:hidden}.review-attr-grid{gap:10px;display:grid}.review-attr-card{padding:16px}.attr-table-panel{padding:0;overflow:hidden}.attr-table-head,.attr-table-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1.05fr) minmax(360px,1.95fr);align-items:start;gap:12px;display:grid}.attr-table-head{border-bottom:1px solid var(--line);font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;font-size:10px;font-weight:700}.attr-table-row{border-bottom:1px solid var(--line);padding:11px 16px}.attr-table-row:last-child{border-bottom:0}.attr-col{min-width:0}.attr-name{font-size:14px;font-weight:600;line-height:1.4}.attr-row-chips{margin-top:6px}.attr-tab-row{justify-content:flex-end}.attr-tab-chip.active{color:#fff;background:#0f172a;border-color:#0f172a}.attr-table-value{color:#111827;font-size:14px;line-height:1.45}.attr-table-value .attr-pre{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.attr-table-value-stack{gap:8px;display:grid}.attr-table-meta{justify-items:start;gap:4px;display:grid}.attr-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.attr-key{letter-spacing:-.01em;margin:0;font-size:15px}.attr-key-large{font-size:15px}.attr-value{color:#111827;margin-bottom:14px;font-size:13px;line-height:1.6}.attr-value-hero{margin-bottom:14px;font-size:14px}.evidence-group{align-content:start;gap:6px;display:grid}.evidence-text-list{gap:6px;display:grid}.evidence-image-list{gap:4px;display:grid}.evidence-text-item{display:block}.evidence-text-copy{color:#344054;font-size:11px;line-height:1.35}.evidence-inline-source{font-family:var(--font-mono), monospace;letter-spacing:.01em;color:#667085;font-size:11px}.evidence-layout{gap:10px;display:grid}.evidence-panel{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:grid}.evidence-chip-row{gap:4px}.evidence-chip-row-compact{align-items:center;gap:4px}.evidence-mini-chip{border-radius:999px;min-height:20px;padding:2px 7px;font-size:10px;line-height:1.2}.evidence-thumb-row{flex-wrap:wrap;gap:6px;display:flex}.evidence-thumb-grid-compact{grid-template-columns:repeat(2,minmax(0,72px));justify-content:start;gap:8px;display:grid}.evidence-thumb-card{width:72px;color:inherit;gap:4px;text-decoration:none;display:grid}.evidence-thumb-card-wide,.evidence-thumb-card-compact{width:72px}.evidence-thumb-badge{color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.02em;background:#0f172ad1;border-radius:999px;padding:2px 5px;font-size:9px;line-height:1.1;position:absolute;bottom:4px;left:4px}.evidence-thumb-frame{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;width:52px;height:52px;position:relative;overflow:hidden}.evidence-thumb-card:hover .evidence-thumb-frame{border-color:#94a3b8}.evidence-thumb-frame img{object-fit:cover}.evidence-thumb-card-wide .evidence-thumb-frame,.evidence-thumb-card-compact .evidence-thumb-frame{width:72px;height:72px}.evidence-thumb-note{color:#667085;word-break:break-word;width:72px;font-size:10px;line-height:1.25}.detail-toolbar{padding:12px 16px}.workflow-page{gap:18px}.workflow-header{margin-top:8px}.workflow-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.workflow-main-column{min-width:0}.workflow-main-toolbar{justify-content:flex-end;display:flex}.workflow-context-toggle{cursor:pointer;color:#1f2937;background:linear-gradient(#fff 0%,#f6f8fb 100%);border-color:#d7deea;box-shadow:0 1px #1018280a}.workflow-context-toggle:hover{color:#111827;background:linear-gradient(#fff 0%,#eef3ff 100%);border-color:#b8c7e6;transform:translateY(-1px);box-shadow:0 10px 22px #4654f11f}.workflow-context-toggle:active{transform:translateY(0);box-shadow:0 4px 10px #4654f11a}.workflow-context-peek{z-index:39;color:#334155;cursor:pointer;background:linear-gradient(#fff 0%,#eef3ff 100%);border:1px solid #d7deea;border-right:0;border-radius:16px 0 0 16px;justify-content:center;align-items:center;width:34px;height:94px;transition:width .14s,background-color .14s,box-shadow .14s,color .14s;display:inline-flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-10px 12px 28px #4654f124}.workflow-context-peek:hover{color:#111827;background:linear-gradient(#fff 0%,#e4ecff 100%);width:40px;box-shadow:-14px 16px 34px #4654f12e}.workflow-context-peek:focus-visible{outline:none;box-shadow:0 0 0 3px #547aff29,-14px 16px 34px #4654f12e}.workflow-context-peek-arrow{font-size:28px;line-height:1;transform:translate(1px)}.workflow-context-backdrop{z-index:40;background:#0f172a3d;border:0;animation:.16s workflowContextFadeIn;position:fixed;inset:0}.workflow-context-drawer{z-index:41;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;-ms-overflow-style:none;background:#f3f4f6f5;align-content:start;gap:12px;width:min(360px,100vw - 24px);padding:18px 16px;animation:.19s workflowContextSlideIn;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 40px #0f172a1f}.workflow-context-drawer::-webkit-scrollbar{display:none}.workflow-context-drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@keyframes workflowContextFadeIn{0%{opacity:0}to{opacity:1}}@keyframes workflowContextSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.workflow-timeline-panel,.workflow-review-panel,.workflow-side-panel{border-radius:22px}.workflow-review-panel,.workflow-side-panel{font-size:13px}.workflow-timeline{gap:10px;display:grid}.workflow-stage-item{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fcfcfd;border-radius:18px;gap:10px;width:100%;padding:14px;transition:border-color .12s,background .12s,transform .12s;display:grid}.workflow-stage-item:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}.workflow-stage-item.active{background:#f8fafc;border-color:#94a3b8;box-shadow:inset 3px 0 #0f172a}.workflow-stage-top,.workflow-rtb-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workflow-stage-label{letter-spacing:-.02em;font-size:14px;font-weight:700}.workflow-stage-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.workflow-stage-meta{color:var(--muted);gap:4px;font-size:12px;display:grid}.workflow-stage-error,.workflow-inline-error{color:#b91c1c}.workflow-error-callout{background:#fff5f5;border:1px solid #fecaca;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.workflow-error-callout-inline{background:#fff7ed;border-color:#fed7aa}.workflow-error-title{color:#991b1b;font-size:12px;font-weight:400;line-height:1.45}.workflow-error-details{gap:8px;display:grid}.workflow-error-details summary{cursor:pointer;color:#9a3412;font-size:12px;font-weight:600}.workflow-error-pre{color:#7c2d12;white-space:pre-wrap;word-break:break-word;margin:0;padding:2px 0 0;font-size:11px;line-height:1.45;overflow-x:auto}.workflow-status-chip.status-succeeded,.workflow-status-chip.status-completed{color:var(--success);background:#effcf6;border-color:#b8eadb}.workflow-status-chip.status-failed{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.workflow-status-chip.status-blocked{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.workflow-status-chip.status-running,.workflow-status-chip.status-pending,.workflow-status-chip.status-queued{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.workflow-status-chip.status-not_started,.workflow-status-chip.status-skipped{color:#475467;border-color:var(--line);background:#f9fafb}.workflow-action-chip{color:#1f2937;background:linear-gradient(#fff 0%,#f6f8fb 100%);border-color:#d7deea;box-shadow:0 1px #1018280a}.workflow-action-chip:hover{color:#111827;background:linear-gradient(#fff 0%,#eef3ff 100%);border-color:#b8c7e6;transform:translateY(-1px);box-shadow:0 10px 22px #4654f11f}.workflow-action-chip:active{transform:translateY(0);box-shadow:0 4px 10px #4654f11a}.workflow-action-chip:disabled{cursor:not-allowed;opacity:1;color:#98a2b3;box-shadow:none;background:#f5f7fa;border-color:#d0d5dd}.workflow-action-chip:disabled:hover{color:#98a2b3;background:#f5f7fa;border-color:#d0d5dd;transform:none}.workflow-step-actions{align-items:center;gap:8px;display:flex}.workflow-side-panel{gap:10px;display:grid}.workflow-side-panel .section-head{margin-bottom:6px}.workflow-context-block{gap:4px;display:grid}.workflow-context-title{font-size:13px;line-height:1.45}.workflow-context-description{white-space:pre-wrap;font-size:13px;line-height:1.5}.workflow-context-stack>.workflow-context-block+.workflow-context-block{border-top:1px solid var(--line);padding-top:10px}.workflow-chip-row{gap:4px}.workflow-chip-compact{min-height:0;padding:4px 8px;font-size:11px}.workflow-gpd-block{border-top:1px solid var(--line);padding-top:10px}.workflow-gpd-thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.workflow-mask-artifact-row{gap:10px;display:grid}.workflow-mask-gpd-block{border-top:0}.workflow-gpd-thumb,.workflow-gpd-stage-card{border:1px solid var(--line);background:var(--panel-soft);min-width:0;color:inherit;text-align:left;appearance:none;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.workflow-gpd-thumb{aspect-ratio:1/1.18}.workflow-gpd-thumb-frame,.workflow-gpd-stage-frame{width:100%;height:100%;min-height:0;position:relative}.workflow-gpd-thumb-frame img,.workflow-gpd-stage-frame img{object-fit:contain}.workflow-gpd-thumb-overlay{inset-inline:0;color:#fff;background:#0f172ac7;justify-content:center;align-items:center;padding:4px 6px;font-size:10px;display:flex;position:absolute;bottom:0}.workflow-gpd-thumb-overlay span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workflow-gpd-percent-badge{z-index:2;color:#fff;white-space:nowrap;background:#0f172ae0;border-radius:999px;padding:4px 7px;font-size:12px;line-height:1;position:absolute;top:6px;right:6px;box-shadow:0 8px 20px #0f172a3d}.workflow-gpd-thumb-empty{width:100%;height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}.workflow-gpd-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.workflow-gpd-stage-card{cursor:zoom-in}.workflow-gpd-stage-frame{aspect-ratio:1/1.15;background:#f8fafc}.workflow-gpd-stage-meta{border-top:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.workflow-gpd-stage-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:760px){.workflow-gpd-thumb-grid,.workflow-gpd-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.workflow-color-swatch{vertical-align:-1px;border:1px solid #0f172a2e;border-radius:999px;flex:none;width:11px;height:11px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff52}.workflow-color-swatch-lg{width:18px;height:18px;margin-right:0}.workflow-palette-preview-grid{gap:8px;display:grid}.workflow-palette-preview-card{border:1px solid var(--line);background:#fafbfc;border-radius:12px;padding:10px 12px}.workflow-palette-preview-top{align-items:center;gap:10px;display:flex}.workflow-palette-preview-copy{min-width:0}.workflow-palette-preview-name{color:#111827;font-size:12px;font-weight:700}.workflow-palette-preview-meta{color:var(--muted);flex-wrap:wrap;gap:6px 10px;margin-top:2px;font-size:11px;line-height:1.4;display:flex}.workflow-palette-preview-share{align-items:center;gap:8px;margin-top:8px;display:flex}.workflow-palette-preview-bar{background:#e5e7eb;border-radius:999px;flex:auto;min-width:96px;height:8px;position:relative;overflow:hidden}.workflow-palette-preview-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#111827 0%,#4b5563 100%);height:100%;display:block}.workflow-palette-preview-share-value{text-align:right;color:#111827;flex:none;min-width:36px;font-size:11px;font-weight:700}.workflow-chip-muted{text-transform:lowercase;transition:background .12s,border-color .12s,color .12s}.workflow-chip-muted:hover{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.workflow-step-list{gap:12px;display:grid}.workflow-step-card{border:1px solid var(--line);background:#fcfcfd;border-radius:18px;gap:12px;padding:16px;display:grid}.workflow-step-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.workflow-review-panel .value,.workflow-side-panel .value,.attr-name,.attr-table-value{font-size:13px}.workflow-step-output{padding-top:4px}.workflow-step-evidence{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:10px;display:grid}.workflow-step-details{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.workflow-attempt-list{gap:0;display:grid}.workflow-attempt-card{gap:10px;padding:16px 0;display:grid}.workflow-attempt-card+.workflow-attempt-card{border-top:1px solid var(--line)}.workflow-step-summary{cursor:pointer;justify-content:flex-start;align-items:center;gap:12px;font-size:13px;font-weight:600;list-style:none;display:flex}.workflow-step-summary::-webkit-details-marker{display:none}.workflow-attempt-card .workflow-stage-top{align-items:center}.workflow-attempt-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:-10px -12px;padding:10px 12px;transition:background-color .14s,box-shadow .14s,transform .14s;display:flex}.workflow-attempt-trigger:hover{background:#f8fafc}.workflow-attempt-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #547aff29,inset 0 0 0 1px #dbe4f0}.workflow-attempt-copy{gap:6px;min-width:0;display:grid}.workflow-attempt-title{color:#344054;letter-spacing:normal;font-size:13px;font-weight:600}.workflow-attempt-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:12px;line-height:1.45;display:flex}.workflow-attempt-actions{align-items:flex-start;gap:8px;display:flex}.workflow-attempt-trigger-copy{color:#475467;flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.workflow-attempt-chevron{justify-content:center;align-items:center;transition:transform .14s;display:inline-flex}.workflow-attempt-chevron.open{transform:rotate(180deg)}.workflow-attempt-toggle{border:1px solid var(--line);min-height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;line-height:1.1;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.workflow-attempt-toggle:hover{border-color:var(--line-strong);background:#f8fafc}.workflow-attempt-error-panel{padding-top:2px}.workflow-attempt-card .workflow-step-output{padding-top:0}.workflow-output-value{min-width:0;font-size:13px;line-height:1.55}.workflow-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.workflow-image-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workflow-artifact-card{gap:10px;width:100%;display:grid}.workflow-artifact-button{text-align:left;border:1px solid var(--line);cursor:zoom-in;background:#fbfbfc;padding:14px}.workflow-image-frame{aspect-ratio:1/1.2;border:1px solid var(--line);background:var(--panel-soft);border-radius:14px;position:relative;overflow:hidden}.workflow-image-frame img{object-fit:cover}.workflow-image-overlay{inset-inline:0;background:linear-gradient(#0000 0%,#0f172ad1 100%);align-items:center;min-height:24px;padding:4px 8px;display:flex;position:absolute;bottom:0}.workflow-image-overlay-label{font-family:var(--font-mono), monospace;color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:10px}.workflow-native-image{object-fit:cover;width:100%;height:100%;display:block}.workflow-artifact-frame{aspect-ratio:auto;justify-content:center;align-items:center;width:100%;min-height:180px;max-height:220px;display:flex}.workflow-artifact-image{background:var(--panel-soft);width:auto;max-width:100%;height:auto;max-height:100%}.workflow-image-caption{font-family:var(--font-mono), monospace;color:var(--muted);font-size:11px}.workflow-modal-backdrop{z-index:1000;background:#0f172ae0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.workflow-modal-surface{justify-content:center;align-items:center;width:min(96vw,1360px);max-width:100%;height:min(92vh,930px);max-height:100%;display:flex;position:relative;overflow:hidden}.template-preview-modal-layout{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:stretch;gap:10px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.template-preview-modal-image-wrap{justify-content:flex-end;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.template-preview-modal-image-layer{object-fit:contain;height:100%;max-height:fit-content;position:relative}.template-preview-modal-meta{background:#fff;border-radius:16px;align-content:start;gap:10px;min-width:0;max-width:420px;padding:14px;display:grid;overflow:auto}.template-preview-meta-panel{border:1px solid var(--line);background:#fbfbfc;border-radius:14px;gap:8px;padding:10px;display:grid}.template-preview-meta-grid{gap:6px;display:grid}.template-preview-meta-row{gap:2px;display:grid}.template-preview-meta-key{color:#667085;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.template-preview-meta-value{color:#111827;word-break:break-word;font-size:10px;line-height:1.35}.template-preview-meta-value.key{font-size:12px}.template-preview-attribute-panel{align-content:start;align-items:start;gap:8px;display:grid}.template-preview-attribute-title{color:#667085;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.template-preview-attribute-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;align-items:start;gap:6px;display:grid}.template-preview-attribute-row{border:1px solid var(--line);background:#fbfbfc;border-radius:12px;gap:2px;min-width:0;padding:7px 9px;display:grid;position:relative}.template-preview-attribute-group{align-self:start}.template-preview-attribute-group-summary{cursor:pointer;gap:2px;list-style:none;display:grid;position:relative}.template-preview-attribute-group-summary::-webkit-details-marker{display:none}.template-preview-attribute-group-body{gap:8px;padding-top:8px;display:grid}.template-preview-attribute-group-section{gap:6px;display:grid}.template-preview-attribute-group-label{color:#667085;letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:700}.template-preview-attribute-chip-list{flex-wrap:wrap;gap:6px;display:flex}.template-preview-attribute-chip{min-width:0;color:var(--ink);overflow-wrap:anywhere;word-break:break-word;background:#ffffffb8;border:1px solid #0f172a14;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;line-height:1.35;display:inline-flex}.template-preview-attribute-chip.is-excluded{background:#fee2e2d1;border-color:#ef44443d}.template-preview-attribute-row.is-rule-match{background:#f0fdf4;border-color:#86efac}.template-preview-attribute-row.is-rule-miss{background:#fef2f2;border-color:#fca5a5}.template-preview-attribute-row.is-boost-match{background:#fffbeb;border-color:#fcd34d}.template-preview-attribute-row.is-rule-match.is-rule-miss{background:linear-gradient(#f0fdf4 0%,#fef2f2 100%);border-color:#fca5a5}.template-preview-attribute-row.is-rule-miss.is-boost-match{background:linear-gradient(#fef2f2 0%,#fffbeb 100%);border-color:#f59e0b}.template-preview-attribute-row.is-rule-match.is-boost-match{background:linear-gradient(#f0fdf4 0%,#fffbeb 100%);border-color:#f5c24b}.template-preview-attribute-key{color:#667085;letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:700}.template-preview-attribute-value{color:var(--ink);overflow-wrap:anywhere;word-break:break-word;min-width:0;font-size:12px;line-height:1.4}.template-preview-attribute-value.deleet{font-size:15px}.template-preview-attribute-indicators{gap:4px;display:flex;position:absolute;top:7px;right:7px}.template-preview-attribute-indicator{border-radius:999px;width:8px;height:8px}.template-preview-attribute-indicator.is-rule{background:#22c55e}.template-preview-attribute-indicator.is-rule-miss{background:#ef4444}.template-preview-attribute-indicator.is-boost{background:#f59e0b}@media (max-width:1100px){.workflow-modal-backdrop{padding:16px}.workflow-modal-surface{width:min(100%,1040px);height:min(94vh,940px)}.template-preview-modal-layout{grid-template-rows:minmax(0,1fr) minmax(220px,36vh);grid-template-columns:minmax(0,1fr)}.template-preview-modal-meta{max-width:none}.template-preview-attribute-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.template-preview-attribute-list{grid-template-columns:1fr}}.workflow-modal-image{object-fit:contain;background:#fff;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 20px 60px #00000059}.workflow-modal-image-layer{background:#fff;border-radius:16px;width:min(100%,1100px);max-width:100%;height:auto;max-height:100%;display:block;overflow:hidden;box-shadow:0 20px 60px #00000059}.workflow-modal-close{z-index:1001;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;position:absolute;top:20px;right:20px}.workflow-empty-state{border:1px dashed var(--line-strong);color:var(--muted);background:#fafafa;border-radius:18px;padding:18px;font-size:14px;line-height:1.6}.workflow-rtb-list{gap:12px;display:grid}.workflow-rtb-card{border:1px solid var(--line);background:#fcfcfd;border-radius:18px;gap:14px;padding:16px;display:grid}.attr-pre{font-family:var(--font-mono), monospace;white-space:pre-wrap;word-break:break-word;color:#344054;margin:0;font-size:12px;line-height:1.55}.upload-page{gap:16px}.upload-panel,.upload-preview-panel{gap:16px;display:grid}.upload-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.upload-picker{align-items:center;width:fit-content;display:inline-flex;position:relative}.upload-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-file-meta{gap:4px;display:grid}.upload-file-row{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;display:flex}.upload-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.upload-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.table-grid-upload{grid-template-columns:44px minmax(56px,.4fr) minmax(120px,1fr) minmax(98px,.7fr) minmax(280px,2fr) minmax(180px,1.4fr) minmax(76px,.5fr)}.upload-row-card{border-bottom:1px solid var(--line)}.upload-row-card:last-child{border-bottom:0}.upload-row-card summary{list-style:none}.upload-row-card summary::-webkit-details-marker{display:none}.upload-row-summary{cursor:pointer}.upload-row-card[open] .upload-row-summary{background:#fafafa}.upload-row-body{border-bottom:1px solid var(--line);background:#fafafa;padding:0 14px 14px}.upload-row-toggle{font-family:var(--font-mono), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:right;font-size:11px}.upload-confirm-check{border:1px solid var(--line);color:var(--ink);background:#fafafa;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.upload-confirm-check input{margin-top:2px}.upload-result-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px 14px;line-height:1.5}.upload-error{margin-bottom:0}.template-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.template-table-open-button{justify-content:center;min-width:0;height:40px}.template-brand-selector{align-items:center;gap:10px;margin:0;display:inline-flex}.template-brand-selector-label{color:#475467;letter-spacing:.01em;white-space:nowrap;font-size:12px;font-weight:700}.template-brand-selector-shell{background:linear-gradient(#fff 0%,#f7f9fc 100%);border:1px solid #d7deea;border-radius:14px;align-items:center;min-width:184px;display:inline-flex;position:relative;box-shadow:0 1px #10182805,inset 0 1px #fffc}.template-brand-selector-shell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d1fae52e 0%,#bfdbfe24 100%);border-radius:13px;position:absolute;inset:1px}.template-brand-selector-input{z-index:1;appearance:none;width:100%;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:none;padding:10px 36px 10px 14px;font-size:13px;font-weight:600;position:relative}.template-brand-selector-input:focus{border-radius:14px;box-shadow:0 0 0 2px #547aff29}.template-brand-selector-input.is-readonly{cursor:default;pointer-events:none}.template-brand-selector-icon{z-index:1;color:#667085;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.template-brand-selector-icon svg{width:100%;height:100%;display:block}.template-preview-selector{flex-shrink:0}.template-preview-selector .template-brand-selector-shell{min-width:220px}.template-preview-header{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 0 0 var(--bg);align-items:center;margin:-22px -24px 0;padding:22px 24px 14px;position:sticky;top:0}.template-preview-header-copy{min-width:0}.template-preview-header .page-title{margin-bottom:0}.template-preview-header-subtitle{max-width:64ch;color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.template-preview-header-subtitle strong{color:var(--ink);font-weight:600}.template-preview-panel-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.template-preview-loading-shell{gap:18px;display:grid}.template-preview-page-loading-shell{gap:24px;display:grid}.template-preview-page-loading-panel{overflow:hidden}.template-preview-loading-row{gap:10px;display:grid}.template-preview-loading-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-preview-loading-strip{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;width:100%;min-width:0;display:grid}.template-preview-loading-card{gap:10px;display:grid}.template-preview-loading-platform-icon,.template-preview-loading-nav-button,.template-preview-loading-meta-avatar,.template-preview-loading-frame,.template-preview-loading-line,.template-preview-loading-chip{background:#eef2f6;position:relative;overflow:hidden}.template-preview-loading-platform-icon:after,.template-preview-loading-nav-button:after,.template-preview-loading-meta-avatar:after,.template-preview-loading-frame:after,.template-preview-loading-line:after,.template-preview-loading-chip:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.3s ease-in-out infinite template-preview-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.template-preview-loading-platform-icon{border-radius:999px;width:18px;height:18px;display:inline-block}.template-preview-loading-copy{gap:8px;padding:0 6px;display:grid}.template-preview-loading-line{border-radius:999px;height:12px;display:block}.template-preview-loading-line.is-label{width:92px}.template-preview-loading-line.is-note{width:140px;max-width:28%}.template-preview-loading-line.is-title{width:74%}.template-preview-loading-line.is-body{width:48%}.template-preview-loading-line.is-mockup-title{width:54%;height:10px}.template-preview-loading-line.is-mockup-note{width:72%;height:10px}.template-preview-loading-line.is-meta-title{width:62%;height:10px}.template-preview-loading-line.is-meta-subtitle{width:42%;height:9px}.template-preview-loading-line.is-meta-cta{width:58%;height:12px}.template-preview-loading-line.is-nav-label{width:72px;height:8px}.template-preview-loading-line.is-nav-title{width:140px;max-width:100%}.template-preview-loading-line.is-nav-counter{width:40px;height:10px}.template-preview-loading-chip{border-color:#0000;min-width:112px;min-height:28px}.template-preview-loading-mockup-label{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.template-preview-loading-meta-frame{background:#fff;border:1px solid #e0e0e0;border-radius:10px;gap:0;width:100%;min-width:0;display:grid;overflow:hidden}.template-preview-loading-meta-head{align-items:center;gap:6px;padding:7px 8px;display:flex}.template-preview-loading-meta-avatar{border-radius:999px;flex:none;width:24px;height:24px;display:inline-block}.template-preview-loading-meta-copy{flex:auto;gap:5px;min-width:0;display:grid}.template-preview-loading-meta-media{aspect-ratio:4/5;background:#eef2f6;position:relative;overflow:hidden}.template-preview-loading-meta-media:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.3s ease-in-out infinite template-preview-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.template-preview-loading-meta-footer{justify-content:center;padding:8px;display:flex}.template-preview-loading-nav-button{border-radius:6px;width:26px;height:22px;display:inline-block}.template-inline-actions.delete{justify-content:end}.template-rule-import-input{display:none}.template-value-picker.template-slot-source-picker{flex:none;width:auto}.template-tab-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.template-tab-chip.is-active{color:#fff;background:#0f172a;border-color:#0f172a}.template-summary-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.template-definition-strip{grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr);align-items:start;gap:14px;display:grid}.template-sample-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.template-sample-preview-row{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;margin-top:14px;display:grid}.template-mini-image-button{cursor:pointer;background:var(--panel-soft);border:0;border-radius:16px;padding:0;overflow:hidden}.template-mini-image{object-fit:cover;width:120px;height:120px}.template-mini-image-contain{background:var(--panel-soft);object-fit:contain;border-radius:16px}.template-create-preview-frame{border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;width:min(320px,100%);padding:12px}.template-create-preview-image{object-fit:contain;width:100%;height:auto;max-height:320px}.template-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-field-grid-span{grid-column:1/-1}.template-field-grid-span.cell{grid-column:auto;padding-top:24px}.template-dimension-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.template-height-field{min-width:0}.template-height-input-wrap{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.template-aspect-ratio-button{color:#344054;background:#f8fafc;border:1px solid #e4e7ec;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.template-aspect-ratio-button:hover{color:#1d2939;background:#f2f4f7;border-color:#d0d5dd}.template-aspect-ratio-button.is-active{color:#fff;background:#111827;border-color:#111827;box-shadow:0 1px 2px #1118272e}.template-aspect-ratio-button svg{width:16px;height:16px}.template-layout-builder-page{gap:18px}.template-layout-builder-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(300px,360px);align-items:start;gap:16px;display:grid}.template-layout-sidebar-panel,.template-layout-shapes-panel,.template-layout-preview-panel{gap:16px;display:grid}.template-shape-panel{border-width:1px;transition:border-width .12s,border-color .12s,box-shadow .12s}.template-shape-panel.is-selected{border-width:2px;border-color:#0f172a42;box-shadow:0 0 0 1px #0f172a0a}.template-layout-shapes-panel .template-shape-panels{max-height:calc(100vh - 240px);padding-right:4px;overflow:auto}.template-shape-panel.is-collapsed{gap:0}.template-shape-collapse-button{color:#667085;width:36px;height:36px;box-shadow:none;cursor:pointer;background:#f7f8fb;border:1px solid #e8edf5;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.template-shape-collapse-button:hover{color:#344054;background:#eef2f7;border-color:#dde4ee}.template-shape-collapse-button:focus-visible{outline-offset:2px;outline:2px solid #c7d7fe}.template-shape-collapse-icon{justify-content:center;align-items:center;width:16px;height:16px;transition:transform .12s;display:inline-flex;transform:rotate(180deg)}.template-shape-collapse-icon svg{width:100%;height:100%}.template-shape-collapse-icon.is-collapsed{transform:rotate(0)}.template-layout-preview-shell{background:linear-gradient(135deg,#0f172a0a,#0f172a03),repeating-linear-gradient(45deg,#0f172a08,#0f172a08 12px,#fff9 12px 24px);border-radius:18px;place-items:center;padding:18px;display:grid}.template-layout-preview-canvas{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #0f172a14;border-radius:18px;width:min(100%,420px);height:auto;box-shadow:0 16px 40px #0f172a1f}.template-badge-preview-shell{aspect-ratio:1;width:100%;padding:0;display:block;overflow:auto}.template-badge-preview-shell .template-layout-preview-canvas{border-radius:18px;max-width:none;max-height:none;display:block}.template-badge-preview-controls{flex-wrap:wrap}.template-badge-preview-hint{color:var(--muted);margin:-2px 0 12px;font-size:12px;line-height:1.45}.template-badge-layer-tabs{gap:8px;margin-bottom:0}.template-badge-layer-tabs .template-tab-chip{flex:1 1 0;justify-content:center}.template-readonly-field{color:#475467;background:#f8fafc;align-items:center;min-height:44px;display:flex}.template-textarea{resize:vertical;min-height:110px}.template-sample-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.template-sample-empty{min-height:260px;color:var(--muted);background:var(--panel-soft);place-items:center;padding:18px;display:grid}.template-slot-row{flex-wrap:wrap;gap:10px;display:flex}.template-slot-toolbar{gap:12px;margin-bottom:14px;display:grid}.template-slot-strip{gap:12px;padding:14px 16px;display:grid}.template-slot-strip-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.template-slot-select-field{min-width:220px}.template-slot-compact-meta{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(140px,.8fr);gap:12px;display:grid}.template-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.template-title-separator{color:var(--muted);font-size:1rem;line-height:1}.template-slot-pill-row{flex-wrap:wrap;gap:10px;display:flex}.template-title-slot-row{align-items:center}.template-slot-chip.is-active,.template-value-chip.is-active{color:#fff;background:#0f172a;border-color:#0f172a}.template-rule-row,.template-multiplier-row{border:1px solid var(--line);background:#fbfbfc;border-radius:16px;align-items:stretch;gap:12px;padding:14px;display:grid}.template-rule-row{grid-template-columns:minmax(180px,.9fr) minmax(120px,.55fr) minmax(0,1.8fr) auto}.template-slot-create-row{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}.template-multiplier-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(120px,.5fr) minmax(170px,.9fr) auto}.template-multiplier-impact{color:#166534;background:#f3fbf5;border:1px solid #d9e6dd;border-radius:14px;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.template-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.template-multiselect-field{min-width:0}.template-multiselect{min-height:132px;padding-top:10px;padding-bottom:10px}.template-value-picker-field{align-items:stretch;min-width:0;display:flex}.template-value-picker{width:100%;position:relative}.template-value-picker-summary{border:1px solid var(--line-strong);cursor:pointer;text-align:left;background:#fcfcfd;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;height:44px;padding:11px 14px;display:flex}.template-rule-row>.workflow-filter-input,.template-multiplier-row>.workflow-filter-input,.template-rule-row>.button,.template-multiplier-row>.button,.template-field-grid-span.cell>.button.cell{min-height:44px}.template-value-picker.is-open .template-value-picker-summary{border-color:#b8c7e6;box-shadow:0 0 0 2px #547aff14}.template-value-picker-text{color:var(--ink);font-size:13px;line-height:1.4}.template-value-picker-selected{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.template-value-picker-chip{white-space:nowrap}.template-value-picker-placeholder,.template-value-picker-count{color:var(--muted);font-size:12px}.template-value-picker-panel{z-index:5;border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:12px;width:min(360px,100%);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #0f172a1f}.template-value-picker-options{gap:8px;max-height:220px;display:grid;overflow-y:auto}.template-value-picker-option{cursor:pointer;background:#fafafa;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.template-value-picker-option input{margin:0}.template-slot-source-panel,.template-slot-source-options{width:max-content;min-width:max-content}.template-slot-source-option{white-space:nowrap}.unstyled-button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.template-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-ratio-tabs.layout{width:fit-content}.template-ratio-tabs{background:#f5f7fb;border:1px solid #e3e8f5;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px;display:inline-flex}.template-ratio-tab{color:#475467;background:#f3f5f8;border:1px solid #0000;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:600;line-height:1;transition:background-color .12s,color .12s,box-shadow .12s}.template-ratio-tab.is-active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 1px 2px #0f172a2e}.template-ratio-tab:hover:not(.is-active){color:#111827;background:#0f172a0f}.template-preview-scroll-list{width:100%;min-width:0;max-width:100%;height:auto;overflow:auto hidden}.template-finalized-strip{box-sizing:border-box;scroll-snap-type:x proximity;align-items:stretch;gap:12px;width:max-content;min-width:100%;max-width:none;padding:2px 0 8px;display:flex;overflow:visible}.template-finalized-strip>*{scroll-snap-align:start;flex:0 0 clamp(180px,19vw,260px);width:clamp(180px,19vw,260px);min-width:clamp(180px,19vw,260px)}.template-finalized-strip.is-virtualized{width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.template-finalized-strip.is-virtualized>*{flex:initial;width:auto;min-width:0}.template-finalized-grid-cell{box-sizing:border-box;scroll-snap-align:start}.template-finalized-card{width:100%;min-width:0;max-width:100%}.template-finalized-card-button{box-sizing:border-box;align-content:start;gap:10px;width:100%;min-width:0;padding-bottom:12px;display:grid}.template-finalized-card .image-schema-image,.template-finalized-card .image-schema-empty-thumb,.template-finalized-card .image-schema-image-button{aspect-ratio:var(--template-first-aspect-ratio)}.template-finalized-card-copy{gap:4px;min-width:0;padding:0 10px;display:grid}.template-finalized-card-title-row{align-items:center;gap:8px;min-width:0;display:flex}.template-finalized-card-title{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.template-finalized-card-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-finalized-card .image-schema-image-badge{left:8px;right:auto}@media (max-width:900px){.template-finalized-strip>*{flex-basis:clamp(160px,42vw,220px);width:clamp(160px,42vw,220px);min-width:clamp(160px,42vw,220px)}}@media (max-width:640px){.template-finalized-strip>*{flex-basis:calc(66.6667vw - 46.6667px);width:calc(66.6667vw - 46.6667px);min-width:calc(66.6667vw - 46.6667px)}}.template-preview-virtual-inner{width:100%;position:relative}.template-preview-virtual-row{width:100%;padding-bottom:14px;position:absolute;top:0;left:0}.template-workspace-layout{align-items:start;gap:18px;display:grid}.template-main-column,.template-side-column{min-width:0}.template-main-column{gap:12px;display:grid}.template-accordion-trigger{background:var(--panel);width:40px;height:40px;color:inherit;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.template-accordion-trigger:hover{background:var(--panel-soft)}.template-accordion-icon{color:var(--muted);transition:transform .18s,color .18s}.template-accordion-icon.is-open{transform:rotate(180deg)}.template-accordion-icon svg{width:16px;height:16px;display:block}.template-accordion-panel{gap:12px;display:grid}.template-color-controls-grid{gap:14px;display:grid}.template-color-controls-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-color-control-field{gap:8px}.template-color-controls-button{white-space:nowrap;border-radius:999px;place-self:end start;min-height:40px;padding:0 12px;font-size:12px;line-height:1}.template-color-control-inputs{grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;display:grid}.template-color-picker-inputs{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.template-color-picker{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:52px;height:44px;padding:4px}.template-color-picker::-webkit-color-swatch-wrapper{padding:0}.template-color-picker::-webkit-color-swatch{border:0;border-radius:8px}.template-color-picker::-moz-color-swatch{border:0;border-radius:8px}.template-color-control-slider{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:18px;margin:0}.template-color-control-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffffff2e,#ffffff2e),linear-gradient(90deg,#ff004d 0%,#ff8a00 12%,#ffe600 24%,#57e31b 38%,#00d1b2 52%,#006bff 68%,#6a00ff 82%,#ff00a8 100%);border-radius:999px;height:10px;box-shadow:inset 0 0 0 1px #0f172a14}.template-color-control-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1e293b;border:2px solid #f8fafc;border-radius:50%;width:12px;height:12px;margin-top:-1px;box-shadow:0 0 0 1px #0f172a38,0 1px 4px #0f172a2e}.template-color-control-slider::-moz-range-track{background:linear-gradient(90deg,#ffffff2e,#ffffff2e),linear-gradient(90deg,#ff004d 0%,#ff8a00 12%,#ffe600 24%,#57e31b 38%,#00d1b2 52%,#006bff 68%,#6a00ff 82%,#ff00a8 100%);border:0;border-radius:999px;height:10px;box-shadow:inset 0 0 0 1px #0f172a14}.template-color-control-slider::-moz-range-thumb{cursor:pointer;background:#1e293b;border:2px solid #f8fafc;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0f172a38,0 1px 4px #0f172a2e}.template-color-control-slider--plain::-webkit-slider-runnable-track{background:#e2e8f0;box-shadow:inset 0 0 0 1px #0f172a1a}.template-color-control-slider--plain::-moz-range-track{background:#e2e8f0;box-shadow:inset 0 0 0 1px #0f172a1a}.template-color-control-number{text-align:center}@media (max-width:980px){.template-color-controls-row{grid-template-columns:1fr}}.template-side-column{position:sticky;top:24px}.template-metadata-panel{gap:12px;display:grid}.template-sidebar-image-button{cursor:pointer;background:var(--panel-soft);border:0;border-radius:18px;padding:12px}.template-sidebar-image{aspect-ratio:4/5;object-fit:contain;width:100%}.template-sidebar-image-empty{border:1px dashed var(--line-strong);min-height:220px;color:var(--muted);background:#fbfbfc;border-radius:18px;place-items:center;padding:18px;display:grid}.template-preview-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;gap:12px;display:grid;overflow:hidden}.template-preview-canvas-host{width:100%;height:100%;display:block}.template-compare-grid{gap:22px;display:grid}.template-compare-header{align-items:end;gap:14px;display:grid}.template-compare-header-spacer{min-height:1px}.template-compare-product-section{align-items:start;gap:14px;display:grid}.template-compare-card{gap:8px;display:grid}.template-compare-strip{grid-template-columns:repeat(var(--template-compare-columns), minmax(0, 1fr));gap:10px;min-width:0;display:grid;overflow:hidden}.template-compare-strip>*{width:100%;min-width:0}.template-compare-strip-header{padding-bottom:0;overflow:visible}.template-compare-header-cell{gap:6px;display:grid}.template-compare-select{width:100%}.template-compare-cell-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.template-compare-product-card{box-shadow:none;background:0 0;border:0;gap:10px;padding:0;display:grid}.template-compare-empty{min-height:0;aspect-ratio:var(--template-first-aspect-ratio);border:1px dashed var(--line);background:var(--panel-soft);color:var(--muted);border-radius:16px;place-items:center;display:grid}.template-compare-card .image-schema-image,.template-compare-card .template-preview-canvas-host{aspect-ratio:var(--template-first-aspect-ratio);background:#f3f0ea;border-radius:16px;overflow:hidden}.template-preview-loading-frame{border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden}.template-preview-loading-frame>img,.template-preview-loading-frame>.image-schema-image,.template-preview-loading-frame>.mpa-template-img,.template-preview-loading-frame>.mpa-vertical-template-img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.template-preview-loading-overlay{border-radius:inherit;background:#1f29376b;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.template-preview-loading-spinner{aspect-ratio:1;border:6px solid #fff;border-color:#fff #fff #ffffff57 #ffffff57;border-radius:999px;width:clamp(42px,18%,72px);animation:.95s linear infinite template-preview-spinner-rotate}.template-preview-hidden-render-host{pointer-events:none;opacity:0;width:0;height:0;position:absolute;inset:0;overflow:hidden}.template-compare-viewport-slot{display:block}@keyframes template-preview-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes template-preview-skeleton-shimmer{to{transform:translate(100%)}}.template-compare-card .image-schema-image{width:100%;height:auto}.template-compare-card .template-preview-canvas-host canvas,.template-compare-card .template-preview-canvas-host img,.template-compare-card .image-schema-image{border-radius:16px;width:100%;height:100%;display:block}.template-compare-card .chip{min-height:0;padding:4px 8px;font-size:10px;line-height:1}.template-compare-ratio-tab{background:#fff;border:1px solid #d9e3f8;border-radius:999px;justify-content:center;align-items:center;min-width:42px;min-height:30px;padding:4px 8px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.template-compare-ratio-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.template-compare-ratio-icon-box{background:0 0;border:2px solid;border-radius:3px;display:block}.template-compare-ratio-icon.is-9-16 .template-compare-ratio-icon-box{width:8px;height:15px}.template-compare-ratio-icon.is-4-5 .template-compare-ratio-icon-box{width:10px;height:13px}.template-compare-ratio-icon.is-1-1 .template-compare-ratio-icon-box{width:13px;height:13px}.template-compare-first-image-card .template-compare-card-button{width:100%;aspect-ratio:var(--template-first-aspect-ratio);background:#f3f0ea;border-radius:16px;place-items:center;display:grid;overflow:hidden}.template-compare-first-image-card .template-first-product-image{object-fit:contain;object-position:center;border-radius:16px;width:100%;height:100%}.template-preview-media{width:100%;height:100%;position:relative}.template-preview-image-shell{isolation:isolate;position:relative}.template-image-pin-button{z-index:3;color:#fff;min-width:56px;font-family:var(--font-mono), monospace;letter-spacing:.04em;cursor:pointer;background:#0f172aad;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:10px;font-weight:700;transition:background .14s,border-color .14s,transform .14s;display:inline-flex;position:absolute;top:10px;right:10px}.template-image-pin-button:hover,.template-image-pin-button:focus-visible{background:#2563ebeb;border-color:#bfdbfef5}.template-image-pin-button:focus-visible{outline-offset:2px;outline:2px solid #bfdbfee6}.template-image-pin-button.is-pinned{background:#b45309e6;border-color:#fde68af2}.template-image-pinned-flag{color:#fde68a;border-left:1px solid #ffffff47;align-items:center;margin-left:8px;padding-left:8px;display:inline-flex}.template-image-markings-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.template-image-marking-point{background:#fff;border:2px solid #ff3b30;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ff3b302e}.template-preview-canvas-thumb{background:#f3f0ea;width:100%;height:auto;display:block}.template-preview-modal-canvas{width:100%;height:auto;display:block}.template-preview-modal-pair{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.template-preview-modal-pair.is-ready{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.template-preview-modal-canvas-host{min-width:0}.template-preview-image-button{cursor:pointer;background:0 0;border:0;padding:0}.template-preview-image-button:disabled{cursor:default}.template-preview-meta{gap:10px;padding:0 14px 14px;display:grid}.template-preview-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-preview-head h3{margin:0 0 4px;font-size:15px}.template-score{white-space:nowrap}.template-preview-image-card{gap:8px;display:grid}.template-remove-icon-button{color:#b42318;width:44px;min-width:44px;padding:0}.template-remove-icon-button svg{width:16px;height:16px}.template-product-image-section{gap:10px;display:grid}.template-product-image-section-secondary{border-top:1px solid var(--line);padding-top:10px}.template-product-image-section-secondary .image-schema-eligible-grid{grid-template-columns:none}.template-product-image-section-secondary .image-schema-image,.template-product-image-section-secondary .image-schema-empty-thumb{aspect-ratio:1;min-height:88px}.template-product-image-section-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.template-noneligible-image-button{opacity:.58}.template-noneligible-marker{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.template-noneligible-marker span{color:#fff;background:#0f172a61;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:700;line-height:1;display:inline-flex}.template-eligible-count-chip{color:#166534;background:#e8fff4;border-color:#86efac;font-weight:700}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0;height:auto;position:static}.sticky-stack{position:static}}@media (max-width:960px){.grid.cols-4,.grid.cols-5,.grid.cols-3,.grid.cols-2,.attribute-summary-grid,.detail-layout,.workflow-layout,.template-field-grid,.template-definition-strip,.template-sample-grid,.template-sample-preview-row,.attribute-values-editor,.attribute-value-add,.attribute-value-row,.meta-grid,.image-grid,.mini-metrics{grid-template-columns:1fr}.page-header,.toolbar,.section-head,.search{align-items:stretch}.template-preview-header{align-items:flex-start;gap:12px;margin:-20px -16px 0;padding:16px 16px 12px}.template-preview-header-copy{flex:auto;min-width:0}.template-preview-header-subtitle{margin-top:4px;font-size:12px;line-height:1.4}.template-preview-selector{min-width:116px;max-width:280px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:0 0 36%;align-items:stretch;gap:6px;padding:0}.template-preview-selector .template-brand-selector-label{text-align:left;color:#344054;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.template-preview-selector .template-brand-selector-shell{width:100%;min-width:0}.image-schema-toolbar,.image-schema-product-head{align-items:stretch}.image-schema-filter-field{min-width:0}.main-inner{padding:20px 16px 40px}.hero-title,.page-title{font-size:24px}.table-head{display:none}.table-grid-products,.table-grid-templates,.table-grid-template-layouts,.table-grid-categories,.table-grid-overview-products,.table-grid-overview-categories,.table-grid-upload,.attr-table-head,.attr-table-row{grid-template-columns:1fr}.attr-table-head{display:none}.workflow-context-drawer{width:calc(100vw - 24px);top:12px;bottom:12px;right:12px}.template-sample-toolbar,.template-preview-head{align-items:stretch}.template-side-column{position:static}.template-compare-header,.template-compare-product-section{grid-template-columns:1fr}.template-compare-strip>*{flex-basis:min(68vw,240px);width:min(68vw,240px);min-width:min(68vw,240px)}.template-slot-strip-top{align-items:stretch}.template-slot-compact-meta,.template-rule-row,.template-multiplier-row,.template-workspace-layout,.template-preview-grid,.template-layout-builder-grid{grid-template-columns:1fr}}.mpa-page{flex-direction:column;gap:24px;display:flex}.mpa-platform-heading{align-items:center;gap:8px;display:flex}.mpa-platform-icon{flex-shrink:0;width:18px;height:18px}.mpa-placements-grid{grid-template-columns:minmax(35%,2fr) minmax(30%,1.1fr) minmax(30%,1.1fr);align-items:start;gap:2%;display:grid}.mpa-placement-col{min-width:0;overflow:hidden}.mpa-placement-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted,#888);margin-bottom:12px;font-size:11px;font-weight:700}.mpa-comparison-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.mpa-comparison-side{flex-direction:column;gap:5px;min-width:0;display:flex;overflow:hidden}.mpa-mockup-label{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.mpa-mockup-label-title{letter-spacing:.03em;color:var(--c-muted,#888);font-size:10px;font-weight:600}.mpa-mockup-label.is-template .mpa-mockup-label-title{color:#1a7a4a}.mpa-mockup-note{align-items:center;gap:4px;font-size:10px;font-weight:600;line-height:1.25;display:inline-flex}.mpa-mockup-note.is-issue{color:#b42318}.mpa-mockup-note.is-win{color:#067647}.mpa-mockup-note-icon{font-size:11px;font-weight:800}.mpa-product-nav{border-top:1px solid var(--line,#e5e7eb);justify-content:center;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.mpa-nav-btn{border:1px solid var(--line,#d8d8d8);cursor:pointer;color:inherit;background:0 0;border-radius:5px;padding:3px 9px;font-size:13px;line-height:1.4}.mpa-nav-btn:disabled{opacity:.3;cursor:default}.mpa-nav-btn:not(:disabled):hover{background:var(--panel-soft,#f5f5f5)}.mpa-nav-current{flex-direction:column;align-items:center;gap:1px;min-width:120px;max-width:220px;display:flex}.mpa-nav-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#6b7280);font-size:9px;font-weight:700}.mpa-nav-title{max-width:100%;color:var(--ink,#111827);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mpa-nav-counter{color:var(--c-muted,#888);text-align:center;min-width:56px;font-size:11px}.mpa-frame{color:#1c1e21;background:#fff;border:1px solid #e0e0e0;border-radius:10px;width:100%;min-width:0;font-size:11px;line-height:1.35;overflow:hidden}.mpa-post-header{align-items:center;gap:6px;padding:7px 8px;display:flex}.mpa-avatar{background:#d0d0d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.mpa-avatar-sm{width:20px;height:20px}.mpa-avatar-fb{background:#1877f2}.mpa-avatar-fb-icon{color:#fff;width:14px;height:14px}.mpa-post-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mpa-account{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.mpa-sponsored{color:#65676b;font-size:9.5px}.mpa-globe{font-size:9px}.mpa-dots{color:#aaa;letter-spacing:1px;flex-shrink:0;font-size:12px}.mpa-close{color:#888;flex-shrink:0;margin-left:2px;font-size:14px}.mpa-default-img{object-fit:contain;background:#f8f8f8;width:100%;height:100%;display:block}.mpa-template-img{width:100%;height:auto;display:block}.template-preview-loading-skeleton{background:#eef2f6;width:100%;height:100%;min-height:100%;display:block;position:relative;overflow:hidden}.template-preview-loading-skeleton.is-dark{background:#d1cfcf}.template-preview-loading-skeleton:before{content:"";background:linear-gradient(90deg,#0000,#ffffffad,#0000);animation:1.3s ease-in-out infinite template-preview-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.template-preview-loading-skeleton.is-dark:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}.template-preview-loading-skeleton:after{content:"";border:3px solid #ffffff61;border-top-color:#fff;border-radius:999px;width:42px;height:42px;margin-top:-21px;margin-left:-21px;animation:.9s linear infinite template-preview-spinner-rotate;position:absolute;top:50%;left:50%}.template-preview-loading-skeleton.is-dark:after{border-color:#fff #ffffff3d #ffffff3d}.mpa-img-empty{background:#ececec;width:100%;height:100%}.mpa-feed-image-wrap{aspect-ratio:1;background:#f8f8f8;overflow:hidden}.mpa-feed-image-wrap .template-preview-canvas-host{width:100%;height:100%}.mpa-feed-image-wrap .template-preview-loading-skeleton,.mpa-story-media .template-preview-loading-skeleton,.mpa-reels-media .template-preview-loading-skeleton,.mpa-carousel-card-image .template-preview-loading-skeleton{height:100%}.mpa-ig-feed-footer{padding:6px 8px 5px}.mpa-ig-engage-row{align-items:center;gap:7px;margin-bottom:5px;display:flex}.mpa-engage-spacer{flex:1}.mpa-engage-icon{color:#262626;flex-shrink:0;width:14px;height:14px}.mpa-ig-cta-row{border-top:1px solid #efefef;padding-top:5px}.mpa-cta-pill{text-align:center;color:#1c1e21;background:#f0f2f5;border-radius:5px;padding:4px;font-size:10.5px;font-weight:600;display:block}.mpa-fb-ad-copy{color:#1c1e21;padding:2px 8px 6px;font-size:11px}.mpa-carousel-track-wrap{border-top:1px solid #e8e8e8;width:100%;position:relative;overflow:hidden}.mpa-carousel-track{gap:8px;width:100%;padding:8px 0 8px 8px;display:flex;overflow-x:hidden}.mpa-carousel-card{background:#fff;border:1px solid #e8e8e8;border-radius:6px;flex:0 0 calc(68% - 12px);overflow:hidden}.mpa-carousel-card-image{aspect-ratio:1;background:#f8f8f8;overflow:hidden}.mpa-carousel-card-image .template-preview-canvas-host{width:100%;height:100%}.mpa-carousel-card-copy{border-top:1px solid #efefef;padding:5px 7px 2px}.mpa-carousel-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.mpa-carousel-card-sub{color:#65676b;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;display:block;overflow:hidden}.mpa-carousel-cta{text-align:center;color:#1c1e21;background:#f0f2f5;border-radius:4px;margin:3px 7px 5px;padding:4px;font-size:10px;font-weight:600}.mpa-carousel-arrow{z-index:2;cursor:pointer;color:#444;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #00000026}.mpa-carousel-arrow-prev{left:4px}.mpa-carousel-arrow-next{right:4px}.mpa-fb-engage-row{border-top:1px solid #e8e8e8;gap:0;padding:4px 6px;display:flex}.mpa-fb-engage-btn{color:#65676b;cursor:default;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-size:10px;font-weight:600;display:flex}.mpa-vertical{aspect-ratio:9/16;background:#111;border:none;position:relative;overflow:hidden}.mpa-vertical-bg{width:100%;height:100%;position:absolute;inset:0}.mpa-vertical-default-img{object-fit:contain;background:#979696;width:100%;height:100%;display:block}.mpa-vertical-template-img{width:100%;height:auto;display:block}.mpa-vertical-bg .template-preview-canvas-host{width:100%;height:100%}.mpa-vertical-overlay{z-index:1;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.mpa-story-bars{gap:2px;padding:7px 7px 0;display:flex}.mpa-story-bar{background:#ffffff59;border-radius:1px;flex:1;height:2px}.mpa-story-bar-done{background:#fffc}.mpa-story-bar-active{background:#fffffff2}.mpa-story-header{align-items:center;gap:5px;padding:4px 7px 5px;display:flex}.mpa-story-account-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.mpa-story-account{color:#fff;text-shadow:0 1px 3px #00000080;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.mpa-story-show-more{color:#ffffffb3;font-size:9px}.mpa-dots-light,.mpa-close-light{color:#fffc}.mpa-story-bottom{background:#979696d1;flex-direction:column;gap:6px;margin-top:auto;padding:9px 8px 8px;display:flex}.mpa-story-bottom-template{background:0 0;align-items:center;padding-bottom:10px}.mpa-story-caption{color:#ffffffeb;margin:0;font-size:10px;line-height:1.3}.mpa-story-cta-btn{text-align:center;color:#111;cursor:default;background:#ffffffeb;border:none;border-radius:20px;width:100%;padding:5px 8px;font-size:10px;font-weight:600;display:block}.mpa-story-ad-label{color:#ffffff8c;text-align:left;font-size:9px}.mpa-reels-header{align-items:center;gap:5px;padding:8px 7px;display:flex}.mpa-reels-actions{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mpa-reels-action{opacity:.85;font-size:14px}.mpa-reels-bottom{flex-direction:column;gap:4px;margin-top:auto;padding:6px 7px 8px;display:flex}.mpa-reels-caption{color:#ffffffe6;text-shadow:0 1px 3px #00000080;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.template-table-action-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:1100px){.mpa-placements-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.mpa-placements-grid{grid-template-columns:1fr}}.mpa-reels-actions{z-index:8;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:auto;bottom:58px;right:10px;transform:none}.mpa-reels-action{color:#fff;filter:drop-shadow(0 1px 2px #000000b3);place-items:center;width:22px;height:22px;line-height:1;display:grid}.mpa-reels-action-icon{color:currentColor;width:18px;height:18px;display:block}.mpa-reels-top-icon{z-index:9;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:999px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px}.mpa-reels-top-icon-svg{color:currentColor;width:15px;height:15px;display:block}.mpa-story-cta-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.mpa-story-cta-btn .mpa-reels-top-icon-svg{width:13px;height:13px}.meta-ad-preview-panel{overflow:hidden}.meta-ad-platforms{gap:20px;display:grid}.meta-ad-platform-section{gap:12px;display:grid}.meta-ad-platform-header{color:#0f172a;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.meta-ad-platform-icon{flex:0 0 18px;width:18px;height:18px}.meta-ad-platform-name{font-size:20px;line-height:1.1}.meta-ad-placement-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.meta-ad-placement-card{min-width:0}.meta-ad-placement-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:8px;font-size:11px;font-weight:700}.meta-ad-frame{background:#fff;border:1px solid #dbe1ea;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a14}.meta-ad-frame.is-feed{aspect-ratio:4/5;grid-template-rows:auto 1fr auto;display:grid}.meta-ad-frame.is-vertical{aspect-ratio:9/16}.meta-ad-post-header,.meta-ad-post-footer{align-items:center;gap:8px;padding:10px 12px;display:flex}.meta-ad-post-header{border-bottom:1px solid #eef2f7}.meta-ad-post-footer{border-top:1px solid #eef2f7;flex-direction:column;align-items:stretch;gap:10px}.meta-ad-avatar{background:linear-gradient(135deg,#d1d5db,#f8fafc);border-radius:999px;flex:0 0 24px;width:24px;height:24px}.meta-ad-avatar.is-small{flex-basis:18px;width:18px;height:18px}.meta-ad-post-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.meta-ad-account-name,.meta-ad-story-name{color:#0f172a;font-size:11px;font-weight:700;line-height:1.1}.meta-ad-sponsored-label,.meta-ad-story-sponsored{color:#64748b;font-size:10px;line-height:1.1}.meta-ad-more-dots,.meta-ad-story-close{color:#64748b;margin-left:auto;font-size:14px;line-height:1}.meta-ad-image-wrap,.meta-ad-vertical-bg{background:#f8fafc;min-height:0;position:relative}.meta-ad-image-wrap.is-feed-ratio{aspect-ratio:1}.meta-ad-canvas-image,.meta-ad-image-wrap .template-preview-canvas-host,.meta-ad-vertical-bg .template-preview-canvas-host{width:100%;height:100%}.meta-ad-canvas-image{object-fit:contain;display:block}.meta-ad-canvas-image-cover{object-fit:cover}.meta-ad-image-empty{background:linear-gradient(135deg,#94a3b82e,#94a3b80f);width:100%;height:100%}.meta-ad-mode-badge{z-index:2;color:#0f172a;background:#ffffffeb;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:8px;right:8px}.meta-ad-mode-badge.is-overlay{color:#fff;background:#0f172acc}.meta-ad-engage-row{color:#1e293b;align-items:center;gap:10px;display:flex}.meta-ad-engage-icon{flex:0 0 16px;width:16px;height:16px}.meta-ad-cta-row{display:flex}.meta-ad-cta-btn{color:#0f172a;text-align:center;background:#f8fafc;border:1px solid #dbe1ea;border-radius:999px;width:100%;padding:7px 10px;font-size:11px;font-weight:700}.meta-ad-vertical-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:8px;display:flex;position:absolute;inset:0}.meta-ad-stories-top,.meta-ad-reels-top{gap:6px;display:grid}.meta-ad-story-bars{gap:3px;display:flex}.meta-ad-story-bar{background:#ffffff73;border-radius:999px;flex:1 1 0;height:2px}.meta-ad-story-bar.is-active{background:#fffffff5}.meta-ad-story-header,.meta-ad-reels-top{align-items:center;gap:6px;display:flex}.meta-ad-reels-top .meta-ad-story-name,.meta-ad-story-header .meta-ad-story-name,.meta-ad-story-header .meta-ad-story-sponsored,.meta-ad-story-header .meta-ad-story-close,.meta-ad-reels-top .meta-ad-story-close{color:#fff;text-shadow:0 1px 3px #00000073}.meta-ad-vertical-footer{justify-content:center;display:flex}.meta-ad-swipe-cta{color:#0f172a;background:#fffffff0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:8px 14px;font-size:11px;font-weight:700;display:inline-flex}.meta-ad-swipe-arrow,.meta-ad-swipe-label{line-height:1}.meta-ad-mode-toggle{background:#fff;border:1px solid #dbe1ea;border-radius:999px;display:inline-flex;overflow:hidden}.meta-ad-mode-btn{color:#475569;background:0 0;border:0;padding:8px 12px;font-size:12px;font-weight:600}.meta-ad-mode-btn.is-active{color:#fff;background:#0f172a}.meta-ad-mode-btn.is-disabled{opacity:.45}@media (max-width:1100px){.meta-ad-placement-row{grid-template-columns:1fr}}.right-align{justify-content:right}