.wpc{border:1px solid var(--line,#dce2eb);border-radius:14px;overflow:hidden;background:var(--surface,#fff);color:var(--ink,#222)}
.wpc *{box-sizing:border-box}.wpc [hidden]{display:none!important}
.wpc-top{padding:14px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line,#dce2eb);flex-wrap:wrap}
.wpc-top strong{font-size:16px}.wpc-top span{display:block;font-size:12px;color:var(--muted,#6b7280);margin-top:3px}
.wpc-top-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.wpc button,.wpc select,.wpc input,.wpc textarea{font:inherit;font-size:13px;border-radius:7px;min-height:34px;margin:0}
.wpc button{padding:7px 10px;white-space:nowrap}.wpc-top select{width:82px}
.wpc-layout{display:grid;grid-template-columns:minmax(0,1fr) 224px;min-height:540px}
.wpc-stage{height:min(74vh,850px);min-height:500px;overflow:auto;padding:20px;background-color:var(--bg,#f1f3f6);background-image:radial-gradient(var(--line,#ccd3df) 1px,transparent 1px);background-size:16px 16px;overscroll-behavior:contain}
.wpc-paper{position:relative;margin:auto;background:white;box-shadow:0 8px 32px #0002;flex-shrink:0}
.wpc-paper iframe{position:absolute;left:0;top:0;border:0;max-width:none;background:#fff}
.wpc-properties{padding:16px;border-left:1px solid var(--line,#dce2eb);max-height:min(74vh,850px);overflow:auto;font-size:13px}
.wpc-properties>strong{font-size:13px;display:block;overflow-wrap:anywhere}.wpc-hint,.wpc-status{font-size:12px;line-height:1.6;color:var(--muted,#6b7280);margin:8px 0 16px}
.wpc-fields,.wpc-properties [data-properties]{display:grid;gap:12px}.wpc-properties label{display:grid;gap:6px;margin:0;font-size:12px;font-weight:500;color:var(--muted,#6b7280)}
.wpc-properties input,.wpc-properties select,.wpc-properties textarea{width:100%;min-width:0;padding:5px 7px;color:var(--ink,#222)}
.wpc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wpc-size{display:flex;gap:4px}.wpc-size input{width:76px;text-align:center}.wpc-size button{flex:1}
.wpc input[type=range]{padding:0;min-height:20px;accent-color:var(--brand,#4875df)}
.wpc input[type=color]{padding:2px;height:34px}.wpc-delete{color:var(--danger,#a53d3d);margin-top:12px!important}.wpc-add{margin:18px 0}.wpc-ai{border-top:1px solid var(--line,#ddd);padding-top:14px}.wpc-ai summary{cursor:pointer}.wpc-ai textarea{margin:10px 0;min-height:74px}.wpc-status{margin:16px 0 0}.wpc [data-image-fields]{display:grid;gap:8px}
.workflow-step-actions-inline{gap:8px!important;align-items:center}.workflow-step-actions-inline>button{border-radius:8px!important;padding:9px 14px!important;font-size:13px!important;min-height:38px!important;box-shadow:none!important}.workflow-step-actions-inline>button[data-ai-poster]{background:var(--brand,#4875df);border-color:transparent;color:#fff}
.workflow-step-actions-inline details{position:relative}.workflow-step-actions-inline summary{list-style:none;cursor:pointer;padding:9px 14px;border:1px solid var(--line,#ddd);border-radius:8px;font-size:13px}.workflow-more-actions{display:flex;gap:8px;padding:10px 0;flex-wrap:wrap}
.workflow-poster-panel:has(.wpc){padding:0;border:0;background:transparent}.workflow-reference-match{display:flex;align-items:center;gap:12px;padding:12px;margin:12px 0;border:1px solid var(--line,#ddd);border-radius:10px;font-size:13px}.workflow-reference-match img{width:64px;height:48px;object-fit:cover;border-radius:6px}.workflow-reference-match small{display:block;color:var(--muted,#6b7280);margin-top:4px}
@media(max-width:760px){.wpc-layout{grid-template-columns:1fr}.wpc-stage{min-height:420px;height:65vh}.wpc-properties{border-left:0;border-top:1px solid var(--line,#ddd);max-height:330px}.wpc-fields{grid-template-columns:1fr 1fr}.wpc-top{padding:12px}.wpc-top-actions{gap:4px}.wpc-top button{font-size:12px;padding:6px 8px}}

.wpc.is-saving .wpc-layout{pointer-events:none;opacity:.65}.wpc.is-saving [data-action]{pointer-events:none;opacity:.65}

.workflow-page .wpc button,.workflow-page .wpc select,.workflow-page .wpc input,.workflow-page .wpc textarea{border-radius:7px;font-size:13px}.workflow-page .wpc button{box-shadow:none}
