.canvas-commerce-node {box-sizing:border-box;width:100%;padding:16px;border:1px solid #eae7f0;border-radius:16px;background:#fff;box-shadow:0 6px 24px #3020460a;color:#302d36;font:12px/1.5 Inter,"Microsoft YaHei",sans-serif}
.canvas-commerce-settings {max-height:560px;overflow:auto;border-top:1px solid #ece7f2;overscroll-behavior:contain;border-radius:0 0 16px 16px}
.canvas-agent-node.canvas-agent-configuring {min-height:0;padding-bottom:8px}
.canvas-commerce-embedded.lj-commerce-video-setup-overlay {position:relative;inset:auto;display:block;width:100%;padding:0;background:transparent;z-index:auto}
.canvas-commerce-embedded .lj-commerce-video-setup-page {width:100%;height:auto;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.canvas-commerce-embedded .lj-commerce-video-setup-header {padding:12px 16px}
.canvas-commerce-embedded .lj-commerce-video-setup-header h1 {font-size:15px}
.canvas-commerce-embedded .lj-commerce-video-setup-body {padding:12px 16px;overflow:visible}
.canvas-commerce-embedded .lj-commerce-video-workspace {grid-template-columns:minmax(0,1fr);gap:16px}
.canvas-commerce-embedded .lj-commerce-video-setup-footer {position:static;padding:12px 16px;flex-wrap:wrap}
.canvas-commerce-embedded .lj-commerce-video-demo {display:none}
.canvas-commerce-embedded .aoSuiteMaterials>.aoSuiteEyebrow,.canvas-commerce-embedded .aoSuiteMaterials>h2,.canvas-commerce-embedded .aoSuiteMaterials>p,.canvas-commerce-embedded .aoSuiteMaterials>.aoSuiteComparison {display:none}
.canvas-commerce-embedded .lj-commerce-video-upload {min-height:0}
.canvas-commerce-embedded .lj-commerce-video-image-stage {min-height:140px}
.canvas-commerce-node .canvas-agent-header {margin-bottom:12px}
.canvas-commerce-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.canvas-commerce-actions button {border:1px solid #e5dfef;border-radius:8px;background:#fff;padding:7px 12px;color:#6b537e;cursor:pointer;font:inherit}
.canvas-commerce-actions button:disabled {opacity:.5;cursor:not-allowed}
.canvas-commerce-actions button[data-primary] {background:#6d4aff;border-color:#6d4aff;color:#fff}
.canvas-commerce-refs {display:flex;gap:8px;overflow:auto;padding:8px 0}
.canvas-commerce-refs img,.canvas-commerce-refs video {width:72px;height:58px;object-fit:cover;border-radius:8px}
.canvas-commerce-message {margin:8px 0;color:#9a3412;overflow-wrap:anywhere}
.react-flow__node:has([data-canvas-commerce-node]) .react-flow__handle {z-index:20}
/* Adapt the original forms to one scroll region, with their original actions in reach. */
.canvas-commerce-settings{max-height:clamp(260px,64dvh,560px);scrollbar-width:thin;scrollbar-color:#d8d1e4 transparent;outline:0}
.canvas-commerce-settings:focus-visible{outline:2px solid #b8a6ff;outline-offset:-3px}
.canvas-commerce-settings .canvas-commerce-embedded{overflow:visible;backdrop-filter:none}
.canvas-commerce-settings :is(.canvas-commerce-embedded,.ao-commerce-embedded) .lj-commerce-video-setup-page{width:100%;max-width:100%;height:auto;min-height:0;max-height:none;border:0;border-radius:0;overflow:visible;box-shadow:none}
.canvas-commerce-settings :is(.canvas-commerce-embedded,.ao-commerce-embedded) .lj-commerce-video-setup-body{padding:0;overflow:visible;scrollbar-gutter:auto}
.canvas-commerce-settings :is(.canvas-commerce-embedded,.ao-commerce-embedded) .lj-commerce-video-workspace{grid-template-columns:minmax(0,1fr);gap:12px;padding:0}
.canvas-commerce-settings :is(.canvas-commerce-embedded,.ao-commerce-embedded) .lj-commerce-video-setup-header{min-height:40px;padding:6px 16px;gap:8px;border:0;justify-content:flex-end}
.canvas-commerce-settings .lj-commerce-video-setup-header h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.canvas-commerce-settings :is(.canvas-commerce-embedded,.ao-commerce-embedded) .lj-commerce-video-setup-footer{position:sticky;z-index:15;bottom:0;padding:12px 16px;gap:10px;flex-wrap:wrap;background:#fff;box-shadow:0 -4px 14px #30204608}
.canvas-commerce-settings .lj-commerce-video-demo{display:none}
.canvas-commerce-settings :is(.lj-commerce-video-upload,.lj-commerce-video-settings){padding:8px 16px 12px}
.canvas-commerce-settings .lj-commerce-video-upload-stage{min-height:136px}
.canvas-commerce-settings .lj-commerce-video-upload-stage.has-images{min-height:0;display:flex;flex-direction:row;align-items:flex-start}
.canvas-commerce-settings .lj-commerce-video-previews{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:10px}
.canvas-commerce-settings .lj-commerce-video-preview{max-height:116px}
.canvas-commerce-settings .has-images .lj-commerce-video-previews{display:flex;flex:1;flex-wrap:wrap;min-width:0}
.canvas-commerce-settings .has-images .lj-commerce-video-preview{flex:0 0 90px;width:90px;height:90px}
.canvas-commerce-settings .lj-commerce-video-dropzone{min-height:132px;padding:14px}
.canvas-commerce-settings .has-images .lj-commerce-video-dropzone{min-height:110px;flex:0 0 86px;flex-direction:column;align-self:stretch;padding:8px;margin-top:0}
.canvas-commerce-settings .lj-commerce-video-section-heading h2{font-size:13px}
.canvas-commerce-settings .lj-commerce-video-settings-grid{gap:10px;margin-top:12px}
.canvas-commerce-settings .lj-commerce-video-field.ratio{grid-column:1/-1}
.canvas-commerce-settings .lj-commerce-video-field.model{grid-column:1/-1}
.canvas-commerce-settings .lj-commerce-video-settings>h2{font-size:13px}
.canvas-commerce-settings .aoSuiteMaterials{padding:8px 16px 0;border:0}
.canvas-commerce-settings .aoSuiteMaterials>:is(.aoSuiteEyebrow,h2,p,.aoSuiteComparison){display:none}
.canvas-commerce-settings .aoSuiteOptions{padding:0 16px 12px}
.canvas-commerce-settings .aoSuiteMaterialPicker{margin-top:0}
.canvas-commerce-settings .aoSuiteConfigOverlay .aoSuiteDefaultLink{padding:5px 9px;font-size:11px}
.canvas-commerce-message{padding:8px 12px;margin:8px 16px;border-radius:8px;background:#fff7ed;font-size:12px}
.canvas-commerce-refs{scrollbar-width:thin}
.canvas-commerce-ref{flex:0 0 auto;display:grid;grid-template-columns:56px minmax(0,100px);align-items:center;border:1px solid #eeebf2;border-radius:8px;overflow:hidden}
.canvas-commerce-ref>img,.canvas-commerce-ref>video{width:56px;height:48px;border-radius:0}
.canvas-commerce-ref>span{padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#82788e}
.canvas-commerce-state{margin:8px 0;font-size:12px;color:#82788e}
.canvas-commerce-actions button:focus-visible{outline:2px solid #b8a6ff;outline-offset:2px}
@media(max-width:560px){.canvas-commerce-settings{max-height:clamp(240px,60dvh,460px)}.canvas-commerce-settings .lj-commerce-video-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-commerce-settings .lj-commerce-video-setup-footer{padding:10px 12px}.canvas-commerce-settings .lj-commerce-video-menu.ratio{grid-template-columns:repeat(2,minmax(0,1fr))}}