.serial-create-panel{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.serial-create-panel h2,.serial-pool h2,.serial-pool h3{margin:0}.serial-create-panel p:not(.eyebrow){margin:4px 0 0;color:var(--muted);font-size:14px}.serial-create-form{min-width:min(460px,100%);display:flex;gap:8px}.serial-create-form label{flex:1}.serial-create-form input,.serial-input-card textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit}.serial-create-form input{min-height:42px;padding:0 12px}.serial-pool-list{display:flex;flex-direction:column;gap:16px}.serial-pool{overflow:hidden}.serial-pool-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.serial-pool-header-actions{display:flex;align-items:center;gap:8px}.serial-pool-title,.serial-title-line{display:flex;align-items:center;gap:12px}.serial-title-line{gap:8px;flex-wrap:wrap}.serial-title-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;background:transparent;color:var(--muted);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.serial-title-edit-btn:hover{background:var(--canvas);color:var(--ink)}.serial-title-edit-btn svg{width:14px;height:14px}.serial-title-edit-form{display:flex;align-items:center;gap:6px}.serial-title-edit-form input{font-size:14px;font-weight:600;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);min-width:200px}.serial-pool-title p{margin:4px 0 0;font-size:12px;color:var(--muted)}.serial-key-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.serial-pool-summary-bar{padding:12px 16px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--line)}.serial-pool-metrics-mini{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;font-size:14px}.serial-metric-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.serial-metric-item strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.serial-metric-item.is-danger strong{color:var(--error,#dc2626)}.serial-progress-wrap{display:flex;align-items:center;gap:8px;min-width:180px;flex:0 1 240px}.serial-stock-bar{display:flex;height:8px;width:100%;background:var(--line);border-radius:var(--radius);overflow:hidden}.serial-stock-bar__segment{height:100%;transition:width .3s ease}.serial-stock-bar__segment.is-available{background:#10b981}.serial-stock-bar__segment.is-reserved{background:#f59e0b}.serial-stock-bar__segment.is-sent{background:var(--muted)}.serial-progress-label{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.serial-pool-expand-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--canvas);font-size:12px;font-weight:500;color:var(--body);cursor:pointer;white-space:nowrap;transition:all .15s ease;margin-left:auto}.serial-pool-expand-btn:hover{background:#eaeaea;color:var(--ink)}.serial-pool-expand-btn.is-active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.serial-pool-tabs-nav{display:flex;align-items:center;gap:4px;padding:8px 20px 0;background:var(--canvas);border-bottom:1px solid var(--line)}.serial-pool-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.serial-pool-tab-btn:hover:not(.is-active){color:var(--ink)}.serial-pool-tab-btn.is-active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.serial-pool-tab-btn .tab-count{font-size:12px;padding:2px 6px;border-radius:var(--radius);background:rgba(0,0,0,.06);font-weight:600}.serial-pool-tab-btn.is-active .tab-count{background:var(--surface);border:1px solid var(--line)}.serial-pool-tab-content{background:var(--surface)}.serial-register-tab-panel{padding:24px;max-width:680px}.serial-input-card,.serial-mapping-card,.serial-mappings-tab-panel{padding:24px}.serial-input-card{border-right:1px solid var(--line)}.serial-input-card textarea{margin-top:12px;padding:12px 14px;resize:vertical;min-height:154px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.7}.serial-file-import{margin-top:12px;display:flex;align-items:center;gap:8px}.serial-file-import .button{cursor:pointer}.serial-file-import .button.is-disabled{cursor:not-allowed;opacity:.55}.serial-file-import>span{color:var(--muted);font-size:12px}.serial-file-summary{margin-top:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid #bbf7d0;border-radius:var(--radius);background:#f0fdf4;color:#166534;font-size:12px}.serial-file-summary svg{flex:0 0 auto}.serial-file-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serial-card-heading,.serial-input-actions,.serial-mapping-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.serial-input-actions{margin-top:12px;align-items:flex-end}.serial-input-actions p{margin:0;max-width:320px;font-size:12px;line-height:1.5;color:var(--muted)}.serial-card-heading{margin-bottom:12px}.serial-card-empty,.serial-code-empty{padding:28px 16px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);font-size:12px}.serial-card-empty--actionable{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px}.serial-card-empty--actionable p{margin:0}.serial-empty-inventory-box{padding:36px 20px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.serial-empty-inventory-box p{margin:0}.serial-mapping-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.serial-mapping-row{padding:12px 14px;border-bottom:1px solid var(--line)}.serial-mapping-row:last-child{border-bottom:0}.serial-mapping-row>div:first-child{min-width:0;display:flex;flex-direction:column;gap:4px;margin-right:auto}.serial-mapping-row span,.serial-mapping-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serial-mapping-row span{font-size:12px;color:var(--muted)}.serial-mapping-template{flex:0 1 210px;min-width:150px;display:flex;flex-direction:column;gap:4px}.serial-connect-template select,.serial-mapping-template select{width:100%;min-height:34px;padding:6px 28px 6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px}.serial-connect-template{margin:0 24px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas)}.serial-connect-template h3{margin:0;font-size:14px}.serial-connect-template p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.serial-inventory-toggle{padding:10px 20px;border-top:1px solid var(--line);background:var(--canvas)}.serial-code-list{padding:0 24px 24px;background:var(--canvas)}.serial-inventory-tools{padding:16px 0 12px;display:flex;flex-direction:column;gap:12px}.serial-inventory-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.serial-status-tabs{display:inline-flex;align-items:center;gap:2px;background:var(--line-soft,#f0f0f0);padding:3px;border-radius:var(--radius);border:1px solid var(--line)}.serial-status-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.serial-status-tab:hover:not(.is-active){color:var(--ink);background:rgba(0,0,0,.04)}.serial-status-tab.is-active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.serial-status-tab .tab-badge{font-size:12px;padding:2px 6px;border-radius:var(--radius);background:rgba(0,0,0,.06);font-weight:600;font-variant-numeric:tabular-nums}.serial-status-tab.is-active .tab-badge{background:var(--canvas);color:var(--ink)}.serial-inventory-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.serial-inventory-search{display:flex;align-items:center;gap:6px;flex:1 1 280px;max-width:440px}.serial-inventory-search label{flex:1}.serial-search-input-wrap{position:relative;display:flex;align-items:center;width:100%}.serial-search-input-wrap input{width:100%;min-height:36px;padding:7px 32px 7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px}.serial-search-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--muted);border-radius:50%;cursor:pointer;transition:all .15s ease}.serial-search-clear-btn:hover{background:var(--canvas);color:var(--ink)}.serial-search-clear-btn svg{width:12px;height:12px}.serial-search-reset-link{background:none;border:0;padding:0 4px;color:var(--blue,#0070f3);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline}.serial-search-reset-link:hover{color:var(--blue-deep,#0051a8)}.serial-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.serial-export-menu{position:relative;display:inline-block}.serial-export-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;min-width:160px;z-index:50;display:flex;flex-direction:column;gap:2px;animation:fadeIn .12s ease-out}.serial-export-dropdown button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;font-size:12px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.serial-export-dropdown button:hover{background:var(--canvas)}.serial-export-dropdown button small{color:var(--muted);font-size:12px;text-transform:uppercase}.serial-bulk-action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 16px;background:var(--ink);color:#fff;border-radius:var(--radius);margin-bottom:12px;box-shadow:0 4px 14px rgba(0,0,0,.15);animation:fadeIn .15s ease-out}.serial-bulk-action-info{display:flex;align-items:center;gap:8px;font-size:14px}.serial-bulk-action-info strong{color:#38bdf8}.serial-bulk-action-buttons{display:flex;align-items:center;gap:8px}.serial-bulk-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff}.serial-bulk-btn:hover:not(:disabled){background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.35)}.serial-bulk-btn--danger{background:#dc2626;border-color:#ef4444;color:#fff}.serial-bulk-btn--danger:hover:not(:disabled){background:#b91c1c}.serial-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.serial-select-col{width:40px;text-align:center;padding:0 8px}.serial-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--blue,#0070f3)}.data-table tbody tr.is-selected,tr.is-row-selected,tr.table-row--selected{background:#f0f7ff!important}.serial-search-summary{color:var(--muted);font-size:12px;white-space:nowrap}.serial-search-summary strong{color:var(--ink)}.serial-masked-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;letter-spacing:.04em}.serial-value-cell{min-width:280px;display:flex;align-items:center;justify-content:space-between;gap:12px}.serial-full-value{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.serial-value-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.serial-value-actions .button{min-height:30px;padding:5px 7px;font-size:12px}.serial-value-actions .button.is-copied{color:#166534;background:#f0fdf4;border-color:#bbf7d0;font-weight:600}.serial-value-actions .button.is-copied svg{color:#16a34a}.serial-pagination{padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.serial-pagination p{margin:0;color:var(--muted);font-size:12px}.serial-pagination>div{display:flex;align-items:center;gap:8px}.serial-pagination span{min-width:54px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.summary-strip>a,.summary-strip>button,.summary-strip>div{padding:16px 24px;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.summary-strip>:last-child{border-right:0}.summary-strip>a:hover,.summary-strip>button:hover{background:var(--canvas)}.summary-strip>button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ink)}.summary-strip>a>span,.summary-strip>button>span,.summary-strip>div>span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--body)}.summary-strip strong{font-size:28px;font-weight:500;line-height:32px;color:var(--ink);font-variant-numeric:tabular-nums}.summary-strip small{margin-left:6px;font-size:12px;font-weight:400}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-search{display:flex;gap:8px;min-width:340px}.product-search .search{flex:1}.workspace-caption{display:flex;justify-content:space-between;gap:12px;margin-top:-12px;font-size:12px;color:var(--muted)}.mapping-workspace{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:24px;align-items:start}.product-board{display:flex;flex-direction:column;gap:12px;min-width:0}.product-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.product-panel:hover{border-color:#d8d8d8}.product-panel--expanded{box-shadow:0 4px 20px rgba(0,0,0,.04)}.product-heading{padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--surface);transition:background .15s}.product-heading:hover{background:#fbfbfb}.product-panel--expanded .product-heading{border-bottom:1px solid var(--line)}.product-select{display:flex;align-items:center;margin-right:-4px}.product-select input{margin:0;cursor:pointer}.product-heading h2{font-size:14px;line-height:22px;letter-spacing:-.3px;overflow-wrap:anywhere}.product-heading .code-label{margin-top:2px}.product-heading .code-label span{padding:0 4px}.product-heading>div:not(.product-state){min-width:0}.product-glyph{width:36px;height:36px;border:1px solid var(--line);background:var(--canvas);border-radius:var(--radius);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.product-state{display:flex;flex-direction:column;gap:4px;margin-left:auto;align-items:flex-end;flex-shrink:0}.product-state small{font-size:12px}.product-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--canvas);font-size:12px;font-weight:500;color:var(--body);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.product-toggle-btn:hover{background:#eaeaea;color:var(--ink)}.product-toggle-btn svg{width:13px;height:13px}.product-compact-overview{padding:14px 20px 16px;background:var(--surface);display:flex;flex-direction:column;gap:12px;border-top:1px solid #f2f2f2;transition:all .2s ease}.product-compact-overview.is-drop-target{background:var(--blue-soft);border:2px dashed var(--blue)}.compact-drop-overlay{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid var(--blue);border-radius:var(--radius);color:var(--blue-deep);font-size:14px;box-shadow:0 4px 12px rgba(0,112,243,.12);animation:pulseDrop 1.5s ease-in-out infinite}@keyframes pulseDrop{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.compact-meta-strip{justify-content:space-between;gap:12px;font-size:12px}.compact-meta-left,.compact-meta-strip{display:flex;align-items:center;flex-wrap:wrap}.compact-meta-left{gap:8px}.compact-common-file{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);background:var(--canvas);padding:5px 10px;border-radius:6px;border:1px solid var(--line)}.compact-common-file svg{width:13px;height:13px;color:var(--muted);flex-shrink:0}.compact-common-file.is-empty{color:var(--muted);background:transparent;border-style:dashed}.compact-counts{flex-wrap:wrap;gap:8px;font-size:12px;color:var(--body)}.compact-counts,.compact-counts>span{display:inline-flex;align-items:center}.compact-counts>span{gap:5px}.compact-counts strong{color:var(--ink);font-weight:600}.compact-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.compact-actions .button{min-height:32px;font-size:12px;padding:0 10px}.compact-actions .button svg{width:12px;height:12px}.compact-warning-box{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:6px;background:#fff8ee;border:1px solid #f7d5a3;color:#b35900;font-size:12px;line-height:1.5}.compact-warning-box svg{width:14px;height:14px;margin-top:2px;flex-shrink:0}.compact-warning-list{display:flex;flex-direction:column;gap:2px}.compact-options-section{display:flex;flex-direction:column;gap:6px}.compact-options-common-note{display:flex;align-items:center;gap:6px;font-size:12px;color:#0070f3;background:#f0f7ff;border:1px solid #d0e5ff;padding:6px 10px;border-radius:6px}.compact-options-common-note svg{width:13px;height:13px}.compact-options-grid{display:flex;flex-wrap:wrap;gap:6px}.compact-option-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:var(--canvas);border:1px solid var(--line);font-size:12px;line-height:1.4;color:var(--body);max-width:100%}.compact-option-pill strong{color:var(--ink);font-weight:500}.compact-option-pill .pill-file{color:var(--ink);font-weight:400}.compact-option-pill.is-ready{border-color:#d1e7dd;background:#fbfdfc}.compact-option-pill.is-warning{border-color:#f7d5a3;background:#fffdfa;color:#b35900}.compact-option-pill.is-paused{border-color:#e5e5e5;background:#f9f9f9;color:var(--muted)}.compact-option-pill.is-empty{border-color:var(--line);background:#fafafa;color:var(--muted)}.compact-expand-trigger{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0 2px;border:0;background:transparent;font-size:12px;color:var(--muted);cursor:pointer;transition:color .15s}.compact-expand-trigger:hover{color:var(--ink)}.compact-expand-trigger svg{width:13px;height:13px}.product-panel-footer{display:flex;justify-content:center;padding:10px 20px;background:var(--canvas);border-top:1px solid var(--line)}.workspace-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-expand-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--body);cursor:pointer;font-weight:500;transition:background .15s,color .15s}.workspace-expand-toggle:hover{background:var(--canvas);color:var(--ink)}.workspace-expand-toggle svg{width:14px;height:14px}.options-table-heading{padding:12px 16px;background:var(--canvas)}.options-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.options-heading-tag{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink)}.options-heading-tag svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.options-heading-tag strong,.options-table-heading h3{font-size:14px;font-weight:600;color:var(--ink);margin:0}.options-heading-desc,.options-table-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.options-count-badge{font-size:12px;font-weight:500;padding:2px 8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--body);flex-shrink:0}.mapping-column-head{padding:9px 20px;font-weight:500}.mapping-table-body{display:flex;flex-direction:column}.option-table-row{padding:12px 16px}.option-table-row:hover{background:#fafafa}.option-table-row.is-drop-target{background:#f1f7ff;box-shadow:inset 0 0 0 2px var(--blue)}.option-table-row.is-selected{background:#fcfdfe}.option-col-target{flex-direction:column;gap:6px;align-items:flex-start}.option-col-target .row-select{align-items:flex-start;gap:8px}.option-col-target .row-select input{margin:3px 0 0;cursor:pointer}.option-target-info strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}.option-target-info .code-label{font-size:12px}.option-col-files{display:flex;flex-direction:column;gap:6px;min-width:0}.option-files-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.unconfigured-label{font-size:12px;color:var(--muted)}.file-chip{padding:4px 8px 4px 10px}.file-chip-name{max-width:200px}.file-chip small{font-size:12px}.file-chip-remove{width:18px;height:18px;border-radius:var(--radius)}.file-chip-remove:hover,.file-chip.is-inherited{background:var(--canvas)}.file-chip.is-inherited{border-color:var(--line);color:var(--body)}.file-chip.is-inherited svg{color:var(--link)}.attach-quick-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px dashed var(--line);background:transparent;border-radius:6px;font-size:12px;font-weight:500;color:var(--body);cursor:pointer;transition:all .15s;white-space:nowrap}.attach-quick-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}.attach-quick-btn svg{width:12px;height:12px}.attach-quick-btn.is-override{color:var(--link-deep);border-color:#c2ddff;background:#f5f9ff}.attach-quick-btn.is-override:hover{border-color:var(--link);background:#ebf3ff}.suggestion-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:var(--blue-deep);border:1px solid #d0e5ff;background:#f0f7ff;border-radius:6px;cursor:pointer;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.suggestion-pill svg{width:12px;height:12px;flex-shrink:0}.suggestion-pill:hover{background:#e1efff}.option-template-wrap{display:flex;flex-direction:column;gap:4px}.option-template-wrap select{width:100%;font-size:12px;padding:6px 8px;min-height:32px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.option-inherited-note{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.option-col-actions{justify-content:flex-end}.option-actions-wrap,.option-col-actions{display:flex;align-items:center;gap:8px}.option-inherited-status{font-size:12px;color:var(--muted);padding:3px 6px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap}.option-test-btn{min-height:32px;width:32px;padding:0;display:inline-grid;place-items:center;color:var(--body)}.option-test-btn svg{width:14px;height:14px}.common-file-card{margin:16px 20px 14px;padding:16px 20px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;transition:border-color .15s,background-color .15s}.common-file-card.is-drop-target{background:#f1f7ff;border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.common-file-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.common-file-header-left{min-width:0}.common-file-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.common-file-tag{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink)}.common-file-tag svg{width:15px;height:15px;color:var(--link);flex-shrink:0}.common-file-tag strong{font-weight:600}.common-file-desc{font-size:12px;color:var(--muted);line-height:1.5}.common-file-body{display:flex;flex-direction:column;gap:12px}.common-file-connections{display:flex;flex-direction:column;gap:8px}.common-connection-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.common-connection-item .connection-file{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.common-connection-item .connection-file svg{width:15px;color:var(--muted);flex-shrink:0}.common-connection-item .connection-file strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-connection-item .connection-file small{font-size:12px;color:var(--muted);white-space:nowrap}.common-connection-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.common-connection-actions .delivery-method-pill{flex-shrink:0}.common-connection-actions .status-switch{flex-shrink:0;white-space:nowrap}.common-connection-actions .button,.common-connection-item>.button{min-height:32px;height:32px;width:32px;min-width:32px;padding:0;display:inline-grid;place-items:center;flex-shrink:0}.common-template-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius)}.common-template-meta{display:flex;align-items:center;gap:8px}.common-template-meta svg{width:15px;color:var(--muted);flex-shrink:0}.common-template-meta strong{font-size:14px;font-weight:600}.common-template-meta small{font-size:12px;color:var(--muted);padding:2px 6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.common-template-select-wrap{display:flex;align-items:center;gap:8px;flex:1;max-width:380px;min-width:240px}.common-template-select-wrap select{flex:1;font-size:12px;padding:6px 28px 6px 10px!important;min-height:32px;background-color:var(--surface);border:1px solid var(--line);border-radius:6px;background-position:right 8px center!important;background-size:10px 10px!important}.template-select,select.template-select{height:34px;min-height:34px;font-size:12.5px;font-weight:500;padding:0 28px 0 10px!important;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--ink,#1e293b);background-position:right 8px center!important;background-size:11px 11px!important;transition:all .15s ease}.template-select:hover:not(:disabled),select.template-select:hover:not(:disabled){border-color:#94a3b8}.template-select:focus-visible,select.template-select:focus-visible{border-color:var(--blue,#2563eb);outline:2px solid var(--blue,#2563eb);outline-offset:1px}.common-file-empty{justify-content:space-between;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);font-size:14px;color:var(--muted)}.common-file-actions,.common-file-empty,.common-file-empty-actions{display:flex;align-items:center;gap:8px}.common-file-actions{justify-content:space-between;flex-wrap:wrap}.common-file-btn-group,.single-product-note{display:flex;align-items:center;gap:8px}.single-product-note{margin:0 20px 20px;padding:12px 16px;background:#fbfdfc;border:1px solid #d1e7dd;border-radius:var(--radius);font-size:12px;color:var(--body)}.single-product-note svg{width:14px;height:14px;color:#10b981;flex-shrink:0}.options-status-card{margin:0;padding:24px 20px;background:var(--canvas);align-items:center;justify-content:center}.delivery-section,.options-status-card{border:1px solid var(--line);border-radius:var(--radius);display:flex}.delivery-section{flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface)}.delivery-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.delivery-section-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}.delivery-section-title svg{width:14px;height:14px;color:var(--muted)}.delivery-section-title small{font-weight:400;color:var(--muted);font-size:12px}.delivery-section-actions{display:flex;align-items:center;gap:8px}.delivery-section-empty{margin:0;padding:8px 12px;font-size:12px;color:var(--muted);background:var(--canvas);border:1px dashed var(--line);border-radius:6px}.common-connection-item.serial-item{background:#fbfdfc;border-color:#d1e7dd}.common-connection-item.serial-item .connection-file svg{color:#166534}.option-deliverables-group{display:flex;flex-direction:column;gap:6px;width:100%}.option-deliverable-line{display:flex;align-items:center;gap:8px;min-width:0}.option-deliverable-label{font-size:12px;font-weight:600;color:var(--muted);min-width:42px;flex-shrink:0}.attach-quick-btn.is-outline{background:transparent;border:1px dashed var(--line);color:var(--muted)}.attach-quick-btn.is-outline:hover{border-color:var(--ink);color:var(--ink)}.serial-picker-dialog-body{display:flex;flex-direction:column;gap:16px}.serial-picker-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);padding:6px;background:var(--canvas)}.serial-picker-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.serial-picker-item:hover{border-color:#d0d0d0}.serial-picker-item.is-selected{border-color:var(--ink);background:#fdfdfd}.serial-picker-item.is-already-attached{opacity:.6;cursor:not-allowed;background:var(--canvas)}.serial-picker-item input{margin:0;cursor:pointer}.serial-picker-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.serial-picker-title-row{display:flex;align-items:center;gap:6px}.serial-picker-meta strong{font-size:14px;color:var(--ink)}.serial-picker-meta small{font-size:12px;color:var(--muted)}.serial-picker-empty{padding:28px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--muted);font-size:14px}.file-picker-dialog-body{display:flex;flex-direction:column;gap:16px}.file-picker-list{display:flex;flex-direction:column;gap:6px;min-height:100px;max-height:165px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);padding:6px;background:var(--canvas);flex-shrink:0}.file-picker-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.file-picker-item:hover{border-color:#d0d0d0}.file-picker-item.is-selected{border-color:var(--ink);background:#fdfdfd}.file-picker-item.is-already-attached{opacity:.6;cursor:not-allowed;background:var(--canvas)}.file-picker-item input{margin:0;cursor:pointer}.file-picker-item .file-extension{min-width:30px;height:32px;font-size:8px}.file-picker-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.file-picker-meta strong{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-picker-meta small{font-size:12px;color:var(--muted)}.file-picker-empty{padding:24px;text-align:center;font-size:14px;color:var(--muted)}.file-picker-upload{border-top:1px solid var(--line);padding-top:12px}.template-picker-dialog-body{display:flex;flex-direction:column;gap:16px}.template-picker-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);padding:6px;background:var(--canvas)}.template-picker-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.template-picker-item input[type=radio]{margin-top:3px;cursor:pointer}.template-picker-item:hover{border-color:#d0d0d0}.template-picker-item.is-selected{border-color:var(--ink);background:#fdfdfd}.template-picker-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.template-picker-title-row{display:flex;align-items:center;gap:8px}.template-picker-meta strong{font-size:14px;font-weight:600}.template-picker-meta small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-picker-empty{padding:24px;text-align:center;font-size:12px;color:var(--muted)}.status-switch{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-size:12px;min-height:32px;padding:0;color:var(--muted);cursor:pointer;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-switch,.status-switch>span{white-space:nowrap}.status-switch.is-on{color:var(--ink)}.switch-track{display:inline-flex;align-items:center;background:#d6d6d6;border-radius:20px;padding:2px;width:26px;height:16px;flex-shrink:0}.switch-track>span{height:12px;width:12px;background:#fff;border-radius:50%;transition:transform .15s}.is-on .switch-track{background:var(--ink)}.is-on .switch-track>span{transform:translateX(10px)}.row-attach{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.attach-button{font-size:12px;min-height:36px;padding-inline:10px;border-style:dashed;color:var(--body);background:transparent}.attach-button svg{width:14px}.attach-button:disabled{opacity:.75;color:var(--muted)}.suggestion{display:inline-flex;align-items:center;gap:4px;min-height:36px;font-size:12px;color:var(--blue-deep);border:0;background:transparent;text-align:left;overflow-wrap:anywhere;padding:4px 0}.suggestion svg{width:12px}.suggestion span{white-space:nowrap;text-decoration:underline}.unconfigured{padding:8px 0;color:var(--muted);font-size:12px}.inherited-files{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:8px 0;color:var(--body)}.inherited-files>svg{width:14px;color:var(--muted);margin-top:2px}.inherited-files strong{font-weight:400;color:var(--muted);font-size:12px;display:block;margin-bottom:4px}.inherited-name{display:block;overflow-wrap:anywhere}.delivery-summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);padding-top:4px}.delivery-summary strong{font-size:12px;overflow-wrap:anywhere}.delivery-summary .button{font-size:12px;min-height:32px;padding:0 4px;margin-left:auto}.delivery-summary .button svg{width:12px}.row-warning{display:flex;gap:6px;font-size:12px;line-height:1.6;color:var(--warning)}.row-warning svg{width:12px;margin-top:3px}.batch-bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-shelf,.file-shelf{position:sticky;top:144px;display:flex;flex-direction:column;max-height:calc(100vh - 164px);overflow-y:auto}.shelf-heading{padding:24px 20px 16px}.shelf-heading .eyebrow{font-size:12px;margin-bottom:8px}.shelf-heading h2{font-size:18px}.shelf-heading p{font-size:12px;line-height:1.8;margin-top:8px}.shelf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;background:var(--canvas);padding:4px;border-radius:var(--radius);border:1px solid var(--line)}.shelf-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.shelf-tab svg{width:14px;height:14px}.shelf-tab:hover{color:var(--ink)}.shelf-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.shelf-selection{padding:8px 20px;background:var(--canvas);border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px}.shelf-selection .button{min-height:28px;font-size:12px;padding:0}.asset-shelf>.search,.file-shelf>.search{margin:16px 16px 8px;min-width:0}.asset-shelf>.search input,.file-shelf>.search input{font-size:12px;min-height:36px}.shelf-files{padding:0 8px;min-height:0}.shelf-file{border:1px solid transparent;border-radius:6px;padding:8px;margin:4px 0;cursor:grab;transition:all .15s ease}.shelf-file:active{cursor:grabbing}.shelf-file.is-selected,.shelf-file:hover{background:var(--canvas)}.shelf-file.is-selected{border-color:var(--ink)}.shelf-file .drag-handle{display:flex;align-items:center;color:var(--faint);cursor:grab;padding-right:2px}.shelf-file .drag-handle svg{width:14px;height:14px}.shelf-file:hover .drag-handle{color:var(--ink)}.shelf-file>label{display:flex;align-items:center;gap:8px;cursor:grab;min-height:44px}.shelf-file input{width:14px;height:14px;min-height:14px;margin:0}.shelf-file .file-extension{min-width:30px;height:36px;font-size:8px}.shelf-file .file-extension.serial-icon-ext{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;display:grid;place-items:center}.shelf-file .file-extension.serial-icon-ext svg{width:14px;height:14px}.shelf-file-name{min-width:0;flex:1}.shelf-file-name strong{display:block;overflow-wrap:anywhere;font-size:12px}.shelf-file-name small{display:block;font-size:12px;margin-top:4px}.shelf-file .text-link{font-size:12px;min-height:28px;margin-left:22px}.shelf-file .text-link svg{width:12px}.shelf-upload{padding:16px 16px 0}.shelf-upload>.text-link{justify-content:center;width:100%;font-size:12px;margin-top:8px}.shelf-help{padding:12px 20px 20px}.shelf-empty,.shelf-help{font-size:12px;text-align:center}.shelf-empty{padding:24px 16px;color:var(--muted)}.batch-bar{position:sticky;bottom:20px;z-index:20;border:1px solid var(--ink);border-radius:12px;padding:16px 24px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 2px 2px #00000004,0 8px 16px -4px #00000012}.batch-bar strong{font-size:14px;display:block}.batch-bar span{font-size:12px;color:var(--muted)}.inline-filter{display:flex;align-items:center;gap:12px;font-size:12px}.inline-filter .button{font-size:12px}.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;gap:24px;padding:40px}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-160px;width:580px;height:500px;border-radius:50%;background:radial-gradient(ellipse at 25% 60%,#50e3c21a,transparent 50%),radial-gradient(ellipse at 60% 40%,#7928ca1a,transparent 50%),radial-gradient(ellipse at 75% 70%,#ff008014,transparent 50%);pointer-events:none}.dashboard-hero>div{z-index:1}.dashboard-hero h2{font-size:32px;line-height:1.4;letter-spacing:-1.1px;margin-bottom:16px}.dashboard-hero p{font-size:14px;line-height:1.8}.dashboard-hero .button{margin-top:24px}.flow-illustration,.flow-node{display:flex;align-items:center;justify-content:center}.flow-node{width:120px;min-height:116px;padding:16px;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px;color:var(--ink);box-shadow:0 1px 1px #00000004}.flow-node>svg{width:24px;height:24px}.flow-line{height:1px;width:32px;background:#ccc;position:relative}.flow-line:after{content:"";position:absolute;right:0;top:-3px;border-right:1px solid #ccc;border-top:1px solid #ccc;width:6px;height:6px;transform:rotate(45deg)}.flow-node--last{border-color:#d6d6d6;min-height:144px}.flow-node .badge{font-size:12px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{padding:24px;display:flex;flex-direction:column;gap:12px}.metric:hover{border-color:#ccc}.metric>span{font-size:12px}.metric>strong{font-size:32px;line-height:40px;font-weight:500;letter-spacing:-1px}.metric strong small{font-size:14px;letter-spacing:0;margin-left:4px}.metric p{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.metric p svg{width:14px}.webmail-guide-banner{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.guide-header{justify-content:space-between;padding:12px 18px;cursor:pointer;background:var(--surface);-webkit-user-select:none;-moz-user-select:none;user-select:none}.guide-header,.guide-title{display:flex;align-items:center}.guide-title{gap:8px;font-size:14px;color:var(--ink)}.guide-toggle-btn{background:none;border:none;font-size:12px;color:var(--blue);cursor:pointer;padding:4px 8px}.guide-steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 20px;border-top:1px solid var(--line);background:var(--canvas)}.guide-step-card{position:relative;padding-left:36px}.guide-step-card .step-num{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.guide-step-card h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.guide-step-card p{font-size:12px;color:var(--body);line-height:1.5}.webmail-studio-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.webmail-studio-layout.is-sidebar-collapsed{grid-template-columns:1fr}.sidebar-meta-wrap{display:flex;align-items:center;gap:8px}.sidebar-collapse-btn{background:transparent;border:0;padding:4px;border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sidebar-collapse-btn:hover{background:var(--soft);color:var(--ink)}.sidebar-expand-btn{padding:4px 10px;font-size:12px;height:32px;min-height:32px;gap:6px}.template-sidebar{position:sticky;top:calc(var(--app-header-height, 121px) + 16px);max-height:calc(100vh - var(--app-header-height, 121px) - 32px);overflow:hidden;border-radius:var(--panel-radius)}.sidebar-header,.template-sidebar{display:flex;flex-direction:column}.sidebar-header{padding:16px 20px;border-bottom:1px solid var(--line);gap:12px;flex-shrink:0}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.sidebar-title-row h3{font-size:14px;font-weight:600;color:var(--ink)}.count-badge{font-size:12px;color:var(--muted)}.new-template-btn{justify-content:center;font-weight:600}.template-mailbox-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:8px;gap:6px}.template-mail-item{padding:12px 14px;border:1px solid transparent;border-radius:6px;background:var(--surface);cursor:pointer;text-align:left;transition:all .15s ease}.template-mail-item:hover{background:var(--canvas);border-color:var(--line)}.template-mail-item.is-selected{background:var(--canvas);border-color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.04)}.template-list-panel{display:flex;flex-direction:column}.template-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;gap:12px;border-top-left-radius:var(--panel-radius);border-top-right-radius:var(--panel-radius)}.template-list-search-wrap{flex:1;max-width:360px}.template-list-meta .count-badge{font-size:12px;font-weight:600;color:var(--muted);background:var(--canvas);border:1px solid var(--line);padding:4px 10px;border-radius:9999px}.empty-template-container{padding:60px 20px;display:flex;align-items:center;justify-content:center}.template-table-name-cell{display:flex;align-items:center;gap:12px;min-width:180px}.template-table-icon{width:34px;height:34px;border-radius:var(--radius);background:var(--canvas);color:var(--body);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.template-table-icon.is-default{background:#dcfce7;color:#15803d}.template-table-icon.is-danger{background:#fee2e2;color:#b91c1c}.dialog--wide.serial-inventory-dialog{width:min(980px,calc(100% - 32px))}.template-table-name-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.template-table-name-link{background:none;border:none;padding:0;margin:0;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;line-height:1.4;transition:color .15s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.template-table-name-link:hover{color:#0070f3;text-decoration:underline}.template-table-subject-cell{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-table-subject-text{font-size:14px;color:var(--ink);font-weight:400}.template-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:24px 20px;background:var(--canvas)}.template-summary-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:0 2px 6px rgba(0,0,0,.03);transition:all .2s ease}.template-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:var(--line)}.template-summary-card.is-default-card{border-color:#86efac;background:#fcfdfc}.template-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-card-title-group{display:flex;align-items:center;gap:8px;min-width:0}.template-icon-wrap{width:36px;height:36px;border-radius:var(--radius);background:var(--canvas);color:var(--body);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.template-summary-card.is-default-card .template-icon-wrap{background:#dcfce7;color:#15803d}.template-card-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.template-card-name{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.default-pill-badge{display:inline-block;font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:var(--radius);width:-moz-fit-content;width:fit-content}.item-default-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:var(--canvas);transition:all .15s;flex-shrink:0}.item-default-toggle:hover{background:#f0fdf4;color:#166534;border-color:#86efac}.item-default-toggle.is-active{background:#dcfce7;color:#15803d;border-color:#86efac;font-weight:600}.item-default-toggle input[type=checkbox]{width:12px;height:12px;margin:0;accent-color:#16a34a}.template-card-body{display:flex;flex-direction:column;gap:8px}.template-subject-preview{background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.template-subject-preview .preview-label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:4px}.template-subject-preview .preview-subject-text{font-size:14px;color:var(--ink);font-weight:500;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.card-edit-btn{flex:1}.card-sub-actions{display:flex;align-items:center;gap:4px}.dialog--studio{width:min(1560px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:min(92vh,940px)!important;max-height:94vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}.dialog--studio .dialog-heading{padding:14px 24px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line)}.dialog--studio .dialog-heading h2{font-size:16px;line-height:1.3}.dialog--studio .dialog-heading p{font-size:12px;color:var(--muted);margin-top:2px}.dialog--studio .template-editor-dialog-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0}.dialog--studio .template-studio-topbar{flex-shrink:0;padding:10px 24px;background:var(--canvas);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0;border-radius:0;border-left:0;border-right:0}.dialog--studio .template-studio-2col-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);gap:16px;padding:16px 24px;overflow:hidden;align-items:stretch}.dialog--studio .template-studio-2col-layout.view-mode--editor,.dialog--studio .template-studio-2col-layout.view-mode--preview{grid-template-columns:1fr}.dialog--studio .template-compose-desk{overflow-y:auto}.dialog--studio .template-compose-desk,.dialog--studio .template-preview-pane{height:100%;max-height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface);margin:0}.dialog--studio .template-preview-pane{position:relative;top:0;overflow:hidden}.dialog--studio .client-mockup-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--canvas)}.dialog--studio .client-body-viewport{flex:1;min-height:420px;padding:16px;display:flex;justify-content:center;background:var(--canvas)}.dialog--studio .client-body-viewport iframe{width:100%;height:100%;min-height:420px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05)}.dialog--studio .client-body-viewport.device-mobile iframe{max-width:375px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.dialog--studio .dialog-actions{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.dialog--studio .dialog-actions,.template-studio-topbar{background:var(--surface);display:flex;align-items:center}.template-studio-topbar{justify-content:space-between;gap:16px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;flex-wrap:wrap}.template-studio-topbar .view-mode-toggle button{font-size:12px;padding:5px 14px;font-weight:500}.studio-topbar-hint{font-size:12px;color:var(--muted)}.template-studio-2col-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:24px;align-items:start}.template-studio-2col-layout.view-mode--editor,.template-studio-2col-layout.view-mode--preview{grid-template-columns:1fr}.back-to-list-btn{font-size:12px;font-weight:600}.template-compose-desk{overflow:visible;position:relative}.desk-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;border-top-left-radius:var(--panel-radius);border-top-right-radius:var(--panel-radius)}.desk-header,.desk-title-group{display:flex;align-items:center}.desk-title-group{gap:8px}.desk-title-group h2{font-size:14px;font-weight:600;color:var(--ink);margin:0}.compose-meta-grid{padding:14px 18px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border-bottom:1px solid var(--line)}.field--primary-subject .field-label{font-size:13px;font-weight:700;color:var(--ink)}.input--subject{font-size:13px;font-weight:600;color:var(--ink);padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:all .15s ease}.input--subject:focus{border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.compose-meta-subrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.field-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:4px}.subject-variable-chips{display:flex;align-items:center;gap:4px}.subject-variable-chips .chips-label{font-size:12px;color:var(--muted)}.subject-chip{padding:2px 8px;font-size:12px;font-weight:500;border:1px solid var(--line);background:var(--canvas);border-radius:12px;color:var(--body);cursor:pointer;transition:all .15s ease}.subject-chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.preview-toolbar-controls{display:flex;align-items:center;gap:8px}.field-row{display:flex;gap:16px;align-items:flex-end}.compose-meta-grid .field-label{font-size:12px;font-weight:600;color:var(--ink);display:flex;gap:6px;align-items:baseline}.compose-meta-grid .field-label small{font-weight:400;color:var(--muted)}.default-check{font-size:12px;white-space:nowrap}.editor-mode-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--canvas);border-bottom:1px solid var(--line);font-size:12px;gap:16px;flex-wrap:wrap}.mode-title-group{display:flex;align-items:center;gap:12px;min-width:0}.mode-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.mode-title strong{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}.mode-title .help{color:var(--muted);font-size:12px;white-space:nowrap}.mode-controls-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.html-size-indicator{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:9999px;padding:3px 10px;font-variant-numeric:tabular-nums;line-height:1.4}.html-size-indicator .size-label{white-space:nowrap}.html-size-indicator.is-oversized{color:#ef4444;border-color:#fca5a5;background:#fef2f2;font-weight:600}.editor-sub-bar{display:flex;align-items:center;padding:8px 20px;border-bottom:1px solid var(--line);font-size:12px;gap:12px;flex-wrap:wrap}.brand-color-strip,.editor-sub-bar{background:var(--surface)}.brand-color-strip .brand-color-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}.brand-color-strip .brand-color-label svg{width:14px;height:14px;color:#7c3aed}.brand-palette-swatches{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.brand-swatch-pill{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .15s ease,box-shadow .15s ease;position:relative}.brand-swatch-pill:hover{transform:scale(1.18);z-index:2}.brand-swatch-pill.is-active{border-color:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink);transform:scale(1.1);z-index:1}.brand-swatch-pill .swatch-check{font-size:12px;color:#fff;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.brand-custom-control{display:inline-flex;align-items:center;gap:6px}.brand-native-picker-wrap{position:relative;height:24px;padding:0 6px;display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.brand-native-picker-wrap:hover{border-color:var(--muted);background:var(--canvas)}.brand-native-picker-wrap input[type=color]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.brand-color-preview-disc{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}.brand-native-picker-wrap .picker-icon{font-size:12px;line-height:1}.brand-hex-input-wrap{display:inline-flex;align-items:center;height:24px;padding:0 6px;background:var(--surface);border:1px solid var(--line);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease}.brand-hex-input-wrap:focus-within{border-color:#0070f3;box-shadow:0 0 0 2px rgba(0,112,243,.15)}.brand-hex-input-wrap.is-invalid{border-color:#ef4444;background:#fef2f2}.brand-hex-input-wrap .hex-prefix{font-weight:700;color:var(--muted);margin-right:2px}.brand-hex-input-wrap .brand-hex-input,.brand-hex-input-wrap .hex-prefix{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.brand-hex-input-wrap .brand-hex-input{width:58px;border:none;background:transparent;font-weight:600;text-transform:uppercase;color:var(--ink);padding:0;outline:none}.brand-palette-selector.mini{display:inline-flex;align-items:center;gap:5px;margin-top:0}.brand-palette-selector.mini .palette-chip{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.brand-palette-selector.mini .palette-chip.is-selected{border-color:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink);transform:scale(1.1)}.palette-custom-chip{position:relative;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.palette-custom-chip input[type=color]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.palette-custom-swatch{width:18px;height:18px;border-radius:50%;border:1px dashed var(--muted);display:inline-block}.form-group-row{display:flex;flex-direction:column;gap:6px}.form-group-row .field-title strong{font-size:14px;font-weight:600;color:var(--ink)}.form-group-row .field-title .help{display:block;font-size:12px;color:var(--muted);margin-top:2px}.brand-palette-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.palette-chip{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .1s}.palette-chip:hover{transform:scale(1.1)}.palette-chip.is-selected{border-color:var(--ink);transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,.2)}.custom-color-input-wrap{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.custom-color-input-wrap input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:transparent}.hex-text-input{width:80px;height:30px;font-size:12px;font-family:var(--mono);text-transform:uppercase}.container-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.style-option-btn{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);cursor:pointer;transition:all .15s}.style-option-btn:hover{background:var(--surface);border-color:var(--line)}.style-option-btn.is-selected{border-color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--ink)}.preview-box{width:44px;height:28px;margin-bottom:6px;background:#fff;border:1px solid var(--line)}.modern-preview{border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.06)}.clean-preview{border-radius:2px}.minimal-preview{border-radius:0;border-style:dashed}.style-option-btn strong{font-size:12px;color:var(--ink)}.style-option-btn small{font-size:12px;color:var(--muted);margin-top:2px}.toggle-row{justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--canvas)}.switch-label,.toggle-row{display:flex;align-items:center}.switch-label{gap:8px;cursor:pointer;font-size:14px;color:var(--ink)}.sub-toggle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inline-input{height:28px;font-size:12px;width:200px}.field-group-stack{gap:12px}.checkbox-grid,.field-group-stack{display:flex;flex-direction:column}.checkbox-grid{gap:6px;background:var(--canvas);padding:12px 14px;border-radius:6px;border:1px solid var(--line)}.checkbox-grid .field-label{font-size:12px;font-weight:600;color:var(--body);margin-bottom:4px}.editor-container-box{background:var(--surface)}.compose-footer-bar{justify-content:space-between;gap:12px 16px;padding:12px 20px;border-top:1px solid var(--line);background:var(--canvas);position:sticky;bottom:0;z-index:40;box-shadow:0 -2px 10px rgba(0,0,0,.04);border-bottom-left-radius:var(--panel-radius);border-bottom-right-radius:var(--panel-radius)}.compose-footer-bar,.left-actions{display:flex;align-items:center;flex-wrap:wrap}.left-actions{gap:12px}.right-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.save-status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0;line-height:1.4}.save-status-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981;display:inline-block;flex-shrink:0}.save-status-indicator.is-dirty{color:#b45309}.save-status-indicator.is-dirty .save-status-dot{background-color:#f59e0b}.email-editor{display:flex;flex-direction:column}.canvas-editor-toolbar-wrap{position:sticky;top:0;z-index:10;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:visible}.canvas-editor-toolbar-wrap .variable-toolbar{display:flex;flex-direction:column;gap:6px;padding:6px 12px;background:var(--canvas);border-bottom:1px solid var(--line);border-radius:7px 7px 0 0}.canvas-editor-toolbar-wrap .editor-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#fff;border-bottom:none;border-radius:0 0 7px 7px;flex-wrap:wrap}.variable-toolbar{display:flex;flex-direction:column;gap:6px;padding:8px 16px;background:var(--canvas);border-bottom:1px solid var(--line)}.variable-toolbar-header{display:flex;align-items:center;justify-content:space-between}.variable-toolbar-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--ink)}.variable-toggle-btn{background:transparent;border:0;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:var(--radius);transition:all .15s ease}.variable-toggle-btn:hover{color:var(--ink);background:var(--soft)}.variable-chips{display:flex;flex-wrap:wrap;gap:6px}.variable-chip{background:#fff;border:1px solid var(--line);border-radius:9999px;padding:2px 9px;font-size:12px;font-weight:500;color:var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.variable-chip:hover{background:var(--canvas);border-color:var(--muted);color:var(--ink)}.variable-chip small{color:var(--muted);font-family:var(--mono)}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.editor-toolbar select{font-size:12px;height:32px;min-height:32px;padding:0 16px 0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.toolbar-divider{height:20px;background:var(--line)}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;min-width:32px;padding:0 8px;border:1px solid transparent;background:transparent;border-radius:var(--radius);font-size:12px;color:var(--ink);cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:var(--soft)}.toolbar-btn.is-active{background:var(--ink);color:#fff}.toolbar-btn.mini{height:26px;min-width:26px;padding:0 6px;font-size:12px;background:var(--canvas);border:1px solid var(--line)}.toolbar-btn.mini.danger{color:var(--error)}.table-controls-inline{display:inline-flex;align-items:center;gap:4px;background:var(--canvas);padding:2px 6px;border-radius:var(--radius);border:1px dashed var(--line)}.toolbar-dropdown-container{position:relative}.toolbar-popover{position:absolute;top:100%;left:0;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.1);padding:10px;margin-top:4px;min-width:160px}.popover-title{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.color-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.swatch-btn{width:28px;height:28px;border-radius:var(--radius);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s}.swatch-btn:hover{transform:scale(1.15)}.editor-canvas-wrapper{padding:32px 20px;min-height:540px;background:#f4f5f7;display:flex;justify-content:center}.email-frame-card{max-width:600px;width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.04);padding:32px 28px;transition:all .2s ease;display:flex;flex-direction:column}.email-frame-card--clean{border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.04)}.email-frame-card--minimal{border-radius:0;box-shadow:none;border:none!important}.frame-preview-header{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--canvas);margin-bottom:24px;cursor:pointer;border-radius:6px;padding-top:6px;transition:all .15s ease}.frame-preview-header:hover{background:var(--canvas);outline:1px dashed var(--line)}.frame-preview-badge{display:inline-block;padding:4px 12px;color:#fff;font-size:12px;font-weight:700;border-radius:9999px;letter-spacing:-.2px;margin-bottom:12px}.frame-preview-title{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.4px}.frame-preview-subtitle{margin:0;font-size:14px;color:var(--muted)}.html-editor-wrapper{display:flex;flex-direction:column;width:100%;background:#0f172a;border-radius:0 0 var(--panel-radius) var(--panel-radius);border:1px solid #1e293b;overflow:hidden}.html-editor-toolbar{justify-content:space-between;padding:10px 16px;background:#1e293b;border-bottom:1px solid #334155;flex-wrap:wrap}.html-editor-title-group,.html-editor-toolbar{display:flex;align-items:center;gap:10px}.html-editor-badge{background:#0f172a;color:#38bdf8;font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius);border:1px solid #334155;letter-spacing:.5px}.html-editor-stats{color:#94a3b8;font-size:12px;font-family:var(--mono);font-variant-numeric:tabular-nums}.html-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prettier-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:#0f172a;border:1px solid #334155;border-radius:var(--radius);padding:5px 10px;font-size:12px;font-weight:600;color:#94a3b8;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease}.prettier-toggle-btn input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;margin:0}.prettier-toggle-indicator{width:7px;height:7px;border-radius:50%;background:#64748b;transition:all .15s ease}.prettier-toggle-btn:hover{background:#1e293b;border-color:#475569;color:#f1f5f9}.prettier-toggle-btn.is-active{background:rgba(16,185,129,.15);border-color:#059669;color:#34d399}.prettier-toggle-btn.is-active .prettier-toggle-indicator{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.7)}.html-action-btn{display:inline-flex;align-items:center;gap:5px;background:#0f172a;color:#cbd5e1;border:1px solid #334155;padding:5px 12px;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.html-action-btn:hover:not(:disabled){background:#1e293b;color:#38bdf8;border-color:#0284c7}.html-action-btn.is-success{background:rgba(16,185,129,.18);color:#34d399;border-color:#059669}.html-action-btn:disabled{opacity:.5;cursor:not-allowed}.html-variable-bar{display:flex;align-items:center;padding:8px 16px;background:#0f172a;border-bottom:1px solid #1e293b;flex-wrap:wrap;gap:8px}.html-variable-bar .bar-title{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#94a3b8;white-space:nowrap}.html-variable-bar .chips-container{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.html-variable-bar .variable-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:9999px;background:#1e293b;border:1px solid #334155;color:#cbd5e1;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.html-variable-bar .variable-btn:hover:not(:disabled){background:#334155;color:#38bdf8;border-color:#0284c7}.html-variable-bar .variable-btn small{font-family:var(--mono);color:#64748b;font-size:11px}.html-variable-bar .variable-btn:hover small{color:#94a3b8}.format-notice{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;border-bottom:1px solid transparent}.format-notice.is-error{background:#450a0a;border-color:#991b1b;color:#fca5a5}.format-notice.is-success{background:rgba(16,185,129,.15);border-color:#059669;color:#34d399}.format-notice svg{width:14px;height:14px;flex-shrink:0}.html-editor-textarea-wrap{width:100%;position:relative;background:#0f172a}.html-code-textarea{width:100%;min-height:520px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13.5px;line-height:1.65;padding:16px 20px;background:#0f172a;color:#f1f5f9;border:none;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2;outline:none;box-sizing:border-box}.html-code-textarea::-moz-placeholder{color:#475569}.html-code-textarea::placeholder{color:#475569}.html-editor-footer-help{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;background:#1e293b;padding:8px 16px;border-top:1px solid #334155}.html-editor-footer-help code{font-family:var(--mono);background:#0f172a;color:#38bdf8;padding:1px 5px;border-radius:3px;border:1px solid #334155;font-size:11px}.canvas-section-block{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:16px 18px;margin-bottom:20px;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.02)}.canvas-section-block:hover{box-shadow:0 4px 14px rgba(0,0,0,.06);border-color:var(--line)}.canvas-block-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.05)}.canvas-block-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--body)}.canvas-block-title svg{width:13px;height:13px}.canvas-block-status{font-size:12px;font-weight:700;padding:2px 6px;border-radius:var(--radius)}.canvas-block-status.is-on{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.canvas-block-hint{font-size:12px;color:var(--muted)}.canvas-block-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.canvas-brand-color-wrap{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:var(--surface);border:1px solid var(--line);border-radius:9999px}.canvas-brand-color-label{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.canvas-action-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;padding:3px 8px;border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.canvas-action-btn:hover{background:#e0e7ff;color:#3730a3}.canvas-action-btn svg{width:11px;height:11px}.canvas-toggle-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:9999px;cursor:pointer;transition:all .15s ease;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.canvas-toggle-switch .toggle-dot{width:7px;height:7px;border-radius:50%;background-color:var(--muted);transition:background-color .15s ease}.canvas-toggle-switch.is-active{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.canvas-toggle-switch.is-active .toggle-dot{background-color:#10b981}.canvas-toggle-switch.is-active:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.canvas-toggle-switch.is-active:hover .toggle-dot{background-color:#ef4444}.canvas-tone-selector{display:inline-flex;align-items:center;gap:4px;background:var(--canvas);padding:2px 4px;border-radius:6px}.tone-pill-btn{font-size:12px;font-weight:600;padding:2px 6px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.tone-pill-btn:hover{color:var(--ink)}.tone-pill-btn.is-active{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 1px 3px rgba(0,0,0,.08)}.toolbar-btn--color .color-icon-label{display:inline-flex;flex-direction:column;align-items:center;font-weight:700;font-size:13px;line-height:1.1;position:relative}.toolbar-btn--color .color-icon-bar{width:14px;height:3px;border-radius:1px;margin-top:1px}.toolbar-btn--highlight .highlight-icon-label{display:inline-block;font-weight:700;font-size:12px;line-height:1;padding:2px 5px;border-radius:3px;color:#171717}.toolbar-select{font-size:12px;font-weight:500;height:32px;min-height:32px;padding:0 24px 0 8px!important;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background-color:var(--surface);color:var(--ink);cursor:pointer;background-position:right 6px center!important;background-size:10px 10px!important;transition:all .15s ease}.toolbar-select:hover{background-color:var(--canvas)}.canvas-header-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.canvas-header-badge-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.canvas-badge-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);cursor:pointer}.canvas-inline-badge-input{display:inline-block;color:#fff;font-size:11px;font-weight:700;border-radius:9999px;padding:4px 12px;letter-spacing:-.2px;border:1px solid hsla(0,0%,100%,.4);text-align:center;width:auto;max-width:240px;outline:none;transition:all .15s ease}.canvas-inline-badge-input:focus,.canvas-inline-badge-input:hover{border-color:hsla(0,0%,100%,.95);box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.canvas-inline-title-input{width:100%;font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.4px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;text-align:center;transition:all .15s ease;background:#f8fafc;outline:none}.canvas-inline-title-input:hover{background:#fff;border-color:var(--muted)}.canvas-inline-title-input:focus{background:#fff;border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.canvas-inline-subtitle-input{width:100%;font-size:14px;color:#64748b;border:1px solid var(--line);border-radius:6px;padding:6px 12px;text-align:center;transition:all .15s ease;background:#f8fafc;outline:none}.canvas-inline-subtitle-input:hover{background:#fff;border-color:var(--muted)}.canvas-inline-subtitle-input:focus{background:#fff;border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.canvas-section-body{border:1px solid var(--line);background:#fff;overflow:visible;position:relative}.canvas-body-editor-wrap{min-height:140px;padding:10px 12px;border-radius:6px;background:#fff;border:1px solid var(--line);transition:border-color .15s ease}.canvas-body-editor-wrap:focus-within{border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.1)}.canvas-body-editor-wrap .tiptap-editor-canvas{outline:none;font-size:14px;line-height:1.7;color:#334155;min-height:120px}.standalone-canvas-body{max-width:640px;width:100%;background:#fff;border-radius:var(--radius);border:1px solid var(--line);padding:18px;box-shadow:0 4px 14px rgba(0,0,0,.04)}.canvas-section-serial.tone-brand{background-color:#f8fafc;border:1px solid var(--line)}.canvas-section-serial.tone-blue{background-color:#eff6ff;border:1px solid #bfdbfe}.canvas-section-serial.tone-blue .canvas-inline-box-title{color:#1e40af}.canvas-section-serial.tone-blue .canvas-inline-box-hint{color:#3b82f6}.canvas-section-serial.tone-amber{background-color:#fffbeb;border:1px solid #fde68a}.canvas-section-serial.tone-amber .canvas-inline-box-title{color:#92400e}.canvas-section-serial.tone-amber .canvas-inline-box-hint{color:#b45309}.canvas-section-serial.tone-slate{background-color:#f8fafc;border:1px solid var(--line)}.canvas-serial-content{display:flex;flex-direction:column}.canvas-inline-box-title{width:100%;font-size:13px;font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;margin-bottom:8px;background:#fff;outline:none;transition:all .15s ease}.canvas-inline-box-title:hover{border-color:var(--muted)}.canvas-inline-box-title:focus{border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.canvas-serial-code-preview{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 14px;margin-bottom:8px}.canvas-serial-code-preview .code-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.canvas-serial-code-preview code{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);line-height:1.6;display:block;letter-spacing:.5px}.canvas-serial-mock-btn-wrapper{margin:8px 0 6px}.serial-mock-btn{display:inline-block;background-color:#16a34a;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;box-shadow:0 1px 3px rgba(22,163,74,.2)}.canvas-serial-mock-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:4px}.canvas-inline-box-hint{width:100%;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;background:#fff;outline:none;transition:all .15s ease}.canvas-inline-box-hint:hover{border-color:var(--muted)}.canvas-inline-box-hint:focus{border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.canvas-section-order{background-color:#f8fafc;border:1px solid #e2e8f0}.canvas-order-columns-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--surface);padding:8px 12px;border:1px solid var(--line);border-radius:6px;margin-bottom:12px;font-size:12px}.canvas-order-columns-bar .bar-label{font-weight:600;color:var(--body)}.column-checkbox{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--body);font-size:12px}.order-preview-table{width:100%;border-collapse:collapse;font-size:13px;background:transparent;border:none;border-radius:0}.order-preview-table .col-label{padding:7px 0;color:#64748b;width:90px;border-bottom:1px solid #edf2f7;font-weight:500}.order-preview-table .col-val{padding:7px 0;color:#0f172a;font-weight:600;border-bottom:1px solid #edf2f7}.order-preview-table tr:last-child .col-label,.order-preview-table tr:last-child .col-val{border-bottom:none}.canvas-section-attach.tone-blue{background-color:#eff6ff;border:1px solid #bfdbfe}.canvas-section-attach.tone-blue .canvas-inline-box-title{color:#1e40af}.canvas-section-attach.tone-blue .canvas-inline-box-hint{color:#3b82f6}.canvas-section-attach.tone-slate{background-color:#f8fafc;border:1px solid #e2e8f0}.canvas-section-attach.tone-brand{background-color:#f8fafc;border:1px solid var(--line)}.canvas-section-digital-asset{background-color:var(--canvas);border:1px solid var(--line)}.canvas-section-digital-asset .canvas-inline-box-title{font-size:14px}.canvas-section-digital-asset.tone-blue{background-color:#eff6ff;border-color:#bfdbfe}.canvas-section-digital-asset.tone-emerald{background-color:#f0fdf4;border-color:#bbf7d0}.canvas-section-digital-asset.tone-amber{background-color:#fffbeb;border-color:#fde68a}.canvas-section-digital-asset.tone-brand,.canvas-section-digital-asset.tone-slate{background-color:#f8fafc;border-color:#e2e8f0}.canvas-section-digital-asset.tone-blue .canvas-inline-box-title{color:#1e40af}.canvas-section-digital-asset.tone-blue .canvas-inline-box-hint{color:#3b82f6}.canvas-section-digital-asset.tone-emerald .canvas-inline-box-title{color:#166534}.canvas-section-digital-asset.tone-emerald .canvas-inline-box-hint{color:#15803d}.canvas-section-digital-asset.tone-amber .canvas-inline-box-title{color:#92400e}.canvas-section-digital-asset.tone-amber .canvas-inline-box-hint{color:#b45309}.canvas-section-digital-asset.tone-slate .canvas-inline-box-title{color:#1e293b}.canvas-section-digital-asset.tone-brand .canvas-inline-box-hint,.canvas-section-digital-asset.tone-slate .canvas-inline-box-hint{color:#64748b}.canvas-asset-mode-bar{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:hsla(0,0%,100%,.7);border-bottom:1px solid var(--line);margin-bottom:12px}.asset-delivery-group,.asset-mode-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mode-pill-btn{padding:4px 10px;border-radius:var(--radius-sm,6px);border:1px solid var(--line);background:#fff;color:var(--body);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.mode-pill-btn:hover{background:var(--canvas);border-color:var(--muted)}.mode-pill-btn.is-active{background:var(--primary,#0070f3);color:#fff;border-color:var(--primary,#0070f3);font-weight:600}.canvas-cta-button-section{margin:12px 0 8px}.canvas-cta-button-wrapper{margin:6px 0}.canvas-cta-button-input{display:inline-block;padding:10px 18px;border-radius:6px;background:#0f172a;color:#fff;font-size:14px;font-weight:700;border:2px dashed hsla(0,0%,100%,.6);outline:none;cursor:text;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:all .15s ease;min-width:220px}.canvas-section-digital-asset.tone-brand .canvas-cta-button-input{background:#0f172a}.canvas-section-digital-asset.tone-blue .canvas-cta-button-input{background:#0070f3}.canvas-section-digital-asset.tone-emerald .canvas-cta-button-input{background:#16a34a}.canvas-section-digital-asset.tone-amber .canvas-cta-button-input{background:#d97706}.canvas-section-digital-asset.tone-slate .canvas-cta-button-input{background:#0f172a}.canvas-cta-button-input:focus,.canvas-cta-button-input:hover{border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.35),0 2px 6px rgba(0,0,0,.2)}.canvas-serial-plain-box{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-family:monospace;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.5px;margin:6px 0}.attach-sample-files{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.canvas-attach-files-preview{margin-bottom:8px}.canvas-attach-mock-btn-wrapper{display:flex;flex-direction:column;gap:8px;margin:8px 0 6px}.attach-mock-btn{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box;word-break:break-all;background-color:#0070f3;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;box-shadow:0 1px 3px rgba(0,112,243,.2)}.canvas-attach-mock-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:4px}.attach-file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--ink)}.attach-file-item svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.attach-file-name{font-weight:500;flex:1}.attach-file-size{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.canvas-section-notice.type-guide{background-color:#f0f9ff;border-left:4px solid #0284c7;color:#0369a1}.canvas-section-notice.type-guide .canvas-inline-box-title{color:#0c4a6e}.canvas-section-notice.type-copyright{background-color:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.canvas-section-notice.type-copyright .canvas-inline-box-title{color:#78350f}.canvas-section-notice.type-license{background-color:#f8fafc;border-left:4px solid var(--ink);color:#334155}.canvas-inline-textarea{width:100%;font-size:13px;color:inherit;line-height:1.6;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#fff;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box;transition:all .15s ease}.canvas-inline-textarea:hover{border-color:var(--muted)}.canvas-inline-textarea:focus{border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.canvas-section-footer{border-top:1px solid #f1f5f9;padding-top:22px;margin-top:28px;text-align:center;background:#fff}.canvas-inline-footer-copy,.canvas-inline-footer-input{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;text-align:center;background:#f8fafc;outline:none;transition:all .15s ease}.canvas-inline-footer-input{font-size:12px;color:#8f8f8f;margin:0 0 4px}.canvas-inline-footer-copy{font-size:11px;color:#a1a1a1;margin:4px 0 0}.canvas-inline-footer-copy:hover,.canvas-inline-footer-input:hover{background:#fff;border-color:var(--muted)}.canvas-inline-footer-copy:focus,.canvas-inline-footer-input:focus{background:#fff;border-color:var(--primary,#7c3aed);box-shadow:0 0 0 2px rgba(124,58,237,.12)}.frame-section-placeholder{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;margin:0 0 16px;background:var(--canvas);border:1.5px dashed var(--line);border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s ease}.frame-section-placeholder:hover{background:#f1f5f9;border-color:var(--ink);color:var(--ink)}.frame-section-placeholder svg{width:15px;height:15px}.tiptap-editor-canvas{outline:none;font-size:14px;line-height:1.7;color:var(--body);min-height:200px}.tiptap-editor-canvas p{margin:0 0 12px}.tiptap-editor-canvas h1{font-size:24px;font-weight:700;margin:20px 0 10px;line-height:1.3}.tiptap-editor-canvas h2{font-size:18px;font-weight:700;margin:16px 0 8px;line-height:1.4}.tiptap-editor-canvas h3{font-size:14px;font-weight:600;margin:14px 0 6px}.tiptap-editor-canvas ol,.tiptap-editor-canvas ul{padding-left:24px;margin:10px 0}.tiptap-editor-canvas li{margin:4px 0}.tiptap-editor-canvas blockquote{border-left:3px solid var(--line);padding-left:14px;margin:14px 0;color:var(--muted);font-style:italic}.tiptap-editor-canvas hr{border:0;border-top:1px solid var(--line);margin:24px 0}.tiptap-editor-canvas table{width:100%;border-collapse:collapse;margin:16px 0}.tiptap-editor-canvas td,.tiptap-editor-canvas th{border:1px solid var(--line);padding:8px 12px;vertical-align:top}.tiptap-editor-canvas th{background:var(--canvas);font-weight:600}.tiptap-editor-canvas .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(200,200,255,.4);pointer-events:none}.tiptap-editor-canvas img{max-width:100%;height:auto;border-radius:6px;display:block;margin:14px auto}.template-preview-pane{position:sticky;top:calc(var(--app-header-height, 121px) + 16px);max-height:calc(100vh - var(--app-header-height, 121px) - 32px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden}.template-preview-pane .panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;gap:12px}.template-preview-pane .section-title h2{font-size:14px;font-weight:600;color:var(--ink);margin:0;white-space:nowrap}.client-mockup-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--canvas);overflow-y:auto}.client-meta-box{background:#fff;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.client-meta-box .meta-row{display:flex;align-items:baseline;gap:12px;font-size:12px;line-height:1.5}.client-meta-box .meta-label{width:56px;color:var(--muted);font-weight:500;flex-shrink:0}.client-meta-box .meta-value{color:var(--ink);font-weight:500;word-break:break-all}.client-meta-box .meta-row-subject{margin-top:4px;padding-top:8px;border-top:1px dashed var(--line)}.client-meta-box .meta-subject-text{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4;word-break:break-all}.client-meta-box .meta-row-preheader{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:2px}.preheader-badge{font-size:12px;font-weight:700;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;padding:2px 6px;border-radius:var(--radius);flex-shrink:0}.preheader-text{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-data-control-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--canvas);border-bottom:1px solid var(--line);flex-shrink:0;gap:8px}.sample-control-hint{font-size:12px;color:var(--muted)}.sample-toggle-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 10px;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:all .15s ease-in-out}.sample-toggle-btn:hover{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.sample-toggle-btn.is-active{background:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:0 1px 2px rgba(37,99,235,.2)}.toolbar-divider{width:1px;height:18px;background:var(--line,#e2e8f0);margin:0 4px;display:inline-block;flex-shrink:0}.sample-data-edit-panel.sample-popover-dropdown{position:absolute;top:50px;right:12px;width:440px;max-width:calc(100% - 24px);max-height:calc(100% - 64px);background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:12px;box-shadow:0 16px 36px -4px rgba(15,23,42,.16),0 6px 16px -2px rgba(15,23,42,.08);display:flex;flex-direction:column;padding:0;gap:0;z-index:50;overflow:hidden;animation:samplePopoverIn .16s cubic-bezier(.16,1,.3,1)}@keyframes samplePopoverIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sample-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-bottom:1px solid var(--line,#e2e8f0);flex-shrink:0;gap:8px}.sample-panel-title-group{display:flex;flex-direction:column;gap:1px}.sample-panel-title-group strong{font-size:13px;font-weight:700;color:var(--ink,#0f172a)}.sample-panel-hint{font-size:11px;color:var(--muted,#64748b);font-weight:400}.sample-panel-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sample-reset-btn{font-size:11px;font-weight:500;color:var(--muted,#64748b);background:#fff;border:1px solid var(--line,#e2e8f0);cursor:pointer;padding:3px 8px;border-radius:4px;transition:all .12s}.sample-reset-btn:hover{color:var(--error,#ef4444);background:#fee2e2;border-color:#fca5a5}.sample-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--muted,#64748b);border-radius:4px;cursor:pointer;transition:all .12s}.sample-close-btn:hover{background:#e2e8f0;color:var(--ink,#0f172a)}.sample-close-btn svg{width:14px;height:14px}.sample-popover-body{padding:12px 14px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.sample-inputs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 10px}@media (max-width:640px){.sample-inputs-grid{grid-template-columns:1fr}}.sample-field{display:flex;flex-direction:column;gap:3px}.sample-field--full{grid-column:1/-1}.sample-field span{font-size:11px;font-weight:600;color:var(--body,#334155)}.sample-field input{font-size:12px;height:30px;min-height:30px;padding:4px 8px;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.sample-field input:focus,.sample-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.sample-field textarea{font-size:12px;padding:5px 8px;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:var(--radius);resize:vertical;min-height:40px;font-family:inherit;line-height:1.4;transition:border-color .15s,box-shadow .15s}.sample-field input::-moz-placeholder,.sample-field textarea::-moz-placeholder{color:var(--muted,#94a3b8);opacity:.75}.sample-field input::placeholder,.sample-field textarea::placeholder{color:var(--muted,#94a3b8);opacity:.75}.client-body-viewport{flex:1;min-height:650px;padding:20px;display:flex;justify-content:center;background:var(--canvas)}.client-body-viewport .iframe-container{width:100%;height:100%;min-height:650px;display:flex;justify-content:center}.client-body-viewport iframe{width:100%;height:100%;min-height:650px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05)}.client-body-viewport.device-mobile iframe{max-width:375px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-card{background:var(--surface);border-radius:12px;border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.15);max-width:520px;width:100%;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:16px;font-weight:600;margin:0}.close-btn{background:none;border:none;font-size:16px;color:var(--muted);cursor:pointer}.modal-body{padding:20px}.modal-footer{padding:12px 16px;border-top:1px solid var(--line);background:var(--canvas);display:flex;justify-content:flex-end;gap:8px}.image-upload-dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:24px;text-align:center;background:var(--canvas)}.modal-separator{position:relative;text-align:center;margin:20px 0}.modal-separator:before{content:"";position:absolute;left:0;top:50%;right:0;border-top:1px solid var(--line)}.modal-separator span{position:relative;background:var(--surface);padding:0 10px;font-size:12px;color:var(--muted)}.dialog--wide.preset-gallery-dialog{width:min(1080px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:min(85vh,800px)!important;max-height:88vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}.dialog--wide.preset-gallery-dialog .preset-gallery-modal-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dialog--wide.preset-gallery-dialog .preset-gallery-tabs{flex-shrink:0}.dialog--wide.preset-gallery-dialog .preset-gallery-body{flex:1;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden}.dialog--wide.preset-gallery-dialog .preset-card-list{overflow-y:auto;padding:16px;border-right:1px solid var(--line)}.dialog--wide.preset-gallery-dialog .preset-preview-pane{display:flex;flex-direction:column;overflow:hidden;height:100%}.dialog--wide.preset-gallery-dialog .preset-preview-iframe-wrapper{flex:1;min-height:0;padding:16px;background:var(--soft)}.dialog--wide.preset-gallery-dialog .preset-preview-actions{flex-shrink:0}.preset-gallery-modal{max-width:960px;height:85vh}.preset-gallery-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 20px;background:var(--canvas)}.tab-btn{padding:12px 18px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;color:var(--body);cursor:pointer}.tab-btn.is-active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.preset-gallery-body{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0}.preset-card-list{padding:16px;overflow-y:auto;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.preset-card-item{padding:14px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;background:var(--surface)}.preset-card-item:hover{background:var(--canvas)}.preset-card-item.is-selected{border-color:var(--ink);background:var(--canvas);box-shadow:0 2px 6px rgba(0,0,0,.05)}.preset-card-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.preset-badge{font-size:12px;padding:2px 6px;border-radius:var(--radius);background:var(--canvas);color:var(--body);font-weight:600}.delete-preset-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:2px}.delete-preset-btn:hover{color:var(--error)}.preset-card-item h4{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 4px}.preset-card-item p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.preset-preview-pane{display:flex;flex-direction:column;min-height:0}.preset-preview-header{padding:16px 20px;border-bottom:1px solid var(--line)}.preset-preview-header h3{font-size:16px;margin:4px 0 8px}.preset-preheader-preview,.preset-subject-preview{font-size:12px;color:var(--body);margin:2px 0}.preset-preview-iframe-wrapper{flex:1;padding:16px;background:var(--soft);overflow:hidden}.preset-preview-iframe{width:100%;height:100%;border:1px solid var(--line);background:#fff;border-radius:6px}.preset-preview-actions{padding:12px 16px;border-top:1px solid var(--line);background:var(--surface);display:flex;justify-content:flex-end;gap:8px}.empty-custom-presets{padding:40px 16px;text-align:center;color:var(--muted);font-size:12px}@media (min-width:1600px){.container{max-width:1520px}.mapping-workspace{grid-template-columns:minmax(0,1fr) 320px}.mapping-column-head,.option-table-row{grid-template-columns:minmax(200px,240px) minmax(200px,1.2fr) minmax(180px,1fr) minmax(180px,220px) minmax(180px,220px)}}@media (max-width:1199px){.container{padding-inline:24px}.mapping-workspace{grid-template-columns:minmax(0,1fr) 248px;gap:16px}.mapping-column-head{display:none}.common-file-card{margin:14px 16px 12px;padding:14px 16px}.options-status-card,.options-table-section,.single-product-note{margin:0 16px 16px}.options-table-heading{padding:12px 16px}.option-table-row{grid-template-columns:1fr;gap:12px;padding:16px}.option-col-actions{justify-content:flex-start}.common-connection-item{flex-wrap:wrap;gap:8px}.common-connection-item .connection-file{flex:1 1 100%;min-width:100%}.common-connection-actions{margin-left:auto}.target-label{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.target-label .row-select{padding:0;min-height:24px}.target-label>.code-label{margin-right:auto}.product-heading{padding:16px}.shelf-heading{padding:20px 16px 16px}.connection{grid-template-columns:minmax(100px,1fr) minmax(120px,160px) 64px 32px}.template-workspace{gap:16px}.template-preview .panel-toolbar,.template-preview-pane .panel-toolbar{padding:12px 16px}.preview-envelope{padding:16px}.preview-footer{padding:16px;flex-wrap:wrap}.dashboard-hero{padding:32px}.flow-node{width:96px;padding:12px}.flow-line{width:20px}.preset-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){:root{--app-header-height:113px}.brand-caption,.brand-divider{display:none}.header-top{height:64px}.navigation{gap:24px}.main-content{padding-top:32px}.mapping-workspace{grid-template-columns:minmax(0,1fr) 220px}.serial-create-panel{align-items:flex-start;flex-direction:column}.serial-create-form{width:100%}.serial-pool-body{grid-template-columns:1fr}.serial-input-card{border-right:0;border-bottom:1px solid var(--line)}.connection{grid-template-columns:minmax(0,1fr) 64px 32px}.connection-template{grid-column:1;grid-row:2}.connection-file{grid-column:1/-1}.connection>.status-switch{grid-column:2;grid-row:2}.connection>.button{grid-column:3;grid-row:2}.workspace-caption{flex-direction:column;gap:4px}.product-heading{flex-wrap:wrap}.product-state{margin-left:48px;align-items:flex-start}.product-state small,.shelf-file .file-extension{display:none}.dashboard-hero{grid-template-columns:1fr}.flow-illustration{padding:24px 0 8px}.flow-node{width:140px}.webmail-studio-layout{grid-template-columns:1fr}.template-sidebar{position:static;max-height:none}.template-sidebar .template-mailbox-list{max-height:380px}.template-main-workspace{grid-template-columns:1fr}.template-preview-pane{position:static;max-height:none}.sample-data-grid{grid-template-columns:1fr}.preview-canvas iframe{height:520px}.block-list{grid-template-columns:repeat(2,1fr)}.dashboard-metrics{gap:12px}.metric{padding:20px}.page-heading{align-items:flex-start}.heading-actions{justify-content:flex-end}.template-library .panel-toolbar{flex-wrap:wrap}}@media (max-width:640px){.container{padding-inline:16px}.header-top{height:56px;min-height:56px;padding-block:0;flex-wrap:nowrap;gap:8px}.brand{font-size:18px;gap:6px}.brand-mark{width:26px;height:26px}.navigation{gap:16px}.navigation a{font-size:13px;padding:10px 0 12px}.page-heading{flex-direction:column;gap:16px;padding:0}.page-heading h1{font-size:28px;line-height:36px;letter-spacing:-1px}.page-description{font-size:12px;line-height:1.8;margin-top:8px}.eyebrow{font-size:12px;margin-bottom:8px}.page-stack{gap:16px}.heading-actions{justify-content:flex-start}.compose-footer-bar{padding:12px 14px;gap:8px}.compose-footer-bar .left-actions,.compose-footer-bar .right-actions{width:100%;justify-content:space-between}.compose-footer-bar .right-actions{margin-left:0}.summary-strip{grid-template-columns:repeat(2,1fr)}.serial-create-form{flex-direction:column}.serial-card-heading,.serial-file-import,.serial-input-actions,.serial-pool-header,.serial-title-line{align-items:flex-start;flex-direction:column}.serial-mapping-row{align-items:flex-start;flex-wrap:wrap}.serial-mapping-template{order:3;flex-basis:100%;width:100%}.serial-metrics{grid-template-columns:1fr}.serial-metrics>div{border-right:0;border-bottom:1px solid var(--line)}.serial-code-list{padding-inline:16px}.serial-inventory-tools{align-items:stretch;flex-direction:column}.serial-inventory-search{flex-basis:auto;width:100%}.serial-status-filter{width:100%}.serial-search-summary{margin:0}.serial-pagination{align-items:flex-start;flex-direction:column}.serial-metrics>div:last-child{border-bottom:0}.summary-strip>button,.summary-strip>div{padding:16px}.summary-strip>:nth-child(2){border-right:0}.summary-strip>:nth-child(-n+2){border-bottom:1px solid var(--line)}.summary-strip strong{font-size:24px}.summary-strip>button>span,.summary-strip>div>span{font-size:12px}.workspace-toolbar{flex-direction:column;align-items:stretch;gap:12px}.product-search{min-width:0}.workspace-toolbar .segmented{align-self:flex-start}.mapping-workspace{display:flex;flex-direction:column;gap:16px}.product-board{order:2;width:100%;gap:16px}.file-shelf{order:1;width:100%;position:static;max-height:none}.shelf-heading{padding:16px 16px 12px}.shelf-heading p{font-size:12px}.shelf-heading p br{display:none}.shelf-selection{padding-inline:16px}.shelf-files{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px;max-height:240px;overflow-y:auto}.shelf-file{width:calc(50% - 4px);margin:0;padding:8px;border-color:var(--line)}.shelf-file-name strong{font-size:12px}.shelf-upload{padding:8px 16px}.shelf-upload .upload-area{padding:12px;flex-direction:row;flex-wrap:wrap}.shelf-help{padding:0 16px 16px;font-size:12px}.shelf-help br{display:none}.product-state{margin-left:auto;align-items:flex-end}.product-glyph{display:none}.product-heading{gap:8px}.product-heading h2{font-size:14px}.product-heading>div:not(.product-state){flex:1}.product-state .badge{font-size:12px}.connection{grid-template-columns:minmax(0,1fr) 68px 36px;gap:8px}.connection-file strong{font-size:14px}.connection-template select{font-size:12px;min-height:44px}.connection>.button{min-height:44px}.target-label .row-select strong{font-size:14px}.target-label .badge{font-size:12px}.delivery-summary{font-size:12px;line-height:1.7}.delivery-summary strong{font-size:12px}.attach-button,.delivery-summary .button{min-height:44px;font-size:12px}.suggestion{min-height:44px}.row-warning{font-size:12px}.batch-bar{bottom:12px;flex-direction:column;padding:16px;gap:12px;align-items:stretch}.batch-bar .button{width:100%}.dashboard-hero{padding:24px}.dashboard-hero h2{font-size:28px}.flow-node{width:90px;font-size:12px;padding:8px;min-height:104px}.flow-node--last{min-height:124px}.flow-line{width:16px}.flow-node .badge{font-size:9px}.dashboard-metrics{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:20px}.metric>strong{grid-column:2;grid-row:1/3;font-size:28px;align-self:center}.metric>p{grid-column:1}.quota-grid{grid-template-columns:1fr;gap:24px;padding:20px}.quota-footer-tip{margin:0 -20px -20px;padding:10px 16px;flex-wrap:wrap}.quota-support-banner{flex-direction:column;align-items:stretch;gap:12px}.quota-support-banner__content{flex-direction:column;gap:8px}.quota-support-banner__text{min-width:0;word-break:keep-all;overflow-wrap:break-word}.quota-support-banner__btn{align-self:flex-start}.toolbar-date-group{display:flex;align-items:center;gap:4px;width:100%}.toolbar-date-input{flex:1;min-width:0;font-size:12px;padding:0 6px}.panel-toolbar{padding:16px;flex-wrap:wrap}.toolbar-actions{width:100%}.toolbar-actions .search{flex:1;min-width:140px}.data-table td,.data-table th{padding:16px}.template-choice{min-width:240px}.template-library .panel-toolbar .search{width:100%}.compose-fields,.template-compose .panel-toolbar{padding:16px}.editor-mode{padding:12px 16px}.editor-toolbar .button,.editor-toolbar select{min-height:44px}.variable-toolbar button{min-height:40px;font-size:12px}.editable-email{height:480px}.insert-tools>div{flex-wrap:wrap}.insert-tools>div>input{flex-basis:100%}.insert-tools .button{min-height:44px}.insert-tools .field{flex-direction:column;align-items:stretch}.preset-list{padding:16px}.block-list,.preset-list{grid-template-columns:1fr}.block-builder{padding:16px}.preset-section .toolbar-actions{flex-direction:column;align-items:stretch}.app-footer{font-size:12px;padding-top:28px;padding-bottom:28px}.app-footer__support{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:24px;margin-bottom:20px}.app-footer__support-button{width:100%}.app-footer__bottom{flex-direction:column;align-items:flex-start;gap:12px}.app-footer__links{margin-left:0;flex-wrap:wrap;gap:12px}.auth-state{padding:24px;margin-block:32px}.auth-state h1{font-size:24px}.dialog-body,.dialog-heading{padding:20px}.dialog-heading h2{font-size:18px}.dialog--confirm{width:min(440px,calc(100% - 24px));margin:auto 12px}.dialog--confirm .dialog-heading{padding:16px 18px 12px}.dialog--confirm .dialog-heading h2{font-size:16px}.dialog--confirm .confirm-body{padding:14px 18px 16px}.dialog--confirm .confirm-message{font-size:13.5px;line-height:1.55}.dialog--confirm .dialog-actions{padding:12px 18px}.segmented button{min-height:40px}}.connected-products-cell{min-width:220px;vertical-align:middle;padding:8px 12px}.connected-compact-wrap{display:inline-flex;align-items:center;gap:8px;max-width:100%}.connected-compact-info{display:flex;align-items:center;gap:6px;min-width:0}.connected-compact-text{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.connected-products-container,.file-connected-products{display:flex;flex-direction:column;gap:6px;align-items:flex-start;width:100%}.connected-tags-wrap{gap:5px}.connected-tags-wrap,.product-mapping-group{display:flex;flex-direction:column;width:100%}.product-mapping-group{gap:4px;padding:6px 8px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);box-sizing:border-box}.group-product-header{display:flex;align-items:center;gap:4px}.group-product-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-variants-wrap{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.file-connection-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:12px;color:var(--body);transition:all .15s ease}.file-connection-chip:hover{border-color:var(--muted)}.file-connection-chip.is-paused{opacity:.7;border-style:dashed;background:var(--canvas)}.chip-variant-label{font-weight:500}.chip-indicator{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px;line-height:1.2}.chip-indicator.is-serial{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.chip-indicator.is-file{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.chip-status-tag{font-size:11px;font-weight:600;color:var(--warning);background:var(--warning-soft);padding:1px 4px;border-radius:3px;line-height:1.2}.chip-remove-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;width:14px;height:14px;background:transparent;border:none;border-radius:50%;color:var(--muted);cursor:pointer;transition:all .15s ease;margin-left:2px}.chip-remove-btn svg{width:10px;height:10px}.chip-remove-btn:hover{background:var(--error);color:#fff}.more-products-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:1px dashed var(--line);border-radius:var(--radius);padding:3px 8px;font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;text-align:center;transition:all .15s ease;width:100%}.more-products-toggle-btn svg{width:12px;height:12px}.more-products-toggle-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--canvas)}.connected-empty-wrap,.file-unconnected-wrap{display:inline-flex;align-items:center;gap:8px}.button--mini{padding:0 8px;font-size:12px;gap:4px;line-height:1}.button--icon,.button--mini{min-height:28px;height:28px;border-radius:6px}.button--icon{width:28px;min-width:28px;padding:0;display:inline-grid;place-items:center}.button--icon svg{width:14px;height:14px}.button--attach-more{align-self:flex-start;margin-top:2px}.actions-cell{text-align:right;white-space:nowrap;vertical-align:middle}.table-row-actions{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}.table-row-actions .button{min-height:28px;height:28px;padding:0 8px;font-size:12px;border-radius:6px}.table-row-actions .button--ghost{min-height:28px;height:28px;width:28px;min-width:28px;padding:0;display:inline-grid;place-items:center}.table-row-actions .button--ghost:has(span){width:auto;min-width:0;padding:0 8px;display:inline-flex;align-items:center;gap:4px}.table-row-actions .button--ghost svg{width:14px;height:14px}dialog.product-connect-dialog,dialog.serial-connect-dialog{width:min(980px,calc(100vw - 32px))!important;max-width:980px;height:min(88vh,840px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.product-connect-dialog-body,.serial-connect-dialog-body{display:flex;flex-direction:column;gap:14px;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 24px}.target-file-strip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);flex-shrink:0}.target-file-meta{display:flex;flex-direction:column;gap:2px;flex:1}.target-file-meta strong{font-size:14px;color:var(--ink)}.target-file-meta small{font-size:12px;color:var(--muted)}.connect-split-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,1.15fr);gap:16px;flex:1 1 auto;min-height:460px;height:100%}@media (max-width:900px){.connect-split-layout{grid-template-columns:1fr 1fr}}.connect-pane{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.connect-pane .pane-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--canvas);border-bottom:1px solid var(--line);gap:8px}.connect-pane .pane-header h3{font-size:14px;font-weight:600;color:var(--ink);margin:0}.product-search-pane .pane-header{flex-direction:column;align-items:stretch}.product-search-pane .search{margin-top:4px}.product-select-list,.variant-select-list{display:flex;flex-direction:column;gap:6px;padding:8px;overflow-y:auto;flex:1}.product-select-item{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.product-select-item:hover{background:var(--canvas);border-color:#d1d5db}.product-select-item.is-selected{border-color:var(--blue);background:#f0f7ff}.product-select-meta{display:flex;flex-direction:column;gap:2px;width:100%}.product-select-meta strong{font-size:14px;color:var(--ink);word-break:break-word}.product-select-badges{display:flex;align-items:center;gap:6px;margin-top:6px}.tag-pill{font-size:12px;padding:2px 6px;border-radius:var(--radius);background:var(--soft);color:var(--body)}.pane-empty,.pane-empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--muted);font-size:14px;text-align:center;height:100%;gap:8px}.pane-empty-placeholder svg{width:24px;height:24px;opacity:.5}.selected-product-summary{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px;background:var(--canvas);border-radius:var(--radius);border:1px solid var(--line);margin-bottom:6px;font-size:12px}.selected-product-summary strong{color:var(--ink);font-size:14px}.variant-option-card{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all .15s ease}.variant-option-card input[type=checkbox]{margin-top:3px;flex-shrink:0}.variant-option-card:hover:not(.is-disabled){border-color:#d1d5db;background:var(--canvas)}.variant-option-card.is-checked{border-color:var(--blue);background:#f0f7ff}.variant-option-card.is-disabled{opacity:.6;cursor:not-allowed;background:var(--canvas)}.variant-card-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.variant-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.variant-card-title{display:flex;align-items:center;gap:6px;font-size:13.5px;flex-wrap:wrap;min-width:0}.variant-card-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.button-link-sm{background:none;border:none;color:var(--blue);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:var(--radius)}.button-link-sm:hover{text-decoration:underline}@media (max-width:768px){.connect-split-layout{grid-template-columns:1fr;height:auto;max-height:520px}.serial-connect-template{margin:0 16px;grid-template-columns:1fr;gap:8px}.connect-dialog-footer{flex-direction:column;align-items:stretch;gap:10px}.connect-footer-actions{justify-content:flex-end}}.selected-product-summary-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.connect-dialog-footer,.selected-product-summary-badge{display:flex;align-items:center;flex-shrink:0}.connect-dialog-footer{padding:14px 24px;border-top:1px solid var(--line);background:var(--surface);justify-content:space-between;gap:16px}.connect-footer-status{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0;flex:1}.connect-footer-status-msg{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.4}.connect-footer-status-msg svg{width:16px;height:16px;flex-shrink:0}.connect-footer-status-msg.is-warning{color:#b45309;font-weight:500}.connect-footer-status-msg.is-success{color:#15803d;font-weight:600}.connect-footer-status-msg.is-connected{color:var(--ink)}.connect-footer-status-msg.is-connected svg{color:#15803d}.connect-footer-status-msg.is-muted{color:var(--muted)}.connect-footer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.onboarding-panel{padding:24px 28px;display:flex;flex-direction:column;gap:16px}.onboarding-panel-header{display:flex;justify-content:space-between;align-items:flex-start}.onboarding-panel-title{display:flex;flex-direction:column;gap:6px}.onboarding-headline{display:flex;align-items:center;gap:12px}.onboarding-headline h3{font-size:18px;font-weight:600;color:var(--ink);margin:0}.onboarding-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1100px){.onboarding-grid{grid-template-columns:repeat(2,1fr)}}.onboarding-card{display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:all .15s ease;position:relative}.onboarding-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.04)}.onboarding-card--done{background:#fbfdfc;border-color:#d6e8dc}.onboarding-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.onboarding-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--canvas);color:var(--body);border:1px solid var(--line)}.onboarding-card--done .onboarding-step-num{background:#e6f7ed;color:#1a7f37;border-color:#b7e4c7}.onboarding-step-badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:9999px;background:var(--soft);color:var(--muted)}.onboarding-card--done .onboarding-step-badge{background:#e6f7ed;color:#1a7f37}.onboarding-card-body h4{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px}.onboarding-card-body p{font-size:14px;line-height:1.5;color:var(--body);margin:0 0 12px;min-height:40px}.onboarding-card-meta{font-size:12px;margin-bottom:16px}.onboarding-meta-done{display:inline-flex;align-items:center;gap:4px;color:#1a7f37;font-weight:500}.onboarding-meta-done svg{width:14px;height:14px}.onboarding-meta-pending{color:var(--muted)}.onboarding-card-footer{display:flex;align-items:center;justify-content:flex-end;border-top:1px dashed var(--line);padding-top:12px}@media (max-width:900px){.onboarding-grid{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast,9999);display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:420px;width:calc(100vw - 48px)}.floating-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);animation:toast-slide-up .22s cubic-bezier(.16,1,.3,1);font-size:14px;color:var(--ink);transition:all .15s ease}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-toast--success{border-left:4px solid var(--blue)}.floating-toast--error{border-left:4px solid;border-color:#fca5a5;background:snow}.floating-toast--info{border-left:4px solid var(--ink)}.floating-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-toast--success .floating-toast-icon{color:var(--blue)}.floating-toast--error .floating-toast-icon{color:var(--error)}.floating-toast-text{flex:1;font-size:14px;line-height:1.45;word-break:break-word;white-space:pre-line}.floating-toast-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.floating-toast-close:hover{background:var(--canvas);color:var(--ink)}div.floating-toast:not(.toast-container *){position:fixed;bottom:24px;right:24px;z-index:var(--z-toast,9999);max-width:420px}.delivery-error-compact{display:inline-flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.delivery-error-compact__badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:1px 6px;border-radius:var(--radius);line-height:1.4}.delivery-error-compact__badge svg{width:12px;height:12px;stroke:#b91c1c;flex-shrink:0}.delivery-error-compact__link{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:2px;background:none;border:none;padding:0;cursor:pointer;line-height:1.4}.delivery-error-compact__link:hover{color:var(--ink)}.delivery-error-box{width:100%;box-sizing:border-box;padding:16px;border:1px solid var(--error-border);background:var(--error-bg);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px}.delivery-error-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.delivery-error-tip-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--error-text)}.delivery-error-tip-badge svg{width:16px;height:16px;stroke:var(--error-accent);flex-shrink:0}.delivery-error-tip-text{font-size:14px;line-height:1.5;color:var(--ink);margin:0}.delivery-error-action-guide-box{background:#fff;border:1px solid var(--warning-border);border-left:3px solid var(--warning-accent);border-radius:var(--radius);padding:10px 14px;display:flex;flex-direction:column;gap:4px}.delivery-error-action-guide-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--warning-text)}.delivery-error-action-guide-title svg{width:14px;height:14px;stroke:var(--warning-accent)}.delivery-error-action-guide-text{font-size:13px;line-height:1.5;color:var(--ink);margin:0}.delivery-raw-error{font-size:12px;border-top:1px solid var(--error-border);padding-top:10px}.delivery-raw-error summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.delivery-raw-error summary:hover{color:var(--ink)}.delivery-raw-error__body{margin-top:8px;position:relative}.delivery-raw-error code{display:block;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--error-text);word-break:break-all;white-space:pre-wrap;max-height:120px;overflow-y:auto;background:#fff;padding:10px 76px 10px 14px;border:1px solid var(--error-border);border-radius:var(--radius)}.delivery-raw-error__copy-btn{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--muted);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.delivery-raw-error__copy-btn:hover{color:var(--ink);border-color:var(--faint);background:#fff}.delivery-error-box .delivery-error-support-row{border-top:1px solid var(--error-border);padding-top:12px;margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.delivery-error-support-text{font-size:12px;color:var(--muted);line-height:1.4;flex:1 1 240px}.serial-pool-failure-tag{display:inline-flex;align-items:center;gap:4px;background:var(--error-bg,#fff5f5);color:var(--error-text,#c53030);border:1px solid var(--error-border,#feb2b2);border-radius:var(--radius);padding:2px 7px;font-size:11px;font-weight:600;cursor:pointer;line-height:1.4;transition:background-color .15s ease,border-color .15s ease}.serial-pool-failure-tag svg{width:12px;height:12px;stroke:var(--error-text,#c53030);flex-shrink:0}.serial-pool-failure-tag:hover{background:#fed7d7}.toolbar-date-group{display:inline-flex;align-items:center;gap:6px}.toolbar-date-input{height:36px;padding:0 10px;font-size:13px;font-family:inherit;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);outline:none;box-sizing:border-box;transition:border-color .15s ease}.toolbar-date-input:focus{border-color:var(--focus)}.toolbar-shop-select,select.toolbar-shop-select{height:36px;min-height:36px;padding:0 30px 0 10px;font-size:13px;font-weight:600;font-family:inherit;color:var(--ink);background-color:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);outline:none;box-sizing:border-box;background-position:right 8px center;background-size:11px 11px;transition:all .15s ease;cursor:pointer}.toolbar-shop-select:hover:not(:disabled),select.toolbar-shop-select:hover:not(:disabled){border-color:#94a3b8}.toolbar-shop-select:focus,select.toolbar-shop-select:focus{border-color:var(--focus)}.field select,select.select{height:40px;min-height:40px;padding:0 32px 0 12px!important;font-size:13px;font-weight:500;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--ink,#1e293b);background-position:right 10px center!important;background-size:12px 12px!important;box-sizing:border-box;transition:all .15s ease}.field select:hover:not(:disabled),select.select:hover:not(:disabled){border-color:#94a3b8}.field select:focus-visible,select.select:focus-visible{border-color:var(--blue,#2563eb);outline:2px solid var(--blue,#2563eb);outline-offset:1px}.form-field-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-field-label{font-size:12px;font-weight:600;color:var(--ink,#1e293b);display:flex;align-items:center;gap:4px}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input,input.input{width:100%;min-width:0;height:36px;min-height:36px;padding:0 12px;font-size:13px;font-family:inherit;color:var(--ink,#1e293b);background-color:var(--surface,#fff);border:1px solid var(--line,#cbd5e1);border-radius:var(--radius-sm,6px);outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input::-moz-placeholder,input.input::-moz-placeholder{color:var(--muted,#94a3b8)}.input::placeholder,input.input::placeholder{color:var(--muted,#94a3b8)}.input:hover:not(:disabled),input.input:hover:not(:disabled){border-color:#94a3b8}.input:focus,.input:focus-visible,input.input:focus,input.input:focus-visible{border-color:var(--blue,#2563eb)!important;box-shadow:0 0 0 1px var(--blue,#2563eb)}.input--sm,input.input--sm{height:32px;min-height:32px;padding:0 10px;font-size:12px;border-radius:var(--radius-sm,6px)}.input--lg,input.input--lg{height:40px;min-height:40px;padding:0 14px;font-size:14px;border-radius:var(--radius-sm,6px)}.input-wrapper.is-error input.input,.input.is-error,input.input.is-error{border-color:var(--error,#e00)!important}.input-wrapper.is-error input.input:focus,.input.is-error:focus,input.input.is-error:focus{border-color:var(--error,#e00)!important;box-shadow:0 0 0 1px var(--error,#e00)!important}.input-wrapper.is-disabled input.input,.input:disabled,input.input:disabled{opacity:.55;background-color:var(--canvas,#f8fafc)!important;border-color:var(--line,#e2e8f0)!important;color:var(--muted,#94a3b8)!important;cursor:not-allowed}.input-wrapper.has-start-addon input.input{padding-left:36px}.input-wrapper.has-end-addon input.input{padding-right:56px}.input-addon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted,#64748b);pointer-events:none;z-index:1}.input-addon--start{left:10px}.input-addon--end{right:10px;pointer-events:auto}.form-field-error{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--error,#e00);line-height:1.4;margin-top:2px}.form-field-error svg{flex-shrink:0;color:var(--error,#e00)}.form-field-helper{font-size:12px;color:var(--muted,#64748b);line-height:1.4;margin-top:2px}.form-field-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.select-wrapper{position:relative;width:100%}.select,select.select{width:100%;min-width:0;height:36px;min-height:36px;padding:0 32px 0 12px;font-size:13px;font-family:inherit;color:var(--ink,#1e293b);background-color:var(--surface,#fff);border:1px solid var(--line,#cbd5e1);border-radius:var(--radius-sm,6px);outline:none;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.select:hover:not(:disabled),select.select:hover:not(:disabled){border-color:#94a3b8}.select:focus,.select:focus-visible,select.select:focus,select.select:focus-visible{border-color:var(--blue,#2563eb);box-shadow:0 0 0 1px var(--blue,#2563eb)}.select--sm,select.select--sm{height:32px;min-height:32px;padding:0 28px 0 10px;font-size:12px;background-position:right 8px center;border-radius:var(--radius-sm,6px)}.select--lg,select.select--lg{height:40px;min-height:40px;padding:0 36px 0 14px;font-size:14px;border-radius:var(--radius-sm,6px)}.select-wrapper.is-error select.select,.select.is-error,select.select.is-error{border-color:var(--error,#e00)}.select-wrapper.is-error select.select:focus,.select.is-error:focus,select.select.is-error:focus{border-color:var(--error,#e00);box-shadow:0 0 0 1px var(--error,#e00)}.select-wrapper.is-disabled select.select,.select:disabled,select.select:disabled{opacity:.55;background-color:var(--canvas,#f8fafc);border-color:var(--line,#e2e8f0);color:var(--muted,#94a3b8);cursor:not-allowed}.textarea,textarea.textarea{width:100%;min-width:0;min-height:80px;padding:8px 12px;font-size:13px;font-family:inherit;line-height:1.5;color:var(--ink,#1e293b);background-color:var(--surface,#fff);border:1px solid var(--line,#cbd5e1);border-radius:var(--radius-sm,6px);outline:none;box-sizing:border-box;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.textarea:hover:not(:disabled),textarea.textarea:hover:not(:disabled){border-color:#94a3b8}.textarea:focus,.textarea:focus-visible,textarea.textarea:focus,textarea.textarea:focus-visible{border-color:var(--blue,#2563eb);box-shadow:0 0 0 1px var(--blue,#2563eb)}.textarea--sm,textarea.textarea--sm{min-height:60px;padding:6px 10px;font-size:12px}.textarea--mono,textarea.textarea--mono{font-family:var(--mono,"SF Mono",Consolas,Menlo,monospace);font-size:12.5px;line-height:1.6}.textarea.is-error,textarea.textarea.is-error{border-color:var(--error,#e00)}.textarea.is-error:focus,textarea.textarea.is-error:focus{border-color:var(--error,#e00);box-shadow:0 0 0 1px var(--error,#e00)}.textarea:disabled,textarea.textarea:disabled{opacity:.55;background-color:var(--canvas,#f8fafc);border-color:var(--line,#e2e8f0);color:var(--muted,#94a3b8);cursor:not-allowed}.textarea-counter{font-size:11px;color:var(--muted,#64748b);font-variant-numeric:tabular-nums}.textarea-counter.is-over{color:var(--error,#e00);font-weight:600}.checkbox-wrapper{display:flex;flex-direction:column;gap:4px}.checkbox-label{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper.is-disabled .checkbox-label{cursor:not-allowed;opacity:.55}.checkbox,input.checkbox{width:16px;height:16px;min-width:16px;min-height:16px;margin:2px 0 0;accent-color:var(--blue,#2563eb);cursor:pointer;flex-shrink:0}.checkbox:disabled,input.checkbox:disabled{cursor:not-allowed}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-text{font-size:13px;font-weight:500;color:var(--foreground,#0f172a);line-height:1.4}.checkbox-description{font-size:12px;color:var(--muted,#64748b);line-height:1.4}.toolbar-filter-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:500;color:var(--muted);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;transition:all .15s ease}.toolbar-filter-btn svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.toolbar-filter-btn:hover{color:var(--ink);border-color:#cbd5e1;background:#f8fafc}.toolbar-filter-btn.is-active{color:var(--blue,#2563eb);background:#eff6ff;border-color:#bfdbfe;font-weight:600}.toolbar-filter-btn.is-active svg{color:var(--blue,#2563eb)}.serial-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius);background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;font-weight:500;white-space:nowrap}.serial-chip svg{width:11px;height:11px;flex-shrink:0}.option-serial-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.common-serial-bar{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:10px 14px;margin-top:12px;border:1px solid #bbf7d0;border-radius:var(--radius);background:#f0fdf4;color:#166534;font-size:12px}.common-serial-bar svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.common-serial-bar>strong{font-weight:600}.common-serial-bar>span{color:#15803d}.common-serial-bar>p{flex-basis:100%;margin:0}.serial-template-warning{display:flex;align-items:flex-start;gap:5px;margin:4px 0 0;font-size:12px;line-height:1.5;color:#b35900}.serial-template-warning svg{width:12px;height:12px;flex-shrink:0;margin-top:1px}.serial-also-file-badge{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 7px;border-radius:var(--radius);background:var(--canvas);border:1px solid var(--line);color:var(--muted);font-size:12px}.serial-also-file-badge svg{width:11px;height:11px;flex-shrink:0}.chip-serial-indicator{font-size:12px;line-height:1;margin:0 2px}.picker-template-section{margin-top:16px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);align-items:start;gap:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas)}.picker-template-label h3{margin:0;font-size:14px}.picker-template-label p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.picker-template-control select{width:100%;min-height:34px;padding:6px 28px 6px 9px;border:1px solid var(--line);border-radius:6px;background-color:var(--surface);color:var(--ink);font-size:12px;font:inherit}.picker-template-warning{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:6px;background:#fff8ee;border:1px solid #f7d5a3;color:#b35900;font-size:12px;line-height:1.55}.picker-template-warning svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.common-option-section{margin-bottom:4px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.common-option-section-label,.specific-options-section-label{display:flex;align-items:baseline;gap:6px;padding:4px 2px 6px;font-size:12px;font-weight:600;color:var(--body);letter-spacing:.01em}.common-option-help-text{font-size:12px;font-weight:400;color:var(--muted)}.specific-options-section{display:flex;flex-direction:column;gap:6px}.variant-option-card--common{background:#f8faff;border-color:#c7d8f0}.variant-option-card--common:hover:not(.is-disabled){background:#eef4ff;border-color:#a8c4e8}.variant-option-card--common.is-checked{background:#e8f0ff;border-color:var(--blue)}dialog.product-mapping-dialog{width:min(1180px,calc(100vw - 32px))!important;max-width:1180px;height:min(88vh,880px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:0}.product-modal-tabs{display:flex;gap:4px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}.modal-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 16px;font-size:13px;font-weight:500;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:all .15s ease}.modal-tab-btn svg{width:14px;height:14px}.modal-tab-btn:hover{color:var(--ink)}.modal-tab-btn.is-active{color:var(--blue);font-weight:600;border-bottom-color:var(--blue)}.tab-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;border-radius:9px;background:var(--canvas);border:1px solid var(--line);color:var(--body)}.tab-status-pill{font-size:11px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 6px;border-radius:4px;font-weight:500}.product-mapping-modal-body{display:flex;flex-direction:column;gap:14px;padding:18px 24px;overflow-y:auto;flex:1 1 auto;min-height:0}.common-workspace-tab,.options-workspace-tab{display:flex;flex-direction:column;gap:16px;width:100%}.common-workspace-tab .common-file-card,.options-workspace-tab .alert-banner,.options-workspace-tab .common-summary-banner,.options-workspace-tab .options-status-card,.options-workspace-tab .options-table-section{margin:0!important;width:100%!important;box-sizing:border-box!important}.common-summary-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#f0f7ff;border:1px solid #cce3ff;border-radius:var(--radius)}.common-summary-banner-info{display:flex;align-items:center;gap:14px;min-width:0}.common-summary-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e0effe;color:var(--blue);border-radius:8px;flex-shrink:0}.common-summary-icon svg{width:18px;height:18px}.common-summary-text{display:flex;flex-direction:column;gap:3px;min-width:0}.common-summary-text strong{font-size:13px;font-weight:600;color:#004085}.common-summary-text p{font-size:12px;color:#3b597b;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-mapping-footer{flex-shrink:0;padding:14px 24px;border-top:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-summary-info{font-size:13px;color:var(--muted)}.footer-action-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.footer-summary-info strong{color:var(--ink);font-weight:600}.footer-autosave-indicator{display:inline-flex;align-items:center;gap:6px;font-size:13px}.footer-autosave-indicator.is-saving{color:var(--primary,#3b82f6);font-weight:500}.footer-autosave-indicator.is-saved{color:var(--muted,#64748b)}.footer-autosave-indicator.is-saved>svg{color:var(--success,#16a34a)}.product-modal-title-wrap{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.product-modal-title-wrap .product-glyph{width:40px;height:40px;font-size:18px;flex-shrink:0}.product-modal-title-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.product-modal-title-line{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.product-modal-title-line h2{margin:0;font-size:16px;font-weight:700;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.product-modal-title-line .badge{flex-shrink:0}.product-modal-status-reason{font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0}.product-modal-status-reason.is-warning{color:var(--warning);font-weight:600}.footer-status-reason.is-warning{color:var(--warning);font-weight:500}.product-modal-warning-banner{margin:0}.product-modal-title-info .code-label{margin:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-data-table{width:100%;min-width:1100px}.mapping-data-table tr.cursor-pointer{cursor:pointer;transition:background-color .15s ease}.mapping-data-table tr.cursor-pointer:hover{background-color:var(--canvas)}.product-cell{display:flex;align-items:center;gap:12px}.product-title-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.product-title-wrap strong{font-size:14px;font-weight:600;color:var(--ink);line-height:1.4;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-meta-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.meta-divider{color:var(--line)}.mapping-cell-files{display:flex;flex-direction:column;gap:4px;min-width:0}.file-summary-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.file-summary-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:11px;font-weight:600;background:rgba(0,0,0,.05);border-radius:4px;color:var(--body);white-space:nowrap}.file-summary-names{font-size:13px;color:var(--body);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.option-applied-status{font-size:12px;color:var(--muted)}.serial-summary-line{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink)}.serial-summary-line svg{color:#166534;width:14px;height:14px}.serial-pool-names{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.template-name-text{font-size:13px;color:var(--muted)}.mapping-status-cell{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0}.mapping-status-reason{display:block!important;font-size:11px!important;line-height:1.3!important;color:var(--muted)!important;white-space:nowrap!important}.mapping-status-reason.is-warning{color:var(--warning)!important;font-weight:500!important}.options-toolbar-left{flex:1;max-width:280px}.options-toolbar-right{display:flex;align-items:center;gap:8px}.options-filter-pills{display:flex;align-items:center;gap:4px;background:var(--canvas);padding:3px;border-radius:var(--radius);border:1px solid var(--line)}.filter-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease}.filter-pill:hover{color:var(--ink)}.filter-pill.is-active{background:var(--surface);color:var(--blue);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.filter-pill.is-warning.is-active{color:#c2410c}.pill-count{font-size:11px;opacity:.85}.bulk-selection-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--info-bg,#eff6ff);border:1px solid var(--info-border,#bfdbfe);border-radius:var(--radius);margin-bottom:12px;font-size:13px;gap:12px;flex-wrap:wrap;box-shadow:0 4px 12px rgba(0,0,0,.05)}.bulk-selection-count,.bulk-selection-count strong{color:var(--info-text,#1e40af)}.bulk-selection-count strong{font-weight:700}.bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.options-empty-search{padding:40px 16px;text-align:center;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px}.options-table-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;margin:0;width:100%;box-sizing:border-box}.options-table-heading{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface)}.mapping-column-head{padding:10px 20px;background:var(--canvas);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.mapping-column-head,.option-table-row{display:grid;grid-template-columns:minmax(180px,220px) minmax(180px,1.2fr) minmax(150px,1fr) minmax(160px,200px) minmax(175px,200px);gap:16px;border-bottom:1px solid var(--line);align-items:center}.option-table-row{padding:12px 20px;background:var(--surface);transition:background .15s}.option-table-row:hover{background:#fafbfc}.option-table-row.is-selected{background:#f0f7ff}.option-table-row:last-child{border-bottom:0}.option-col-target,.option-col-target .row-select{display:flex;align-items:center;min-width:0}.option-col-target .row-select{gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.option-col-target .row-select input[type=checkbox]{flex-shrink:0;margin:0}.option-target-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.option-target-info strong{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;word-break:break-all}.option-target-info .code-label,.option-target-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-target-info .code-label{font-size:11px;color:var(--muted);line-height:1.2}.option-chips-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.file-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;line-height:1.4;background:var(--surface);border:1px solid var(--line);color:var(--ink);max-width:100%;white-space:nowrap;flex-shrink:0}.file-chip svg{width:13px;height:13px;color:var(--muted);flex-shrink:0}.file-chip-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.file-chip small{color:var(--muted);font-size:11px;white-space:nowrap;flex-shrink:0}.file-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;padding:0;margin-left:2px;flex-shrink:0;transition:all .15s}.file-chip-remove:hover{background:rgba(0,0,0,.08);color:var(--ink)}.status-switch--compact{padding:0!important;gap:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0 2px!important;height:auto!important;white-space:nowrap!important;flex-shrink:0!important}.status-switch--compact .switch-track{width:24px!important;height:14px!important;border-radius:7px!important;padding:1px!important}.status-switch--compact .switch-track>span{width:12px!important;height:12px!important;border-radius:6px!important}.status-switch--compact.is-on .switch-track>span{transform:translateX(10px)!important}.option-col-template{display:flex;flex-direction:column;gap:4px;min-width:0}.option-col-template select{width:100%;height:32px;border:1px solid var(--line);border-radius:var(--radius);padding:0 8px;font-size:12px;background:var(--surface);color:var(--ink);outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-col-template select:focus{border-color:var(--blue)}.option-col-status{display:flex;align-items:center;justify-content:flex-start;gap:8px}.option-status-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.option-status-warning-text{font-size:11px;color:var(--warning);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.option-col-status .button--ghost,.option-test-btn{padding:0!important;height:28px!important;width:28px!important;min-width:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius)!important;color:var(--muted)!important;background:transparent!important;border:0!important;cursor:pointer!important;transition:all .15s!important}.option-col-status .button--ghost:hover,.option-test-btn:hover{background:var(--canvas)!important;color:var(--ink)!important}.dialog-heading .button--ghost,.dialog-heading button[aria-label=\B2EB\AE30]{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius)!important;color:var(--muted)!important;border:none!important;background:transparent!important;cursor:pointer!important}.dialog-heading .button--ghost:hover,.dialog-heading button[aria-label=\B2EB\AE30]:hover{background:var(--canvas)!important;color:var(--ink)!important}.dialog-heading .button--ghost:focus-visible,.dialog-heading button[aria-label=\B2EB\AE30]:focus-visible{outline:2px solid var(--blue)!important;outline-offset:1px!important}.common-workspace-tab .common-file-card{margin:0}.dialog-custom-heading{margin:0;padding:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite!important}.product-cache-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid var(--blue,#2563eb);border-radius:var(--radius);margin-bottom:8px}.product-cache-banner-info{display:flex;flex-direction:column;gap:4px}.product-cache-banner-status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink)}.product-cache-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--blue,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.2);flex-shrink:0}.product-cache-sync-time{font-size:12px;color:var(--muted);font-weight:400}.header-brand-group{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.header-brand-group__divider{width:1px;height:18px;background:var(--line,#ebebeb);margin:0 4px;flex-shrink:0}.header-account{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-account__actions,.header-account__shop-group{display:flex;align-items:center;gap:8px}.header-account__divider{width:1px;height:18px;background:var(--line,#ebebeb);margin:0 2px;flex-shrink:0}@media (max-width:1280px){.brand-caption,.brand-divider{display:none}}@media (max-width:1200px){.header-top{gap:12px}.header-account{gap:8px}.header-account__actions,.header-account__shop-group{gap:6px}.header-shop-chip__name{max-width:110px}}.header-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;flex-shrink:0;transition:all .15s ease}.header-mobile-toggle:hover{background:var(--soft)}.header-mobile-toggle svg{width:20px;height:20px}@media (max-width:900px){.header-top{height:56px;min-height:56px;padding-block:0;flex-wrap:nowrap;justify-content:space-between;gap:12px}.header-brand-group{flex:1;min-width:0;gap:8px}.header-brand-group__divider{display:none}.header-account{display:none!important}.header-mobile-toggle{display:inline-flex!important}.header-shop-chip{height:30px;min-height:30px;padding:0 8px;font-size:12px;max-width:170px}.header-shop-chip__name{display:none}.header-shop-chip__mall{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:640px){.header-shop-chip{padding:0 6px;font-size:11.5px;gap:4px;max-width:140px}.header-shop-chip__mall{max-width:75px}}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:120;animation:drawerFadeIn .2s ease-out}.mobile-drawer-sheet{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);background:var(--surface);z-index:130;box-shadow:-4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 32px;gap:20px;box-sizing:border-box;animation:drawerSlideLeft .25s cubic-bezier(.16,1,.3,1)}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.mobile-drawer-header__brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--ink)}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:all .15s ease}.mobile-drawer-close:hover{background:var(--soft);color:var(--ink)}.mobile-drawer-card{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius)}.mobile-drawer-card__shop{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);min-width:0}.mobile-drawer-card__dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0}.mobile-drawer-card__sep{color:var(--muted)}.mobile-drawer-card__name{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-card__actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.mobile-drawer-card__actions .header-plan-badge-btn,.mobile-drawer-card__actions .header-sync-btn{width:100%;justify-content:space-between;height:32px;min-height:32px}.mobile-drawer-section{display:flex;flex-direction:column;gap:8px}.mobile-drawer-section__label{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.mobile-drawer-nav{display:flex;flex-direction:column;gap:4px}.mobile-drawer-nav__link{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--body);transition:all .15s ease}.mobile-drawer-nav__link:hover{background:var(--soft);color:var(--ink)}.mobile-drawer-nav__link.is-active{background:var(--ink);color:#fff;font-weight:600}.mobile-drawer-nav__link.is-active svg{color:#fff}.mobile-drawer-nav__link svg{width:14px;height:14px;color:var(--muted)}.mobile-drawer-buttons{display:flex;flex-direction:column;gap:8px}.mobile-drawer-btn{width:100%;justify-content:flex-start!important;gap:10px!important;height:40px!important;min-height:40px!important;font-size:13.5px!important;padding:0 12px!important}.mobile-drawer-btn.is-logout{color:var(--error)!important}.mobile-drawer-btn.is-logout:hover{background:var(--error-bg,#fff5f5)!important}.header-shop-switcher-container{position:relative;display:inline-flex;align-items:center}.header-shop-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;height:32px;padding:0 10px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,6px);font-size:13px;color:var(--ink,#171717);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.header-shop-chip--single{cursor:default;background:var(--canvas,#fafafa)}.header-shop-chip--interactive{cursor:pointer;transition:all .15s ease;background:var(--surface,#fff)}.header-shop-chip--interactive:hover{background:var(--soft,#f4f4f5);border-color:#cbd5e1}.header-shop-chip--interactive.is-open{background:var(--soft,#f4f4f5);border-color:var(--ink,#171717);box-shadow:0 0 0 1px var(--ink,#171717)}.header-shop-chip__dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0}.header-shop-chip__mall{font-weight:600;color:var(--ink,#171717)}.header-shop-chip__sep{color:var(--muted,#8f8f8f);font-size:12px}.header-shop-chip__no{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--muted,#64748b);background:var(--soft,#f1f5f9);padding:1px 5px;border-radius:4px}.header-shop-chip__name{font-size:12.5px;font-weight:500;color:var(--ink,#171717);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-shop-chip__arrow{display:inline-flex;align-items:center;color:var(--muted,#8f8f8f);margin-left:2px;transition:transform .2s ease,color .15s ease}.header-shop-chip__arrow svg{width:13px;height:13px}.header-shop-chip__arrow.is-open{transform:rotate(180deg);color:var(--ink,#171717)}.header-shop-popover{position:absolute;top:calc(100% + 8px);left:0;width:340px;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:10px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05);z-index:100;overflow:hidden;animation:headerShopPopoverFade .15s ease-out}@keyframes headerShopPopoverFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-shop-popover__header{padding:12px 16px;border-bottom:1px solid var(--line,#e2e8f0);display:flex;justify-content:space-between;align-items:center;background:#fbfbfb}.header-shop-popover__title{margin:0;font-size:13px;font-weight:600;color:var(--ink,#171717)}.header-shop-popover__mall-badge{font-family:var(--mono);font-size:11px;font-weight:600;color:#0369a1;background:#e0f2fe;padding:2px 7px;border-radius:12px;border:1px solid #bae6fd}.header-shop-popover__list{max-height:280px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:3px}.header-shop-popover__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;cursor:pointer;transition:all .12s ease;font-family:inherit}.header-shop-popover__item:hover{background:var(--soft,#f8fafc)}.header-shop-popover__item.is-active{background:#f0fdf4;border-color:#bbf7d0}.header-shop-popover__item-check{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.header-shop-popover__item-check svg{width:16px;height:16px;color:#16a34a}.header-shop-popover__item-check .item-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.header-shop-popover__item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.header-shop-popover__item-title-row{display:flex;align-items:center;gap:6px}.header-shop-popover__item-name{font-size:13px;font-weight:600;color:var(--ink,#171717);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-shop-badge--base{font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;line-height:1.2}.header-shop-popover__item-meta{font-size:11px;color:var(--muted,#64748b);font-variant-numeric:tabular-nums}.header-shop-popover__current-tag{font-size:10.5px;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.header-shop-popover__footer{padding:8px 14px;border-top:1px solid var(--line,#e2e8f0);background:#fbfbfb;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted,#64748b);line-height:1.4}.header-shop-popover__footer svg{width:13px;height:13px;color:#3b82f6;flex-shrink:0}.header-account .button--sm{min-height:32px;height:32px;padding:0 10px;font-size:13px;font-weight:500;border-radius:var(--radius,6px);gap:6px}.header-logout-btn.button--ghost{width:32px;min-width:32px;padding:0;display:inline-grid;place-items:center;color:var(--muted,#8f8f8f);border:1px solid transparent}.header-logout-btn.button--ghost:hover{color:var(--ink,#171717);background:var(--soft,#f2f2f2);border-color:var(--line,#ebebeb)}.header-sync-wrapper{position:relative}.header-sync-btn,.header-sync-wrapper{display:inline-flex;align-items:center}.header-sync-btn{gap:6px}.header-sync-btn.is-open{background:var(--soft,#f2f2f2);border-color:var(--ink,#171717)}.header-sync-btn-icon{width:14px;height:14px;color:var(--muted,#8f8f8f);transition:color .15s ease}.header-sync-btn:hover .header-sync-btn-icon{color:var(--ink,#171717)}.header-sync-tag{font-size:11px;font-family:var(--mono);padding:1px 6px;border-radius:4px;background:var(--soft,#f2f2f2);color:var(--muted,#8f8f8f);border:1px solid var(--line,#ebebeb);font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap}.header-sync-tag.is-active{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.header-sync-tag.is-warning{background:#fffbeb;color:#92400e;border-color:#fef3c7}.header-sync-tag.is-syncing{background:#f0f7ff;color:#0284c7;border-color:#bae6fd}.header-sync-popover{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.08);z-index:1000;padding:18px;display:flex;flex-direction:column;gap:14px;animation:toast-slide-up .15s ease-out}.header-sync-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.header-sync-popover__title{font-size:15px;font-weight:600;color:var(--ink,#171717);margin:0}.header-sync-popover__desc{font-size:12px;line-height:1.55;color:var(--body,#4d4d4d);margin:0}.header-sync-info-box{display:flex;flex-direction:column;gap:6px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,6px);padding:10px 12px}.header-sync-info-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.header-sync-info-label{color:var(--muted,#8f8f8f)}.header-sync-info-value{color:var(--ink,#171717);font-weight:500;font-variant-numeric:tabular-nums}.header-sync-tip{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;color:var(--body,#4d4d4d);background:var(--canvas,#fafafa);padding:10px 12px;border-left:2px solid var(--blue,#0070f3);border-radius:0 var(--radius,6px) var(--radius,6px) 0}.header-sync-tip svg{width:14px;height:14px;color:var(--blue,#0070f3);flex-shrink:0;margin-top:1px}.header-sync-popover__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--line,#ebebeb)}.pane-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.picker-cache-notice{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin:2px 0 4px}.picker-cache-dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0}.picker-sync-btn{font-size:11px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;cursor:pointer!important;color:var(--blue,#2563eb)!important;border:none!important;background:transparent!important;padding:0!important;font-weight:500!important}.picker-sync-btn:hover{text-decoration:underline!important}.picker-sync-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.product-modal-cache-strip{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);background:var(--canvas,#fafafa);padding:3px 8px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#ebebeb);margin-top:4px}.product-modal-sync-btn{font-size:11px!important;display:inline-flex!important;align-items:center!important;gap:3px!important;cursor:pointer!important;color:var(--blue,#2563eb)!important;border:none!important;background:transparent!important;padding:0 0 0 4px!important;font-weight:500!important;border-left:1px solid var(--line,#ebebeb)!important}.product-modal-sync-btn:hover{text-decoration:underline!important}.product-modal-sync-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.file-checklist{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px 12px;background:var(--surface);margin:0}.file-checklist legend{font-size:13px;font-weight:600;color:var(--ink);padding:0 6px}.file-checklist-scroll{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin-top:4px}.file-checklist-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.file-checklist-item:hover{background:var(--canvas,#f9fafb)}.file-checklist-name{flex:1;word-break:break-all;overflow-wrap:anywhere;color:var(--ink)}.file-checklist-size{color:var(--muted);font-size:12px;white-space:nowrap;flex-shrink:0}.file-checklist-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px;margin:0}.test-send-advanced{margin-top:4px}.test-send-advanced summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;color:var(--muted);width:-moz-fit-content;width:fit-content;padding:2px 0;transition:color .15s}.test-send-advanced summary:hover{color:var(--ink)}.test-send-advanced-body{margin-top:8px;padding:12px 14px;background:var(--canvas,#f9fafb);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px}.test-send-advanced-body .field{gap:4px}.test-send-success-pane{display:flex;flex-direction:column;gap:16px}.test-send-success-hero{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius)}.test-send-success-icon{width:44px;height:44px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.test-send-success-icon svg{width:22px;height:22px}.test-send-success-heading{display:flex;flex-direction:column;gap:4px}.test-send-success-heading strong{font-size:15px;color:#166534;font-weight:700}.test-send-success-heading p{margin:0;font-size:13px;color:#15803d}.test-send-receipt{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.test-send-receipt-row{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;gap:16px;justify-content:flex-start}.test-send-receipt-row:last-child{border-bottom:none}.test-send-receipt-label{width:84px;min-width:84px;color:var(--muted);font-weight:500;flex-shrink:0;white-space:nowrap;line-height:1.5}.test-send-receipt-value{color:var(--ink);word-break:break-all;overflow-wrap:break-word;flex:1;text-align:left;line-height:1.5}.test-send-receipt-value.highlight{font-weight:700;color:var(--blue,#0070f3)}.test-send-receipt-method-desc{color:var(--muted);font-size:12px;font-weight:400}.test-send-receipt-files-list{display:flex;flex-direction:column;gap:6px}.test-send-receipt-file-item{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.test-send-receipt-file-name{word-break:break-all;color:var(--ink)}.test-send-receipt-file-size{color:var(--muted);font-size:12px;white-space:nowrap;flex-shrink:0}.test-send-receipt-badge-row{margin-top:4px}.test-send-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);font-size:12px;color:var(--muted);line-height:1.5}.test-send-hint svg{width:14px;height:14px;color:var(--blue,#0070f3);flex-shrink:0;margin-top:2px}.test-send-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.test-send-btn-retry{margin-right:auto}.test-send-actions-right{display:flex;align-items:center;gap:8px}.test-send-serial-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface);border:1px solid #bbf7d0;border-radius:var(--radius);margin-top:4px}.test-send-serial-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.test-send-serial-title{display:flex;align-items:center;gap:6px;font-size:13px;color:#166534}.test-send-serial-title svg{width:15px;height:15px;color:#16a34a}.test-send-serial-pool-badge{font-size:11px;font-weight:600;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 7px;border-radius:9999px}.test-send-serial-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.test-send-serial-info{display:flex;flex-direction:column;gap:4px}.test-send-serial-safe-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:4px;width:-moz-fit-content;width:fit-content}.test-send-serial-safe-badge svg{width:12px;height:12px}.test-send-receipt-serial-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 6px;border-radius:4px}.test-send-receipt-pool-name{margin-left:6px;font-size:12px;color:var(--muted)}.test-send-receipt-safe-tag{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:4px}.meter .between span,.meter .between strong{white-space:nowrap}.meter .between strong{font-variant-numeric:tabular-nums}.canvas-toggle-switch,.common-connection-actions,.delivery-method-pill,.duration-text,.file-chip,.file-chip-remove,.file-summary-badge,.onboarding-meta-done,.onboarding-step-badge,.pill-count,.provider-pill,.serial-chip,.serial-progress-label,.status-switch,.status-switch--compact,.status-switch>span,.tab-badge,.tag-pill,.trigger-tag,.variant-card-actions{white-space:nowrap;flex-shrink:0}.actions-cell,.data-table .actions-cell,.table-row-actions{white-space:nowrap}.data-table .actions-cell .table-row-actions .button,.table-row-actions .button{white-space:nowrap;flex-shrink:0}.preset-preheader-preview,.preset-subject-preview{word-break:break-all;overflow-wrap:break-word}.delivery-method-select-wrap{display:inline-flex;align-items:center;position:relative;flex-shrink:0}.delivery-method-select,select.delivery-method-select{display:inline-flex;align-items:center;font-size:12px;font-weight:500;line-height:1.2;height:30px;min-height:30px;padding:0 26px 0 9px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--foreground,#1e293b);cursor:pointer;white-space:nowrap;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat!important;background-position:right 8px center;background-size:11px 11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");transition:border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.delivery-method-select:hover:not(:disabled){border-color:#94a3b8}.delivery-method-select:focus-visible{outline:2px solid var(--blue,#2563eb);outline-offset:1px}.delivery-method-select:disabled{opacity:.55;background-color:var(--canvas,#f8fafc)!important;border-color:var(--line,#e2e8f0)!important;color:var(--muted,#94a3b8)!important;cursor:not-allowed}.delivery-method-select.is-compact{height:24px;min-height:24px;font-size:10.5px;padding:0 20px 0 6px;background-position:right 5px center;background-size:9px 9px}.delivery-method-select-wrap.is-form{width:100%}.delivery-method-select.delivery-method-select--form{width:100%;height:36px;min-height:36px;font-size:13px;font-weight:500;padding:0 32px 0 12px;border-radius:var(--radius-sm,6px);background-position:right 10px center;background-size:13px 13px}.delivery-method-select-wrap.has-warning .delivery-method-select{border-color:var(--amber,#f59e0b);box-shadow:0 0 0 1px var(--amber,#f59e0b)}.delivery-method-select-wrap .delivery-method-warning-icon{display:inline-flex;align-items:center;color:var(--amber,#d97706);margin-left:6px;font-size:14px;animation:pulse-warn 1.5s infinite}.download-limit-select-wrap{display:inline-flex;align-items:center;position:relative;flex-shrink:0}.download-limit-select,select.download-limit-select{display:inline-flex;align-items:center;font-size:12px;font-weight:500;line-height:1.2;height:30px;min-height:30px;padding:0 26px 0 9px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--foreground,#1e293b);cursor:pointer;white-space:nowrap;flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat!important;background-position:right 8px center;background-size:11px 11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");transition:border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.download-limit-select:hover:not(:disabled){border-color:#94a3b8}.download-limit-select:focus-visible{outline:2px solid var(--blue,#2563eb);outline-offset:1px}.download-limit-select optgroup,select.batch-delivery-select optgroup{font-size:11.5px;font-weight:700;color:#64748b;background-color:#f8fafc;padding:4px 0}.download-limit-select.is-disabled,.download-limit-select:disabled{opacity:.55;background-color:var(--canvas,#f8fafc)!important;border-color:var(--line,#e2e8f0)!important;color:var(--muted,#94a3b8)!important;cursor:not-allowed}.download-limit-select-wrap.is-form{width:100%}.download-limit-select.download-limit-select--form{width:100%;height:36px;min-height:36px;font-size:13px;font-weight:500;padding:0 32px 0 12px;border-radius:var(--radius-sm,6px);background-position:right 10px center;background-size:13px 13px}@keyframes pulse-warn{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.delivery-method-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#ebebeb);background:var(--surface,#fff);color:var(--body,#475569);line-height:1.2}.delivery-method-tag.is-auto{background-color:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.delivery-method-tag.is-attachment{background-color:#faf5ff;color:#7e22ce;border-color:#e9d5ff}.delivery-method-tag.is-download_button{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.delivery-method-pill{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;padding:3px 7px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#ebebeb);background:var(--surface,#fff);color:var(--body,#475569);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.delivery-method-pill:hover:not(:disabled){filter:brightness(.95);box-shadow:0 1px 2px rgba(0,0,0,.05)}.delivery-method-pill:disabled{opacity:.6;cursor:not-allowed}.delivery-method-pill.is-auto{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.delivery-method-pill.is-attachment{background:#faf5ff;color:#7e22ce;border-color:#e9d5ff}.delivery-method-pill.is-download_button{background:#fffbeb;color:#b45309;border-color:#fde68a}.picker-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line,#ebebeb)}@media (max-width:768px){.picker-bottom-grid{grid-template-columns:1fr;gap:14px}}.picker-bottom-col{display:flex;flex-direction:column;gap:8px}.picker-bottom-col .picker-template-label h3{margin:0;font-size:13px;font-weight:600;color:var(--ink,#171717)}.picker-bottom-col .picker-template-label>div:first-child,.picker-bottom-col .picker-template-label>h3{min-height:32px}.picker-bottom-col .picker-template-label>h3{display:flex;align-items:center}.picker-bottom-col .picker-template-label p{margin:3px 0 0;font-size:11px;color:var(--muted,#8f8f8f);line-height:1.4}.picker-template-section{display:flex;flex-direction:column;gap:8px;width:100%}.picker-template-header-title{justify-content:space-between;flex-wrap:wrap;min-height:24px}.picker-template-header-badges,.picker-template-header-title{display:flex;align-items:center;gap:6px}.template-reset-link{background:none;border:none;padding:0;font-size:11px;font-weight:500;color:var(--blue,#2563eb);cursor:pointer;text-decoration:underline;transition:opacity .15s ease}.template-reset-link:hover:not(:disabled){opacity:.8}.template-reset-link:disabled{opacity:.5;cursor:not-allowed}.template-shop-default-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;box-sizing:border-box}.template-shop-default-info{display:flex;align-items:center;gap:5px;flex:1;min-width:0;margin-left:2px;font-size:11.5px}.template-shop-default-info,.template-shop-default-name{color:var(--ink,#1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-shop-default-name{font-weight:600}.template-shop-default-sender{color:var(--muted,#64748b);font-size:10.5px;flex-shrink:0}.template-manage-external-link{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--blue,#2563eb);text-decoration:none;flex-shrink:0;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.template-manage-external-link:hover{background-color:rgba(37,99,235,.08);text-decoration:underline}.template-select--form,select.template-select--form{width:100%;height:36px!important;min-height:36px!important;font-size:13px!important;font-weight:500;padding:0 32px 0 12px!important;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--ink,#1e293b);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px 12px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")!important;box-sizing:border-box}.template-select--form:hover:not(:disabled){border-color:#94a3b8}.template-select--form:focus-visible{border-color:var(--blue,#2563eb);outline:2px solid var(--blue,#2563eb);outline-offset:1px}.template-select--form:disabled{opacity:.55;background-color:var(--canvas,#f8fafc)!important;border-color:var(--line,#e2e8f0)!important;color:var(--muted,#94a3b8)!important;cursor:not-allowed}.picker-template-controls-row{display:block;width:100%;margin-top:auto}.picker-template-control-item{display:flex;flex-direction:column;gap:5px;width:100%}.picker-bottom-col .picker-delivery-control{margin-top:auto}.picker-bottom-col .picker-template-control select{width:100%;height:34px;min-height:34px;padding:0 28px 0 10px;font-size:12.5px;font-weight:500;border-radius:var(--radius-sm,6px);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-color:var(--surface,#fff);background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238f8f8f'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")}.picker-bottom-col .picker-template-control select:disabled{opacity:.6;cursor:not-allowed}.picker-delivery-controls-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:flex-end;margin-top:auto}@media (max-width:540px){.picker-delivery-controls-row{grid-template-columns:1fr;gap:8px}}.picker-delivery-control-item{display:flex;flex-direction:column;gap:5px}.picker-delivery-control-item .picker-field-sublabel{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--muted,#64748b);line-height:1}.picker-delivery-control-item .picker-field-hint{font-size:10.5px;font-weight:500;color:var(--muted,#8f8f8f)}.serial-delivery-info-box{margin-top:auto;display:flex;align-items:center;padding:4px 10px;border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px);background:var(--canvas,#fafafa);min-height:34px;box-sizing:border-box}.serial-delivery-info-content{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted,#8f8f8f);flex-wrap:wrap}.serial-delivery-var-tag{display:inline-block;padding:2px 6px;font-family:var(--font-mono,monospace);font-size:11px;font-weight:600;color:var(--primary,#3b82f6);background:var(--primary-subtle,#eff6ff);border-radius:4px;border:1px solid var(--line-focus,#bfdbfe)}.serial-delivery-desc{line-height:1.3}.serial-delivery-field--form{display:inline-flex;align-items:center;gap:7px;width:100%;height:36px;min-height:36px;padding:0 12px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--canvas,#f8fafc);color:var(--foreground,#1e293b);font-size:12.5px;font-weight:600;box-sizing:border-box}.serial-delivery-field--form svg{width:13px;height:13px;color:var(--blue,#2563eb);flex-shrink:0}.serial-expire-field--form{display:inline-flex;align-items:center;gap:7px;width:100%;height:36px;min-height:36px;padding:0 12px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--foreground,#1e293b);font-size:12.5px;font-weight:500;box-sizing:border-box}.serial-expire-field--form svg{width:13px;height:13px;color:var(--success,#16a34a);flex-shrink:0}.dialog--file-picker{width:min(680px,calc(100% - 32px));max-height:min(92vh,840px)}.file-picker-delivery-method{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px);margin-top:4px}.file-picker-delivery-method-header{display:flex;align-items:baseline;gap:8px}.file-picker-delivery-method-header strong{font-size:13px;color:var(--ink,#171717)}.file-picker-delivery-method-header small{font-size:12px;color:var(--muted,#8f8f8f)}.file-picker-delivery-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.method-choice-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px);cursor:pointer;transition:all .15s ease}.method-choice-item input{margin-top:2px;flex-shrink:0}.method-choice-item.is-selected,.method-choice-item:hover{border-color:var(--blue,#2563eb)}.method-choice-item.is-selected{background:#f0f7ff}.method-choice-item.is-selected.is-auto{border-color:#3b82f6;background:#eff6ff}.method-choice-item.is-selected.is-attachment{border-color:#a855f7;background:#faf5ff}.method-choice-item.is-selected.is-download_button{border-color:#f59e0b;background:#fffbeb}.method-choice-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.method-choice-meta strong{font-size:12px;font-weight:600;color:var(--ink,#0f172a);line-height:1.3}.method-choice-meta small{font-size:11px;color:var(--muted,#64748b);line-height:1.35}.delivery-method-picker-dialog-body{display:flex;flex-direction:column;gap:12px}.delivery-method-choice-list{display:flex;flex-direction:column;gap:8px}.dialog--test-send{max-height:min(90vh,760px)}.test-send-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.test-send-form .dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px}.test-send-form .dialog-actions{flex-shrink:0;border-top:1px solid var(--line);background:var(--surface);padding:16px 24px}.file-picker-upload .upload-area--compact{flex-direction:row;justify-content:center;padding:10px 16px;gap:10px}.file-picker-upload .upload-area--compact>svg{width:16px;height:16px}.file-picker-upload .upload-area--compact strong{font-size:13px}.file-picker-upload .upload-area--compact span{font-size:11px}.selected-product-summary.is-connected{background:#f0fdf4;border-color:#bbf7d0}.selected-product-summary.is-connected .selected-product-title-row strong{color:#166534}.selected-product-title-row{display:flex;align-items:center;gap:8px}.variant-option-card.is-connected{border-color:#86efac;background:#fcfdfd}.variant-option-card.is-connected.is-checked{background:#f0fdf4;border-color:#4ade80}.variant-option-card.is-connected:hover{border-color:#22c55e}.product-delivery-workspace{display:flex;flex-direction:column;gap:14px;width:100%}.target-product-glyph{background:var(--canvas,#fafafa)!important;color:var(--ink,#171717)!important;border:1px solid var(--line,#ebebeb)}.workspace-split-layout{grid-template-columns:minmax(320px,1fr) minmax(440px,1.25fr);gap:16px;min-height:480px;height:480px;flex-shrink:0}@media (max-width:900px){.workspace-split-layout{grid-template-columns:1fr 1.15fr}}@media (max-width:768px){.workspace-split-layout{grid-template-columns:1fr;height:auto;min-height:auto}}.workspace-bottom-section{display:flex;flex-direction:column;gap:14px}.asset-search-pane{display:flex;flex-direction:column;border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px);background:var(--surface,#fff);overflow:hidden}.asset-search-pane .pane-header{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;background:var(--canvas,#fafafa);border-bottom:1px solid var(--line,#ebebeb)}.asset-select-list{display:flex;flex-direction:column;gap:6px;padding:10px;overflow-y:auto;flex:1 1 auto;min-height:0}.asset-select-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px);transition:all .15s ease}.asset-select-item:hover{background:var(--canvas,#fafafa);border-color:#d4d4d4}.asset-select-item.is-attached{background:#f0fdf4;border-color:#bbf7d0}.asset-select-item .file-extension{flex-shrink:0}.asset-select-item .serial-glyph{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.asset-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.asset-item-meta strong{font-size:13px;font-weight:500;color:var(--ink,#171717);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-item-meta small{font-size:11px;color:var(--muted,#8f8f8f)}.asset-item-action{display:flex;align-items:center;gap:6px;flex-shrink:0}.asset-quick-serial-dock,.asset-quick-upload{height:60px;min-height:60px;max-height:60px;padding:6px 10px;border-top:1px solid var(--line,#ebebeb);background:var(--canvas,#fafafa);flex-shrink:0;box-sizing:border-box;display:flex;align-items:center}.asset-quick-upload .upload-area--compact{width:100%;height:100%;padding:4px 10px;gap:8px;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;background:var(--surface,#fff);border:1px dashed #cbd5e1;border-radius:var(--radius-sm,6px)}.asset-quick-upload .upload-area--compact>svg{width:15px;height:15px;margin:0;color:var(--blue,#2563eb)}.asset-quick-upload .upload-area--compact strong{font-size:11.5px;font-weight:600;color:var(--ink,#1e293b)}.asset-quick-upload .upload-area--compact span{font-size:11px;color:var(--muted,#64748b)}.asset-quick-serial-dock{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-serial-dock-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.quick-serial-dock-glyph{width:26px;height:26px;border-radius:var(--radius-sm,6px);background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.quick-serial-dock-text{display:flex;flex-direction:column;gap:2px;min-width:0}.quick-serial-dock-text strong{font-size:12px;font-weight:600;color:var(--ink,#1e293b);line-height:1.2}.quick-serial-dock-text p{margin:0;font-size:11px;color:var(--muted,#64748b);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-serial-dock-btn{flex-shrink:0;font-size:11px!important;height:28px!important;padding:0 10px!important;white-space:nowrap}.active-deliverables-pane{display:flex;flex-direction:column;border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px);background:var(--surface,#fff);overflow:hidden}.active-deliverables-pane .pane-header{flex-direction:column;align-items:stretch;gap:4px;padding:12px 14px;background:var(--canvas,#fafafa);border-bottom:1px solid var(--line,#ebebeb)}.deliverables-pane-hint{margin:0;font-size:11px;color:var(--muted,#8f8f8f)}.deliverables-list{display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;flex:1 1 auto;min-height:0}.deliverables-empty{flex-direction:column;padding:48px 16px;text-align:center;gap:8px;height:100%}.deliverables-empty,.deliverables-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--muted,#8f8f8f)}.deliverables-empty-icon{width:44px;height:44px;border-radius:8px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);font-size:20px}.deliverables-empty strong{font-size:14px;font-weight:600;color:var(--ink,#171717)}.deliverables-empty p{margin:0;font-size:12px;color:var(--body,#4d4d4d)}.deliverables-group{display:flex;flex-direction:column;gap:6px}.deliverables-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--body,#4d4d4d);padding:0 4px}.deliverables-group-header-title{display:flex;align-items:baseline;gap:6px}.deliverables-group-header small{font-weight:400;color:var(--muted,#8f8f8f);font-size:11px}.deliverables-group-batch-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.deliverables-batch-field{display:flex;align-items:center;gap:6px}.batch-action-label{font-size:11.5px;font-weight:500;color:var(--muted,#64748b);white-space:nowrap}.batch-delivery-select,select.batch-delivery-select{display:inline-flex;align-items:center;font-size:12px;font-weight:500;line-height:1.2;height:30px;min-height:30px;padding:0 26px 0 9px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,#cbd5e1);background-color:var(--surface,#fff);color:var(--foreground,#1e293b);cursor:pointer;white-space:nowrap;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat!important;background-position:right 8px center;background-size:11px 11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");transition:border-color .15s ease,box-shadow .15s ease}.batch-delivery-select:hover:not(:disabled){border-color:#94a3b8}.batch-delivery-select:focus-visible{border-color:var(--blue,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.batch-delivery-select:disabled{opacity:.55;background-color:var(--canvas,#f8fafc)!important;border-color:var(--line,#e2e8f0)!important;color:var(--muted,#94a3b8)!important;cursor:not-allowed}.shop-default-policy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--canvas,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:var(--radius-sm,6px);font-size:12px;color:var(--foreground,#1e293b);line-height:1.4;margin-bottom:8px}.shop-default-policy-bar.is-compact{padding:6px 10px;font-size:11.5px;gap:8px;margin-bottom:6px}.shop-default-policy-info{display:flex;align-items:center;gap:8px;flex-shrink:0}.shop-default-policy-title{font-size:11.5px;font-weight:600;color:var(--foreground,#1e293b);white-space:nowrap}.shop-default-policy-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shop-default-field{display:flex;align-items:center;gap:6px}.shop-default-field-label{font-size:11px;font-weight:500;color:var(--muted,#64748b);white-space:nowrap}.shop-policy-select,select.shop-policy-select{height:28px;min-height:28px;padding:0 24px 0 8px;font-size:11.5px;font-weight:500;color:var(--foreground,#1e293b);background-color:var(--surface,#fff);border:1px solid var(--line,#cbd5e1);border-radius:var(--radius-sm,6px);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat!important;background-position:right 6px center;background-size:10px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");transition:border-color .15s ease,box-shadow .15s ease}.shop-policy-select:hover:not(:disabled){border-color:#94a3b8}.shop-policy-select:focus-visible{border-color:var(--blue,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.shop-policy-select:disabled{opacity:.6;background-color:var(--canvas,#f8fafc)!important;cursor:not-allowed}.deliverables-method-guide-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm,6px);font-size:11.5px;color:#475569;line-height:1.45;margin-bottom:6px;box-sizing:border-box}.deliverables-method-guide-banner svg{width:14px;height:14px;color:var(--blue,#2563eb);flex-shrink:0}.deliverables-method-guide-info{display:flex;align-items:center;gap:8px;flex:1 1 240px}.deliverables-method-guide-default{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.guide-default-label{font-size:11px;font-weight:600;color:var(--muted,#64748b);white-space:nowrap}.guide-default-select{height:28px;min-height:28px;padding:0 24px 0 8px;font-size:11.5px;font-weight:500;color:var(--foreground,#1e293b);background-color:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-sm,6px);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:11px 11px;transition:border-color .15s ease,box-shadow .15s ease}.guide-default-select:focus{border-color:var(--blue,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.guide-default-select:disabled{opacity:.6;cursor:not-allowed}.global-scope-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm,4px);padding:2px 6px;letter-spacing:-.01em;white-space:nowrap}.deliverable-setting-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.policy-badge{display:inline-flex;align-items:center;font-size:9.5px;font-weight:700;line-height:1;padding:2px 5px;border-radius:4px;white-space:nowrap;letter-spacing:-.01em}.policy-badge.is-inherited{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.policy-badge.is-custom{background-color:#fffbeb;color:#b45309;border:1px solid #fde68a}.deliverable-action-field{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.deliverable-action-label{font-size:10px;font-weight:600;color:var(--muted,#64748b);line-height:1;letter-spacing:-.01em}.deliverable-item,.deliverables-group-items{display:flex;flex-direction:column;gap:8px}.deliverable-item{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:var(--radius-sm,8px);padding:10px 12px;transition:all .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.02)}.deliverable-item:hover{border-color:#cbd5e1;box-shadow:0 2px 5px rgba(0,0,0,.04)}.deliverable-item.is-serial{background:#fbfdfc;border-color:#d1e7dd}.deliverable-item.is-paused{opacity:.78;background:#fcfcfc}.deliverable-item.has-warning{border-color:#fca5a5;background:snow}.deliverable-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.deliverable-item-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.deliverable-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.deliverable-item-title{font-size:13px;font-weight:600;color:var(--ink,#171717);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.deliverable-item-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.deliverable-size-badge{font-size:11px;color:var(--muted,#64748b);font-weight:500}.deliverable-warning-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;padding:1px 6px;border-radius:4px;line-height:1.2}.deliverable-warning-pill svg{width:12px;height:12px;flex-shrink:0}.deliverable-item-status-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.deliverable-status-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--canvas,#f8fafc);border:1px solid var(--line,#e2e8f0);padding:2px 8px;border-radius:20px}.deliverable-status-label{font-size:11px;font-weight:500;color:var(--body,#475569);-webkit-user-select:none;-moz-user-select:none;user-select:none}.deliverable-remove-btn{width:28px!important;height:28px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-sm,6px)!important;color:var(--muted,#94a3b8)!important}.deliverable-remove-btn:hover{color:#dc2626!important;background:#fef2f2!important}.deliverable-item-settings{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--canvas,#f8fafc);border:1px solid #edf2f7;border-radius:var(--radius-sm,6px)}.deliverable-settings-fields{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.deliverable-setting-field{display:flex;align-items:center;gap:6px}.deliverable-setting-label{font-size:11px;font-weight:600;color:var(--muted,#64748b);white-space:nowrap}.deliverable-select,select.deliverable-select{display:inline-flex;align-items:center;font-size:11px!important;font-weight:600!important;line-height:1.2!important;padding:3px 22px 3px 8px!important;border-radius:var(--radius-sm,6px)!important;border:1px solid var(--line,#cbd5e1)!important;background-color:var(--canvas,#f8fafc)!important;color:var(--body,#475569)!important;cursor:pointer;white-space:nowrap;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat!important;background-position:right 6px center!important;background-size:10px 10px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")!important;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.deliverable-select:hover:not(:disabled){background-color:#f1f5f9!important;border-color:#94a3b8!important}.deliverable-select:focus-visible{border-color:var(--blue,#2563eb)!important;outline:2px solid var(--blue,#2563eb);outline-offset:1px}.deliverable-select:disabled{opacity:.55!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")!important}.deliverable-select.is-readonly{cursor:default;background-image:none!important;padding:3px 8px!important;display:inline-flex;align-items:center;gap:5px;background-color:var(--canvas,#f8fafc)!important;border-color:var(--line,#cbd5e1)!important;color:var(--ink,#1e293b)!important}.deliverable-select.is-readonly svg{width:12px;height:12px;color:var(--blue,#2563eb);flex-shrink:0}.deliverable-policy-preview{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted,#64748b);line-height:1.4}.deliverable-policy-preview svg{width:13px;height:13px;flex-shrink:0;color:var(--blue,#2563eb)}.deliverable-policy-preview.is-warning,.deliverable-policy-preview.is-warning svg{color:#dc2626}.deliverable-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.deliverable-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.deliverable-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.deliverable-delivery-preview{font-size:11px;color:var(--muted,#64748b);font-weight:500}.deliverable-inline-warning{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#dc2626;margin-top:2px}.workspace-template-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px);margin-top:4px}.workspace-template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workspace-template-title-wrap{display:flex;flex-direction:column;gap:3px}.workspace-template-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink,#171717)}.workspace-template-title svg{width:14px;height:14px;color:var(--muted,#8f8f8f)}.workspace-template-desc{margin:0;font-size:11px;color:var(--muted,#8f8f8f);line-height:1.4}.workspace-template-control-row{width:100%}.workspace-delivery-methods-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px)}.workspace-delivery-methods-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink,#171717)}.workspace-delivery-methods-header svg{width:14px;height:14px;color:var(--blue,#2563eb);flex-shrink:0}.workspace-delivery-methods-header h4{margin:0;font-size:12px;font-weight:600;color:var(--ink,#171717)}.workspace-delivery-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:768px){.workspace-delivery-methods-grid{grid-template-columns:1fr}}.delivery-method-guide-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px)}.delivery-method-guide-item.is-serial-guide{background:#fbfdfc;border-color:#d1e7dd}.workspace-delivery-methods-card.is-serial-card .workspace-delivery-methods-header svg{color:#16a34a}.delivery-method-guide-item .method-guide-title{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ink,#171717)}.delivery-method-guide-item p{margin:0;font-size:11px;color:var(--muted,#64748b);line-height:1.4}.workspace-template-guide{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px);font-size:12px;color:var(--body,#4d4d4d);line-height:1.45}.workspace-template-guide svg{width:14px;height:14px;color:var(--blue,#0070f3);flex-shrink:0;margin-top:1px}.workspace-template-guide code{font-family:var(--font-mono,monospace);font-weight:600;padding:1px 4px;background:var(--soft,#f2f2f2);border-radius:3px;color:var(--ink,#171717)}.workspace-test-send-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px);margin-top:6px}.workspace-test-send-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--body,#4d4d4d)}.workspace-test-send-info svg{width:14px;height:14px;color:var(--muted,#8f8f8f);flex-shrink:0}.workspace-test-send-info strong{color:var(--ink,#171717);font-weight:600}.product-option-selector-bar{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--canvas,#fafafa);border:1px solid var(--line,#ebebeb);border-radius:var(--radius,12px);flex-shrink:0}.product-option-selector-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-option-selector-title{display:flex;align-items:center;gap:8px}.product-option-selector-title strong{font-size:13px;font-weight:600;color:var(--ink,#171717)}.product-option-selector-title small{font-size:11px;color:var(--muted,#8f8f8f)}.product-option-selector-meta{display:flex;align-items:center;gap:10px}.product-option-stat{font-size:12px;color:var(--muted,#8f8f8f)}.product-option-stat strong{color:var(--ink,#171717)}.product-option-chips-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.option-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface,#fff);border:1px solid var(--line,#ebebeb);border-radius:var(--radius-sm,6px);font-size:12px;font-weight:500;color:var(--ink,#171717);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.option-chip-btn:hover{background:var(--canvas,#fafafa);border-color:#d4d4d4}.option-chip-btn.is-active{background:var(--ink,#171717);color:#fff;border-color:var(--ink,#171717)}.option-chip-btn.is-active .badge{background:hsla(0,0%,100%,.2);color:#fff;border-color:transparent}.option-chip-btn.is-active svg{color:#fff}.option-chip-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-inheritance-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm,6px);margin-bottom:12px}.workspace-inheritance-banner svg{width:16px;height:16px;color:#2563eb;flex-shrink:0}.workspace-inheritance-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.workspace-inheritance-text strong{font-size:12px;font-weight:600;color:#1e40af}.workspace-inheritance-text p{margin:0;font-size:11px;color:#3b82f6;line-height:1.4}.deliverable-item.is-inherited{background:#fafafa;border-style:dashed}.header-plan-badge-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius);font-size:12px;font-weight:500;transition:all .15s ease;white-space:nowrap}.header-plan-badge-icon{width:14px;height:14px;color:var(--ink)}.header-plan-badge-name{color:var(--ink);font-weight:600}.header-plan-badge-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500}.header-plan-badge-tag.is-normal{background:var(--soft);color:var(--body)}.header-plan-badge-tag.is-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.header-plan-badge-tag.is-danger{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.plan-overview-card{display:flex;flex-direction:column;gap:20px;padding:24px}.plan-overview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.plan-overview-header__title h3{margin:4px 0 2px;font-size:18px;font-weight:600;color:var(--ink)}.plan-overview-header__title .help{margin:0;font-size:13px;color:var(--body)}.plan-overview-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.plan-overview-meter-item{display:flex;flex-direction:column;padding:14px 16px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);gap:8px;transition:border-color .15s ease}.plan-overview-meter-item:hover{border-color:#d1d5db}.plan-overview-meter-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-overview-meter-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink)}.plan-overview-meter-label svg{width:14px;height:14px;color:var(--body)}.plan-overview-meter-rem{font-size:11px;color:var(--body);background:var(--surface);padding:2px 6px;border-radius:4px;border:1px solid var(--line);white-space:nowrap}.plan-overview-meter-rem strong{color:var(--ink);font-weight:600}.plan-overview-meter-val{display:flex;align-items:baseline;gap:4px}.plan-overview-meter-val strong{font-size:20px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.plan-overview-meter-val span{font-size:12px;color:var(--muted)}.plan-overview-bar{width:100%;height:6px;background:var(--soft);border-radius:3px;overflow:hidden}.plan-overview-bar-fill{height:100%;background:var(--ink);border-radius:3px;transition:width .3s ease}.plan-overview-meter-item.is-warning .plan-overview-bar-fill{background:var(--warning-accent)}.plan-overview-meter-item.is-warning .plan-overview-meter-rem strong{color:var(--warning-text)}.plan-overview-meter-item.is-danger .plan-overview-bar-fill{background:var(--error-accent)}.plan-overview-meter-item.is-danger .plan-overview-meter-rem strong{color:var(--error-text)}.plan-overview-ratio{font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.plan-overview-policy-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#fbfbfb;border:1px dashed var(--line);border-radius:var(--radius)}.plan-policy-chip-label{font-size:11px;font-weight:600;color:var(--ink);margin-right:4px}.plan-policy-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--body);background:var(--surface);border:1px solid var(--line);padding:3px 8px;border-radius:4px}.plan-policy-chip svg{width:13px;height:13px;color:var(--blue)}.plan-policy-chip.is-highlight{background:var(--blue-soft);color:var(--blue-deep);border-color:#bfdbfe}.plan-header-reset-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--blue-deep);background:var(--blue-soft);border:1px solid #bfdbfe;padding:2px 8px;border-radius:4px}.plan-header-reset-tag svg{width:12px;height:12px}.plan-nature-tag{font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;margin-left:4px}.plan-nature-tag.is-flow{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.plan-nature-tag.is-stock{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.plan-overview-proration-hint{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--blue-deep);background:var(--blue-soft);padding:3px 6px;border-radius:4px;border:1px solid #bfdbfe;margin-top:-2px}.plan-overview-proration-hint svg{width:12px;height:12px;flex-shrink:0}.plan-proration-base-hint,.plan-resource-subtext{font-size:11px;color:var(--muted);margin-left:2px;font-weight:400}.plan-resource-policy-tip{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--body);background:#f8fafc;padding:6px 8px;border-radius:4px;border:1px solid #e2e8f0;margin-top:4px}.plan-resource-policy-tip strong{color:var(--ink)}.plan-resource-proration-desc{color:var(--blue-deep);font-weight:500}.plan-policy-item.is-primary-policy{border-color:#cbd5e1;background:linear-gradient(180deg,#fff,#f8fafc)}.plan-prop-sub{font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.plan-quota-dialog{max-width:800px;width:100%}.plan-quota-modal{display:flex;flex-direction:column;gap:16px;padding:20px 24px;overflow-y:auto;flex:1 1 auto;min-height:0}.plan-quota-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px}.plan-quota-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--body);background:none;border:none;cursor:pointer;transition:all .15s ease}.plan-quota-tab:hover{background:var(--soft);color:var(--ink)}.plan-quota-tab.is-active{background:var(--ink);color:var(--surface);font-weight:600}.plan-quota-tab svg{width:15px;height:15px}.plan-quota-tab.is-active svg{color:var(--surface)}.plan-quota-tab-content{display:flex;flex-direction:column;gap:20px}.plan-current-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:var(--radius)}.plan-current-banner__left{display:flex;flex-direction:column;gap:4px;min-width:0}.plan-current-banner__title{display:flex;align-items:center;gap:8px}.plan-current-banner__title h3{margin:0;font-size:16px;font-weight:700;color:var(--ink)}.plan-current-banner__desc{margin:0;font-size:12px;color:var(--body);line-height:1.45}.plan-resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.plan-resource-card{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.plan-resource-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-resource-card__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.plan-resource-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:var(--soft);color:var(--ink)}.plan-resource-icon svg{width:14px;height:14px}.plan-resource-value{display:flex;align-items:baseline;gap:4px}.plan-resource-used{font-size:20px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.plan-resource-max{font-size:12px;color:var(--muted)}.plan-resource-meter{width:100%;height:6px;background:var(--soft);border-radius:3px;overflow:hidden}.plan-resource-meter-bar{height:100%;border-radius:3px;transition:width .3s ease}.plan-resource-meter-bar.is-success{background:var(--ink)}.plan-resource-meter-bar.is-warning{background:var(--warning-accent)}.plan-resource-meter-bar.is-error{background:var(--error-accent)}.plan-resource-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--body)}.plan-policy-section{display:flex;flex-direction:column;gap:12px}.plan-policy-title{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;color:var(--ink)}.plan-policy-title svg{width:16px;height:16px;color:var(--blue)}.plan-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plan-policy-item{padding:12px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:4px}.plan-policy-item__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-policy-tag{font-size:11px;color:var(--muted);font-weight:500}.plan-policy-item__header strong{font-size:12px;color:var(--ink);font-weight:600}.plan-policy-item p{margin:0;font-size:11px;color:var(--body);line-height:1.45}.plan-compare-intro p{margin:0;font-size:13px;color:var(--body);line-height:1.5}.plan-compare-table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.plan-compare-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.plan-compare-table td,.plan-compare-table th{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.plan-compare-table th{background:#fbfbfb;font-weight:600;color:var(--ink)}.plan-col-head{display:flex;flex-direction:column;gap:3px}.plan-col-badge{display:inline-block;align-self:flex-start;font-size:10px;padding:1px 5px;border-radius:3px;background:var(--soft);color:var(--body)}.plan-col-badge.is-pro{background:var(--blue-soft);color:var(--blue-deep)}.plan-col-badge.is-enterprise{background:#fef3c7;color:#92400e}.plan-prop-name{font-weight:600;color:var(--ink);background:#fafafa;width:180px}.plan-compare-table td svg{width:14px;height:14px;color:var(--success-accent);vertical-align:-2px}.plan-compare-footer-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius)}.plan-compare-footer-card__content strong{font-size:13px;color:#166534}.plan-compare-footer-card__content p{margin:2px 0 0;font-size:12px;color:#15803d;line-height:1.45}.plan-quota-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}@media (max-width:768px){.plan-policy-grid,.plan-resource-grid{grid-template-columns:1fr}.plan-compare-footer-card{flex-direction:column;align-items:stretch}}.sd-hero-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);padding:24px 28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.sd-hero-main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.sd-domain-heading{display:flex;flex-direction:column;gap:8px}.sd-domain-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sd-domain-name{font-family:var(--sans);font-size:22px;font-weight:700;letter-spacing:-.6px;color:var(--ink)}.sd-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:-.2px}.sd-status-pill--verified{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.sd-status-pill--pending{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.sd-status-dot{width:7px;height:7px;border-radius:50%}.sd-status-dot--verified{background:var(--success-accent)}.sd-status-dot--pending{background:var(--warning-accent);box-shadow:0 0 0 0 rgba(245,158,11,.7);animation:sd-pulse 2s infinite}@keyframes sd-pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(245,158,11,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(245,158,11,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(245,158,11,0)}}.sd-domain-desc{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0}.sd-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sd-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;border-top:1px solid var(--line)}.sd-metric-card{display:flex;flex-direction:column;gap:4px}.sd-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.sd-metric-value{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.sd-metric-sub{font-size:12px;color:var(--body)}.sd-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sd-step-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:border-color .15s ease}.sd-step-item.is-done{border-color:#bbf7d0;background:#f0fdf4}.sd-step-item.is-active{border-color:#bfdbfe;background:#f8fafc}.sd-step-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sd-step-badge--done{background:#22c55e;color:#fff}.sd-step-badge--active{background:#2563eb;color:#fff}.sd-step-badge--pending{background:#e2e8f0;color:#64748b}.sd-step-content{display:flex;flex-direction:column;gap:2px}.sd-step-title{font-size:13px;font-weight:600;color:var(--ink)}.sd-step-sub{font-size:11.5px;color:var(--muted)}.sd-progress-card{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.sd-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:13px}.sd-progress-track{width:100%;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.sd-progress-bar{height:100%;border-radius:9999px;transition:width .4s ease-in-out}.sd-unified-guide-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);padding:18px 22px;display:flex;flex-direction:column;gap:14px}.sd-guide-card-top{display:flex;flex-direction:column;gap:6px}.sd-guide-card-header{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}.sd-guide-card-header strong{color:#1e40af}.sd-guide-card-desc{margin:0;font-size:12.5px;color:#475569;line-height:1.5}.sd-guide-progress-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.sd-guide-progress-info{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--ink)}.sd-guide-progress-pct{font-weight:700;color:#2563eb;font-size:13px}.sd-guide-progress-track{width:100%;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.sd-guide-progress-fill{height:100%;background:#2563eb;transition:width .3s ease}.sd-guide-progress-fill.is-complete{background:#16a34a}.sd-guide-tips-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b;padding-top:4px}.sd-guide-tip-tag{font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:1px 6px}.sd-guide-tip-item{color:#334155}.sd-guide-tip-divider{color:#cbd5e1}.sd-guide-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);overflow:hidden}.sd-guide-tabs-bar{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--line);background:#fbfbfb}.sd-guide-tab{padding:13px 4px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.sd-guide-tab:hover{color:var(--ink)}.sd-guide-tab.is-active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.sd-guide-content{padding:20px 24px}.sd-notice-box{padding:14px 18px;border-radius:var(--radius);font-size:13px;line-height:1.6}.sd-notice-box--warning{background:#fffbeb;border:1px solid #fef08a;color:#854d0e}.sd-notice-box--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.sd-notice-box ul{margin:6px 0 0 18px;padding:0}.sd-notice-box li{margin-top:4px}.sd-table-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);overflow:hidden}.sd-table-toolbar{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fbfbfb}.sd-table-title{display:flex;align-items:center;gap:8px}.sd-table-title h3{margin:0;font-size:14px;font-weight:600;color:var(--ink)}.sd-table-count{font-size:12px;color:var(--muted)}.sd-progress-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;padding:2px 10px}.sd-progress-badge--done{color:#15803d;background:#f0fdf4;border-color:#86efac;font-weight:600}.sd-progress-bar-track{width:100%;max-width:280px;height:4px;background:#e2e8f0;border-radius:9999px;overflow:hidden;margin-top:4px}.sd-progress-bar-fill{height:100%;background:#2563eb;transition:width .3s ease}.sd-progress-bar-fill.is-complete{background:#16a34a}.sd-records-table{width:100%;min-width:960px;border-collapse:collapse;font-size:13px;text-align:left}.sd-records-table th{padding:12px 18px;background:#fbfbfb;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.sd-records-table td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.sd-records-table tr:last-child td{border-bottom:none}.sd-records-table tr:hover td{background:#fafafa}.sd-type-badge{display:inline-block;font-family:var(--mono);font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:4px;background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb}.sd-code-group{display:flex;align-items:flex-start;gap:8px;font-family:var(--mono);font-size:12.5px}.sd-code-group .sd-copy-button{margin-top:2px}.sd-code-box{word-break:break-all;background:#f8fafc;color:#0f172a;font-weight:400;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0;line-height:1.45;transition:all .15s ease}.sd-code-box.is-copied{background:#f0fdf4;border-color:#86efac}.sd-code-prefix{font-weight:700;color:#0f172a}.sd-code-suffix{color:#94a3b8}.sd-host-tip{font-size:11px;color:#64748b;margin-top:4px}.sd-copy-button{display:inline-flex;align-items:center;gap:4px;background:transparent;color:#2563eb;border:1px solid transparent;border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:500;cursor:pointer;flex-shrink:0;transition:all .15s ease;line-height:1.2}.sd-copy-button:hover{background:#eff6ff;border-color:#bfdbfe}.sd-copy-button.is-copied{background:#dcfce7;color:#15803d;border-color:#86efac;font-weight:600}.sd-purpose-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.3px}.sd-onboarding-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);padding:32px 36px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.03)}.sd-onboarding-form-section{display:flex;flex-direction:column;gap:20px}.sd-onboarding-title-group h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--ink)}.sd-onboarding-title-group p{margin:6px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}.sd-chips-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.sd-chip-btn{padding:3px 9px;border-radius:9999px;background:var(--canvas);border:1px solid var(--line);font-size:11.5px;font-weight:500;color:var(--body);cursor:pointer;transition:all .15s ease}.sd-chip-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.sd-onboarding-benefits{background:#fbfbfb;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px}.sd-benefits-title{font-size:13.5px;font-weight:700;color:var(--ink)}.sd-benefit-item{display:flex;gap:12px;align-items:flex-start}.sd-benefit-icon{width:28px;height:28px;border-radius:6px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sd-benefit-text h4{margin:0;font-size:13px;font-weight:600;color:var(--ink)}.sd-benefit-text p{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.sd-bottom-verify-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 24px;background:#fbfbfb;border-top:1px solid var(--line)}.sd-faq-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);padding:22px 24px 24px;display:flex;flex-direction:column;gap:16px}.sd-faq-header{justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}.sd-faq-header,.sd-faq-header-title{display:flex;align-items:center;gap:8px}.sd-faq-header-title{font-size:13.5px;font-weight:700;color:var(--ink)}.sd-faq-header-sub{font-size:12px;color:var(--muted)}.sd-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sd-faq-card{padding:16px 18px;background:#fbfbfb;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;transition:border-color .15s,background-color .15s,box-shadow .15s}.sd-faq-card:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.04)}.sd-faq-card__q{font-size:13px;font-weight:600;color:var(--ink);line-height:1.45;display:flex;align-items:flex-start;gap:7px}.sd-faq-q-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.sd-faq-card__a{margin:0;font-size:12.5px;color:var(--body);line-height:1.6}.sd-faq-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);overflow:hidden}.sd-faq-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:none;border:none;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.sd-faq-toggle:hover{background:#fbfbfb}.sd-faq-body{gap:16px;border-top:1px solid var(--line);padding:18px 24px 24px}.sd-faq-body,.sd-faq-question{display:flex;flex-direction:column}.sd-faq-question{gap:4px}.sd-faq-question strong{font-size:13px;font-weight:600;color:var(--ink)}.sd-faq-question p{margin:0;font-size:12.5px;color:var(--body);line-height:1.6}@media (max-width:900px){.sd-onboarding-panel{gap:28px;padding:24px}.sd-faq-grid,.sd-metrics-grid,.sd-onboarding-panel,.sd-stepper{grid-template-columns:1fr}}.fn-guide-wrapper{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);overflow:hidden}.fn-guide-header{padding:14px 20px;background:var(--subtle-bg,#f8fafc);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.fn-guide-header-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink)}.fn-guide-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--surface);overflow-x:auto;-webkit-overflow-scrolling:touch}.fn-guide-tab{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease-in-out}.fn-guide-tab:hover{color:var(--ink);background:var(--subtle-bg,#f8fafc)}.fn-guide-tab.is-active{color:var(--primary,#2563eb);font-weight:700;border-bottom-color:var(--primary,#2563eb);background:var(--surface)}.fn-guide-body{padding:20px}.fn-guide-intro{margin-bottom:16px}.fn-guide-intro-title{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 4px}.fn-guide-intro-desc{font-size:12.5px;color:var(--muted);margin:0;line-height:1.55}.fn-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fn-benefit-card{padding:14px 16px;background:var(--subtle-bg,#f8fafc);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.fn-benefit-card-title{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.fn-benefit-card-desc{font-size:12px;color:var(--body);line-height:1.55;margin:0}.fn-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fn-case-card{padding:14px 16px;background:var(--subtle-bg,#f8fafc);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.fn-case-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}.fn-case-section{font-size:12px;line-height:1.5}.fn-case-label{font-weight:600;color:var(--muted);display:block;margin-bottom:2px;font-size:11px;text-transform:uppercase}.fn-case-text{color:var(--body)}.fn-steps-list{display:flex;flex-direction:column;gap:10px}.fn-step-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--subtle-bg,#f8fafc);border:1px solid var(--line);border-radius:var(--radius)}.fn-step-number{width:24px;height:24px;border-radius:50%;background:var(--primary,#2563eb);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.fn-step-content{flex:1}.fn-step-title{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 4px}.fn-step-desc{font-size:12px;color:var(--body);line-height:1.5;margin:0}.fn-preview-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;max-width:620px;margin:0 auto}.fn-preview-client-header{background:#f1f5f9;align-items:center;justify-content:space-between;font-size:11.5px;color:#64748b}.fn-preview-client-header,.fn-preview-email-meta{padding:10px 14px;border-bottom:1px solid #e2e8f0;display:flex}.fn-preview-email-meta{background:#f8fafc;font-size:12px;flex-direction:column;gap:4px}.fn-preview-email-meta-row{display:flex;align-items:baseline;gap:8px}.fn-preview-meta-label{width:60px;color:#64748b;font-weight:600;font-size:11.5px}.fn-preview-meta-val{color:#0f172a;font-weight:500}.fn-preview-email-body{padding:18px 20px;font-size:13px;line-height:1.5}.fn-preview-alert-banner{background:#fee2e2;border-left:4px solid #ef4444;border-radius:6px;padding:12px 14px;margin-bottom:14px}.fn-preview-order-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:14px}.fn-preview-order-table td{padding:5px 0;border-bottom:1px solid #f1f5f9}.fn-preview-action-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;font-size:12px;color:#334155;line-height:1.5}.fn-quick-fill-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;border:1px solid var(--primary,#2563eb);background:#eff6ff;color:var(--primary,#2563eb);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.fn-quick-fill-btn:hover{background:#dbeafe}@media (max-width:900px){.fn-benefit-grid,.fn-case-grid{grid-template-columns:1fr}}.file-name-modal{max-width:540px;width:100%}.file-name-input-group{display:flex;align-items:stretch;width:100%;margin-top:6px}.file-name-input-group input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.file-name-extension-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;min-height:44px;background:var(--canvas);border:1px solid var(--line);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);color:var(--muted);font:600 13px var(--mono);-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-impact-banner{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);font-size:13px;line-height:1.5}.file-impact-banner__header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}.file-impact-banner__products{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.files-table{min-width:980px}.serials-table{min-width:960px}.templates-table{min-width:860px}.file-cell{display:flex;align-items:center;gap:12px;min-width:240px}.file-cell__info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.file-cell__title-row{display:flex;align-items:center;gap:6px;min-width:0}.file-cell__name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.file-edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:0;border-radius:4px;color:var(--muted);cursor:pointer;transition:all .15s ease}.file-edit-btn:hover{background:var(--canvas);color:var(--ink)}.file-replace-section{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);margin-top:14px}.file-replace-header{flex-wrap:wrap}.file-replace-card,.file-replace-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-replace-card{padding:10px 12px;background:var(--canvas);border:1px solid var(--line);border-radius:6px}.file-replace-card__info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.file-replace-card__info svg{width:18px;height:18px;color:var(--primary,#2563eb);flex-shrink:0}.file-memo-tag{display:inline-flex;align-items:center;gap:5px;max-width:320px;padding:2px 7px;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:11.5px;line-height:1.35;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-memo-tag__icon{font-size:11px;flex-shrink:0;opacity:.85}.file-memo-tag__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-memo-textarea{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--ink);font:400 13px/1.5 var(--sans);resize:vertical;min-height:56px;transition:border-color .15s ease}.file-memo-textarea:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,.12)}.file-memo-textarea:disabled{opacity:.6;cursor:not-allowed}.file-stats-sub{line-height:1.2}.settings-tab-nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-tab-nav::-webkit-scrollbar{display:none}.settings-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s ease;margin-bottom:-1px}.settings-tab-btn:hover{color:var(--ink);background:var(--soft);border-radius:var(--radius) var(--radius) 0 0}.settings-tab-btn.is-active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink);background:none}.settings-tab-btn .badge{font-size:11px;padding:2px 7px}.dialog--guide{width:min(960px,calc(100% - 32px));max-width:960px;height:min(92vh,880px);max-height:92vh;display:flex;flex-direction:column}.guide-dialog-title{display:flex;align-items:center;gap:12px}.guide-dialog-title__icon{width:36px;height:36px;border-radius:var(--radius-sm,6px);background:var(--primary-soft,#eff6ff);color:var(--primary,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-dialog-title__texts{display:flex;flex-direction:column;gap:2px}.guide-dialog-title__texts h2{font-size:18px;font-weight:700;margin:0;color:var(--ink);line-height:1.3}.guide-modal-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.guide-tabs{display:flex;align-items:center;gap:6px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--canvas-subtle,#fafafa);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius,6px);border:1px solid transparent;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.guide-tab:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}.guide-tab--active{background:var(--surface);border-color:var(--primary-border,#bfdbfe);box-shadow:0 1px 2px rgba(0,0,0,.05)}.guide-tab--active,.guide-tab__badge{color:var(--primary,#2563eb);font-weight:600}.guide-tab__badge{font-size:11px;padding:1px 6px;border-radius:10px;background:var(--primary-soft,#eff6ff)}.guide-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px;background:var(--surface)}.guide-pane{display:flex;flex-direction:column;gap:20px}.guide-pane-intro{margin-bottom:6px}.guide-pane-intro h3{font-size:17px;font-weight:700;margin:0 0 6px;color:var(--ink)}.guide-pane-intro p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.5}.quickstart-step-list{display:flex;flex-direction:column;gap:16px}.quickstart-step-card{border:1px solid var(--line);border-radius:var(--panel-radius,8px);background:var(--surface);padding:20px;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:14px}.quickstart-step-card:hover{border-color:var(--primary-border,#bfdbfe);box-shadow:0 2px 8px rgba(0,0,0,.04)}.quickstart-step-card--highlight{border-color:#fde047;background:linear-gradient(to bottom,#fefce8,var(--surface))}.quickstart-step-header{display:flex;align-items:flex-start;gap:14px}.quickstart-step-num{width:28px;height:28px;border-radius:50%;background:var(--primary,#2563eb);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.quickstart-step-card--highlight .quickstart-step-num{background:#ca8a04}.quickstart-step-heading{display:flex;flex-direction:column;gap:4px;flex:1}.quickstart-step-title-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quickstart-step-title-group h4{font-size:15px;font-weight:700;margin:0;color:var(--ink)}.quickstart-step-summary{font-size:13.5px;color:var(--body);margin:0;line-height:1.45}.quickstart-step-body{display:flex;flex-direction:column;gap:12px;padding-left:42px}.quickstart-step-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.quickstart-step-details li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--body);line-height:1.45}.quickstart-step-details li svg{color:var(--primary,#2563eb);flex-shrink:0;margin-top:2px;width:14px;height:14px}.quickstart-step-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--canvas-subtle,#f8fafc);border:1px solid var(--line);border-radius:var(--radius-sm,6px);font-size:12.5px;color:var(--muted);line-height:1.45}.quickstart-step-tip__icon{flex-shrink:0;font-size:14px}.quickstart-step-footer{display:flex;justify-content:flex-end;padding-left:42px;border-top:1px dashed var(--line);padding-top:12px}.architecture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.architecture-card{padding:18px;border:1px solid var(--line);border-radius:var(--panel-radius,8px);background:var(--canvas-subtle,#f8fafc);display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .15s ease}.architecture-card:hover{border-color:var(--primary-border,#bfdbfe);background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.04)}.architecture-card-top{display:flex;align-items:center;justify-content:space-between}.architecture-step-num{font-family:var(--font-mono,monospace);font-size:12px;font-weight:700;color:var(--primary,#2563eb);background:var(--primary-soft,#eff6ff);padding:2px 8px;border-radius:4px}.architecture-tag{font-family:var(--font-mono,monospace);font-size:10.5px;font-weight:600;color:var(--muted);letter-spacing:.5px}.architecture-card h4{font-size:14px;font-weight:700;margin:0;color:var(--ink)}.architecture-card p{font-size:12.5px;color:var(--body);margin:0;line-height:1.5}.guide-architecture-callout{margin-top:6px}.cafe24-tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cafe24-tip-card{padding:16px;border:1px solid var(--line);border-radius:var(--panel-radius,8px);background:var(--surface);display:flex;flex-direction:column;gap:8px}.cafe24-tip-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cafe24-tip-header h4{font-size:13.5px;font-weight:700;margin:0;color:var(--ink)}.cafe24-tip-desc{font-size:12.5px;color:var(--body);margin:0;line-height:1.45}.cafe24-tip-subnote{font-size:11.5px;border-left:3px solid var(--primary,#2563eb);padding:6px 10px;border-radius:0 var(--radius-sm,6px) var(--radius-sm,6px) 0;line-height:1.45;word-break:keep-all;overflow-wrap:break-word}.cafe24-tip-subnote,.cafe24-tip-why{color:var(--muted);background:var(--canvas-subtle,#f8fafc)}.cafe24-tip-why{font-size:12px;padding:8px 10px;border-radius:var(--radius-sm,6px);line-height:1.4;margin-top:auto}.cafe24-tip-why strong{color:var(--ink)}.scenarios-list{gap:16px}.scenario-card,.scenarios-list{display:flex;flex-direction:column}.scenario-card{border:1px solid var(--line);border-radius:var(--panel-radius,8px);background:var(--surface);padding:18px;gap:12px}.scenario-card-header{display:flex;flex-direction:column;gap:4px}.scenario-title-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scenario-title-group h4{font-size:14.5px;font-weight:700;margin:0;color:var(--ink)}.scenario-target{font-size:12.5px;color:var(--muted);margin:0}.scenario-target strong{color:var(--body)}.scenario-card-meta{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--canvas-subtle,#f8fafc);border-radius:var(--radius-sm,6px)}.scenario-meta-item{display:flex;align-items:baseline;gap:10px;font-size:12.5px}.scenario-meta-label{font-weight:600;color:var(--muted);min-width:60px;flex-shrink:0}.scenario-meta-value{color:var(--body)}.scenario-meta-value--effect{color:#15803d;font-weight:600}.scenario-steps{display:flex;flex-direction:column;gap:6px}.scenario-steps h5{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;margin:0}.scenario-steps ol{margin:0;padding-left:18px;font-size:12.5px;color:var(--body);line-height:1.5}.faq-accordion-list{display:flex;flex-direction:column;gap:10px}.faq-accordion-item{border:1px solid var(--line);border-radius:var(--panel-radius,8px);background:var(--surface);overflow:hidden;transition:border-color .15s ease}.faq-accordion-item--expanded{border-color:var(--primary-border,#bfdbfe);box-shadow:0 1px 4px rgba(0,0,0,.04)}.faq-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left}.faq-question-text{font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:8px}.faq-q-mark{color:var(--primary,#2563eb);font-weight:800;font-size:15px}.faq-toggle-icon{color:var(--muted);flex-shrink:0;display:flex;align-items:center}.faq-accordion-body{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}.faq-highlight-box{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm,6px);font-size:12.5px;font-weight:600;color:#1e40af;line-height:1.45}.faq-highlight-box svg{flex-shrink:0;margin-top:2px}.faq-answer-text{font-size:13px;color:var(--body);line-height:1.6;margin:0}.faq-action-row{display:flex;justify-content:flex-end}.guide-dialog-actions{display:flex;align-items:center;justify-content:space-between;width:100%}@media (max-width:768px){.architecture-grid{grid-template-columns:1fr}.quickstart-step-body,.quickstart-step-footer{padding-left:0}.guide-body{padding:16px}.guide-tabs{padding:10px 16px}}.dashboard-domain-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 18px;background-color:var(--canvas);border:1px solid var(--line);border-radius:var(--radius)}.dashboard-domain-banner--verified{background-color:var(--success-bg);border-color:var(--success-border)}.dashboard-domain-banner__content{display:flex;align-items:center;gap:12px}.dashboard-domain-banner__icon{width:34px;height:34px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background-color:var(--blue-soft);color:var(--blue-deep);flex-shrink:0}.dashboard-domain-banner--verified .dashboard-domain-banner__icon{background-color:#dcfce7;color:var(--success-text)}.dashboard-domain-banner__title-row{display:flex;align-items:center;gap:8px}.dashboard-domain-banner__title{font-weight:700;font-size:13.5px;color:var(--ink)}.dashboard-domain-banner__desc{font-size:12px;color:var(--muted);margin-top:2px}.dashboard-domain-banner__actions{display:flex;align-items:center;gap:8px}.dashboard-tips-accordion{margin-top:16px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px}.dashboard-tips-accordion__summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dashboard-tips-accordion__body{display:flex;flex-direction:column;gap:10px;margin-top:12px}.test-send-sender-card{padding:10px 14px;background-color:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);font-size:12.5px;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.test-send-sender-card--verified{background-color:var(--success-bg);border-color:var(--success-border)}.test-send-sender-card__head{display:flex;justify-content:space-between;align-items:center}.test-send-sender-card__label{font-weight:600;color:var(--ink)}.test-send-sender-card__from{color:var(--ink);font-size:13px}.test-send-sender-card__reply-to{font-size:12px;color:var(--body);display:flex;align-items:center;gap:6px}.test-send-sender-card__notice{font-size:11px;color:var(--muted);margin-top:2px}.logs-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px 20px;background-color:var(--canvas)}.logs-stats-item__label{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}.logs-stats-item__val{font-size:22px;font-weight:600;color:var(--ink)}.logs-stats-item__val--success{color:var(--success-accent)}.logs-stats-item__val--error{color:var(--error)}.logs-batch-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius)}.logs-batch-bar__info{display:flex;align-items:center;gap:10px}.logs-batch-bar__text{font-size:14px;font-weight:600;color:var(--info-text)}.logs-batch-bar__actions{display:flex;gap:8px}.trigger-tag--fail-notice{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.trigger-tag--recovered{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border);margin-left:4px}.trigger-tag--recovered-clickable{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;margin-left:4px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;transition:all .15s ease-in-out}.trigger-tag--recovered-clickable:hover{background-color:#dcfce7;border-color:#86efac;color:#166534;box-shadow:0 1px 2px rgba(0,0,0,.05);transform:translateY(-1px)}.delivery-timeline-nav{margin-bottom:16px;padding:12px 14px;background-color:var(--canvas,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:var(--radius,8px);display:flex;flex-direction:column;gap:8px}.delivery-timeline-nav__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.delivery-timeline-nav__title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink,#1e293b)}.delivery-timeline-nav__hint{font-size:11.5px;color:var(--muted,#64748b)}.delivery-timeline-nav__chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.delivery-timeline-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid var(--line,#cbd5e1);background-color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease-in-out;text-align:left}.delivery-timeline-chip:hover:not(:disabled){border-color:var(--accent,#0070f3);background-color:#f0f7ff}.delivery-timeline-chip--active{border-color:#0070f3!important;background-color:#eff6ff!important;box-shadow:0 0 0 1px #0070f3;cursor:default!important}.delivery-timeline-chip__badge{font-weight:700}.delivery-timeline-chip--success .delivery-timeline-chip__badge{color:#15803d}.delivery-timeline-chip--error .delivery-timeline-chip__badge{color:#b91c1c}.delivery-timeline-chip__meta{color:var(--muted,#64748b);font-size:11.5px}.delivery-timeline-chip__current-tag{background-color:#0070f3;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px}.empty-actions{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.recovery-panel{padding:24px;margin-bottom:24px}.recovery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.recovery-header-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.recovery-header-title h2{font-size:17px;font-weight:700;margin:0;color:var(--ink)}.recovery-header-desc{margin:0;font-size:13.5px;color:var(--muted);line-height:1.6}.recovery-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px}.recovery-metric-card{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:130px}.recovery-metric-card--warning{background:var(--warning-bg);border-color:var(--warning-border)}.recovery-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.recovery-metric-label{font-size:12px;font-weight:600;color:var(--muted)}.recovery-metric-card--warning .recovery-metric-label{color:var(--warning-text)}.recovery-metric-body{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.recovery-metric-val{font-size:20px;font-weight:700;color:var(--ink);line-height:1.2}.recovery-metric-val--success{color:var(--success-accent)}.recovery-metric-val--warning{color:var(--warning-accent)}.recovery-metric-sub{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}.recovery-metric-card--warning .recovery-metric-sub{color:var(--warning-text)}.recovery-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:20px}.recovery-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:16px}.recovery-card,.recovery-card-header{display:flex;justify-content:space-between}.recovery-card-header{align-items:center;gap:10px}.recovery-card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink)}.recovery-card-body{font-size:13px;color:var(--body);line-height:1.6}.recovery-card-notice{margin-top:8px;padding:8px 12px;background:var(--soft);border-radius:var(--radius);font-size:12px;color:var(--muted);line-height:1.5}.recovery-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.recovery-steps-wrapper{padding:20px 22px;background:var(--bg-subtle,#f9fafb);border:1px solid var(--line);border-radius:var(--radius)}.recovery-steps-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;color:var(--ink)}.recovery-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.recovery-step-item{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.recovery-step-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue)}.recovery-step-desc{margin:0;font-size:12.5px;color:var(--muted);line-height:1.55}.recovery-scan-result{padding:16px 20px;background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius);margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.recovery-scan-result-info{display:flex;flex-direction:column;gap:4px}.recovery-scan-result-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--success-text)}.recovery-scan-result-stats{font-size:13px;color:var(--success-text);display:flex;gap:16px;flex-wrap:wrap}@media (max-width:768px){.recovery-panel{padding:16px}.recovery-control-grid,.recovery-metric-grid,.recovery-steps-grid{grid-template-columns:1fr}}