/* Compact correction panel, placed inside the Studio workspace. */
.sd-bank.has-inline-profile>:not(#sd-inline-profile){display:none!important}
.sd-bank.has-inline-profile>#sd-inline-profile{flex:1;min-height:0;overflow:auto;border:0;border-radius:0}
.sd-bank.has-inline-profile .cip-heading{position:sticky;top:0;z-index:1}
.cip-panel{container-type:inline-size;min-width:0;width:100%;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);background:var(--cb-surface);color:var(--cb-text);font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.55 * var(--cb-leading-scale));overflow:hidden}
.cip-panel[hidden]{display:none!important}
.cip-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.55);border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised)}
.cip-heading>div:first-child{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);min-width:0}
.cip-heading strong{font-size:calc(12px * var(--cb-type-scale));white-space:nowrap}.cip-character{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cip-head-actions{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);flex-shrink:0}
.cip-panel button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.45);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);color:var(--cb-text);font:inherit;line-height:calc(1.3 * var(--cb-leading-scale));white-space:nowrap;cursor:pointer}
.cip-panel button:hover:not(:disabled){background:var(--cb-hover);border-color:var(--cb-border-strong)}
.cip-panel button:disabled{opacity:.48;cursor:not-allowed}
.cip-panel button:focus-visible,.cip-panel select:focus-visible,.cip-panel summary:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.cip-form{padding:0 calc(var(--cb-editor-space) * 0.55) calc(var(--cb-editor-space) * 0.5)}.cip-summary{display:flex;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);padding:calc(var(--cb-editor-space) * 0.4) 0;color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale))}
.cip-panel fieldset{min-width:0;margin:0;padding:0;border:0}.cip-panel fieldset:disabled{opacity:.7}
.cip-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--cb-editor-space) * 0.25)}
.cip-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:calc(var(--cb-editor-space) * 0.4);min-width:0}
.cip-row>span{font-size:calc(11px * var(--cb-type-scale));overflow-wrap:anywhere}
.cip-row select{width:100%;min-width:0;height:31px;padding:4px 7px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);color:var(--cb-text);font:inherit;font-size:calc(11px * var(--cb-type-scale));text-overflow:ellipsis}
.cip-row select[aria-invalid=true]{border-color:var(--cb-danger);background:var(--cb-danger-soft)}
.cip-optional{margin-top:8px;border-top:var(--cb-border-width) solid var(--cb-border)}.cip-optional>summary{padding:calc(var(--cb-editor-space) * 0.35) 0;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));cursor:pointer}.cip-optional>summary span{margin-left:8px;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}
.cip-validation{margin-top:8px;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale))}.cip-validation ul{padding-left:calc(var(--cb-editor-space) * 0.85);margin:0}.cip-validation details{margin-top:5px}.cip-validation summary{cursor:pointer}
.cip-message{margin-top:7px;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));white-space:pre-wrap;overflow-wrap:anywhere}.cip-message:empty{display:none}
.cip-message[data-error=true]{padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.45);border:var(--cb-border-width) solid var(--cb-danger);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-danger-soft);color:var(--cb-danger-ink)}
.cip-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);margin-top:10px;padding-top:calc(var(--cb-editor-space) * 0.45);border-top:var(--cb-border-width) solid var(--cb-border)}
.cip-panel button.cip-primary{background:var(--cb-primary);color:var(--cb-on-primary);border-color:var(--cb-primary)}.cip-panel button.cip-primary:hover:not(:disabled){background:var(--cb-primary-hover);border-color:var(--cb-primary-hover)}
.cip-loading,.cip-unavailable{padding:calc(var(--cb-editor-space) * 0.55);margin:0;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text);white-space:pre-wrap;overflow-wrap:anywhere}
@container(min-width:560px){.cip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.8)}}
@media(max-width:420px){.cip-heading{gap:calc(var(--cb-editor-space) * 0.25);padding:calc(var(--cb-editor-space) * 0.4)}.cip-heading>div:first-child{gap:calc(var(--cb-editor-space) * 0.3)}.cip-character{max-width:110px}.cip-form{padding:0 calc(var(--cb-editor-space) * 0.4) calc(var(--cb-editor-space) * 0.45)}.cip-panel button{padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.35)}.cip-row{grid-template-columns:76px minmax(0,1fr);gap:calc(var(--cb-editor-space) * 0.3)}.cip-row select{font-size:calc(12px * var(--cb-type-scale))}}
