.image-settings-preview{grid-column:1/-1;width:100%;min-width:0;margin:14px 0}.image-settings-preview h4{margin:8px 0}.settings-preview-stage{border:1px solid var(--border);background:repeating-conic-gradient(#e4e7eb 0% 25%,#f8fafc 0% 50%) 0 0/16px 16px;border-radius:8px;place-items:center;min-height:40px;padding:12px;display:grid}.settings-preview-stage canvas{width:auto;max-width:100%;height:auto;max-height:280px;display:block;box-shadow:0 2px 8px #0002}.settings-preview-stage canvas[hidden],.image-settings-preview[hidden]{display:none}.setting-angle-presets{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.setting-angle-presets button{min-width:44px;min-height:44px;padding:4px 10px;line-height:1}.workflow-input-example{margin:12px 0;font-size:.85rem}.workflow-input-example pre{border-left:3px solid var(--border);background:var(--surface-soft);max-height:180px;padding:10px;font-size:.8rem;overflow:auto}.workflow-input-example p{color:var(--muted)}@media (width<=767px){.settings-preview-stage canvas{max-height:210px}}
