.canvas-container{max-width:100%;margin:0 auto}#canvas{width:100%;max-width:100%;border:1px solid lightgrey}#canvas.hasError{border:1px solid red}.canvas-widget{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--prime-space-4,16px);margin:0}.canvas-widget__canvas{flex:3 1 360px;min-width:0}.canvas-widget__controls{flex:1 1 260px;display:flex;flex-direction:column;gap:var(--prime-space-3,12px);text-align:center}.canvas-widget__row{display:flex;align-items:center;gap:var(--prime-space-2,8px)}.canvas-widget__field-icon{color:var(--prime-color-text-muted,#5c6b82);font-size:20px;flex:0 0 auto}.canvas-widget__input{flex:1 1 auto;min-width:0;background:var(--prime-color-surface,#fff);border:var(--prime-border-hairline,1px) solid var(--prime-color-border-default,#c2cddc);border-radius:var(--prime-radius-md,8px);padding:var(--prime-space-2,8px) var(--prime-space-3,12px);font-family:var(--prime-font-text,sans-serif);font-size:var(--prime-size-body,16px);color:var(--prime-color-text-default,#0e1b2a)}.canvas-widget__input:focus{outline:none;border-color:var(--prime-color-brand-primary,#1273c0);box-shadow:0 0 0 2px color-mix(in srgb,var(--prime-color-brand-primary,#1273c0) 30%,transparent)}.canvas-widget__input:disabled{color:var(--prime-color-text-muted,#5c6b82);cursor:not-allowed;opacity:.7}.canvas-widget__file{font-size:var(--prime-size-body-sm,14px)}.canvas-widget__select{cursor:pointer}.canvas-widget__thumb{flex:0 0 auto;width:35px;height:35px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.canvas-widget__row--color{justify-content:flex-start}.canvas-widget__color{width:100%;height:44px;padding:2px;border:var(--prime-border-hairline,1px) solid var(--prime-color-border-default,#c2cddc);border-radius:var(--prime-radius-md,8px);background:var(--prime-color-surface,#fff);cursor:pointer}.canvas-widget__color:disabled{cursor:not-allowed;opacity:.6}.canvas-widget__skeleton{width:100%;height:240px;border-radius:var(--prime-radius-md,8px);background:var(--prime-color-surface-muted)}.canvas-widget .canvas-widget__delete-btn.prime-button--filled{background:var(--prime-color-danger-solid,#c4314b);color:var(--prime-color-text-on-brand,#fff)}.canvas-widget .canvas-widget__delete-btn.prime-button--filled:hover:not(:disabled){background:var(--prime-color-danger-fg,#9e2438)}