.db-products{--db-line:var(--color-kumo-line,#e5e7eb);--db-text:var(--text-color-kumo-default,#111827);--db-muted:var(--text-color-kumo-subtle,#667085);--db-link:var(--text-color-kumo-link,#175cd3);--db-canvas:var(--color-kumo-recessed,#f4f5f7);--db-surface:var(--color-kumo-base,#fff);--db-tint:var(--color-kumo-tint,#f8f9fb);min-width:0;color:var(--db-text)}.db-products *{box-sizing:border-box}.db-products__topbar,.db-editor__topbar{z-index:20;border-bottom:1px solid var(--db-line);background:color-mix(in srgb, var(--db-surface) 94%, transparent);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 20px;display:flex;position:sticky;top:0}.db-products__title,.db-editor__title{margin:0;font-size:22px;font-weight:650;line-height:1.2}.db-products__content{gap:16px;padding:20px;display:grid}.db-products__filters{grid-template-columns:minmax(260px,1fr) repeat(2,minmax(150px,210px));gap:10px;display:grid}.db-input,.db-select,.db-textarea{border:1px solid var(--db-line);background:var(--color-kumo-control,var(--db-surface));width:100%;min-height:42px;color:inherit;font:inherit;border-radius:8px;outline:none;padding:9px 11px;font-size:14px}.db-textarea{resize:vertical;min-height:92px}.db-input:focus,.db-select:focus,.db-textarea:focus,.db-section-nav button:focus-visible,.db-row-action:focus-visible,.db-image-button:focus-visible{border-color:var(--color-kumo-focus,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-kumo-focus,#2563eb) 18%, transparent)}.db-products__table-wrap,.db-panel,.db-review,.db-section-nav{border:1px solid var(--db-line);background:var(--db-surface);border-radius:12px;box-shadow:0 1px 2px #1018280a}.db-products__table{border-collapse:collapse;width:100%;font-size:14px}.db-products__table th{border-bottom:1px solid var(--db-line);color:var(--db-muted);letter-spacing:.02em;text-align:left;text-transform:uppercase;padding:11px 14px;font-size:12px;font-weight:600}.db-products__table td{border-bottom:1px solid var(--db-line);vertical-align:middle;padding:12px 14px}.db-products__table tr:last-child td{border-bottom:0}.db-products__table tbody tr{transition:background .16s}.db-products__table tbody tr:hover{background:var(--db-tint)}.db-product-cell{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.db-product-cell img,.db-product-cell__placeholder{border:1px solid var(--db-line);background:var(--db-tint);object-fit:cover;border-radius:8px;width:48px;height:48px}.db-link-button{all:unset;cursor:pointer;text-align:left;max-width:100%;font-weight:600;display:block}.db-link-button:hover{color:var(--db-link);text-decoration:underline}.db-button-link{border:1px solid var(--db-line);background:var(--db-surface);min-height:32px;color:var(--db-text);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.db-button-link:hover{background:var(--db-tint)}.db-button-link:focus-visible{outline:2px solid var(--color-kumo-focus,#2563eb);outline-offset:2px}.db-secondary-line{color:var(--db-muted);margin-top:3px;font-size:12px}.db-empty{min-height:260px;color:var(--db-muted);text-align:center;place-items:center;gap:8px;padding:32px;display:grid}.db-editor{background:var(--db-canvas);min-height:100%}.db-editor__heading{align-items:center;gap:12px;min-width:0;display:flex}.db-editor__heading-copy{min-width:0}.db-editor__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-editor__eyebrow{color:var(--db-muted);margin-bottom:2px;font-size:12px}.db-editor__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.db-save-state{min-height:32px;color:var(--db-muted);align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.db-save-state:before{background:var(--color-kumo-interact,#98a2b3);content:"";border-radius:999px;width:7px;height:7px}.db-save-state[data-state=saved]:before{background:var(--color-kumo-success,#12b76a)}.db-save-state[data-state=saving]:before{background:var(--color-kumo-info,#2e90fa)}.db-save-state[data-state=error]:before{background:var(--color-kumo-danger,#f04438)}.db-save-state[data-state=unsaved]:before{background:var(--color-kumo-warning,#f79009)}.db-editor__body{grid-template-columns:190px minmax(460px,1fr) minmax(230px,280px);align-items:start;gap:16px;max-width:1440px;margin:0 auto;padding:18px;display:grid}.db-section-nav,.db-review{padding:8px;position:sticky;top:82px}.db-section-nav button{width:100%;min-height:42px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;font-size:13px;transition:background .16s,color .16s;display:grid}.db-section-nav button:hover{background:var(--db-tint)}.db-section-nav button[aria-current=step]{background:color-mix(in srgb, var(--color-kumo-brand,#2563eb) 14%, var(--db-surface));color:var(--db-link);font-weight:600}.db-section-nav__number{border:1px solid var(--db-line);border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.db-section-nav__issue{background:var(--color-kumo-danger-tint,#fee4e2);min-width:20px;height:20px;color:var(--text-color-kumo-danger,#b42318);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:650;display:grid}.db-section-select{display:none}.db-workspace{gap:14px;min-width:0;display:grid}.db-panel{gap:18px;padding:20px;display:grid}.db-panel__header{border-bottom:1px solid var(--db-line);gap:4px;padding-bottom:14px;display:grid}.db-panel__header h2,.db-panel h3,.db-review h2{margin:0;font-weight:650}.db-panel__header h2{font-size:19px}.db-panel h3,.db-review h2{font-size:14px}.db-panel__header p,.db-help{color:var(--db-muted);margin:0;font-size:13px;line-height:1.45}.db-grid-2,.db-grid-3,.db-grid-4{gap:14px;display:grid}.db-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.db-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.db-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.db-field{gap:6px;min-width:0;display:grid}.db-field__label{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:600;display:flex}.db-field__optional{color:var(--db-muted);font-size:11px;font-weight:400}.db-field--wide{grid-column:1/-1}.db-toggle{cursor:pointer;align-items:flex-start;gap:10px;min-height:42px;padding:9px 0;display:flex}.db-toggle input{width:18px;height:18px;accent-color:var(--color-kumo-brand,#2563eb);margin:1px 0 0}.db-subsection{gap:12px;padding-top:4px;display:grid}.db-subsection+.db-subsection{border-top:1px solid var(--db-line);padding-top:18px}.db-image-field{border:1px solid var(--db-line);border-radius:10px;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.db-image-field img,.db-image-field__empty{background:var(--db-tint);object-fit:cover;border-radius:8px;width:128px;height:96px}.db-image-field__empty{color:var(--db-muted);place-items:center;font-size:12px;display:grid}.db-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-compact-list{gap:8px;display:grid}.db-compact-row{border:1px solid var(--db-line);background:var(--db-surface);border-radius:10px;overflow:hidden}.db-compact-row__summary{grid-template-columns:minmax(160px,1.5fr) repeat(2,minmax(90px,.7fr)) auto;align-items:center;gap:10px;min-height:54px;padding:8px 10px;display:grid}.db-compact-row__title{min-width:0;font-size:13px;font-weight:600}.db-compact-row__title span{color:var(--db-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;display:block;overflow:hidden}.db-compact-row__details{border-top:1px solid var(--db-line);background:var(--db-tint);gap:14px;padding:14px;display:grid}.db-row-actions{justify-content:flex-end;gap:4px;display:flex}.db-row-action{border:1px solid var(--db-line);background:var(--db-surface);min-height:34px;color:inherit;cursor:pointer;font:inherit;border-radius:7px;padding:5px 8px;font-size:12px}.db-row-action:hover{background:var(--db-tint)}.db-row-action:disabled{cursor:not-allowed;opacity:.45}.db-row-action--danger{color:var(--text-color-kumo-danger,#b42318)}.db-compact-row__summary--simple{grid-template-columns:minmax(0,1fr) auto}.db-table-header{color:var(--db-muted);text-transform:uppercase;grid-template-columns:minmax(160px,1.5fr) repeat(2,minmax(90px,.7fr)) auto;gap:10px;padding:0 10px;font-size:11px;font-weight:600;display:grid}.db-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.db-gallery__item{border:1px solid var(--db-line);border-radius:9px;min-height:112px;position:relative;overflow:hidden}.db-gallery__item img{object-fit:cover;width:100%;height:112px}.db-gallery__actions{justify-content:flex-end;gap:4px;padding:7px;display:flex}.db-gallery__remove{color:#fff;cursor:pointer;background:#111827c7;border:1px solid #ffffffb3;border-radius:6px;padding:4px 7px;font-size:11px;position:absolute;top:6px;right:6px}.db-notice{border:1px solid color-mix(in srgb, var(--color-kumo-warning,#f79009) 55%, var(--db-line));background:var(--color-kumo-warning-tint,#fffaeb);color:var(--text-color-kumo-warning,#7a2e0e);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.db-notice--error{border-color:color-mix(in srgb, var(--color-kumo-danger,#f04438) 55%, var(--db-line));background:var(--color-kumo-danger-tint,#fef3f2);color:var(--text-color-kumo-danger,#912018)}.db-review{gap:14px;padding:14px;display:grid}.db-review__status{border-bottom:1px solid var(--db-line);justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.db-review__list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.db-review__list li{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:8px;font-size:12px;line-height:1.4;display:grid}.db-review__list li:before{background:var(--color-kumo-warning,#f79009);content:"";border-radius:999px;width:7px;height:7px;margin-top:5px}.db-review__list--blockers li:before{background:var(--color-kumo-danger,#f04438)}.db-review__empty{color:var(--text-color-kumo-success,#067647);font-size:12px}.db-review__mobile-toggle{border:1px solid var(--db-line);background:var(--db-surface);min-height:44px;color:var(--db-text);cursor:pointer;font:inherit;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:650;display:none}.db-review__mobile-toggle span:last-child{color:var(--db-muted);font-size:12px;font-weight:500}.db-video-picker{border:1px solid var(--db-line);background:var(--db-surface);border-radius:10px;gap:10px;max-height:420px;padding:12px;display:grid}.db-video-picker__results{gap:6px;display:grid;overflow-y:auto}.db-video-picker__item{border:1px solid var(--db-line);background:var(--db-surface);color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:8px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.db-video-picker__item:hover{background:var(--db-tint)}.db-video-picker__item img,.db-video-picker__thumb{background:var(--db-tint);object-fit:cover;border-radius:6px;width:88px;height:50px}.db-review-section{gap:14px;display:grid}.db-review-card{border:1px solid var(--db-line);border-radius:10px;grid-template-columns:160px minmax(0,1fr);gap:10px 18px;padding:14px;display:grid}.db-review-card dt{color:var(--db-muted);font-size:12px}.db-review-card dd{margin:0;font-size:13px;font-weight:550}@media (width<=1180px){.db-editor__body{grid-template-columns:180px minmax(0,1fr)}.db-review__mobile-toggle{grid-column:1/-1;display:flex}.db-review{grid-column:1/-1;display:none;position:static}.db-review--open{display:grid}}@media (width<=900px){.db-products__filters{grid-template-columns:1fr}.db-products__table th:nth-child(3),.db-products__table td:nth-child(3),.db-products__table th:nth-child(4),.db-products__table td:nth-child(4){display:none}.db-editor__topbar{align-items:flex-start}.db-editor__actions{max-width:52%}.db-editor__body{grid-template-columns:1fr;padding:12px}.db-section-nav{display:none}.db-section-select{display:block}.db-review,.db-review__mobile-toggle{grid-column:auto}.db-grid-3,.db-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.db-products__topbar,.db-editor__topbar{flex-direction:column;align-items:stretch;position:static}.db-editor__actions{justify-content:flex-start;max-width:none}.db-products__content{padding:12px}.db-products__table th:nth-child(2),.db-products__table td:nth-child(2){display:none}.db-grid-2,.db-grid-3,.db-grid-4{grid-template-columns:1fr}.db-compact-row__summary,.db-table-header{grid-template-columns:minmax(0,1fr) auto}.db-compact-row__summary>:nth-child(2),.db-compact-row__summary>:nth-child(3),.db-table-header>:nth-child(2),.db-table-header>:nth-child(3){display:none}.db-image-field,.db-review-card{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.db-products__table tbody tr,.db-section-nav button{transition:none}}