.ci-summary {padding:12px 18px;margin-bottom:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);line-height:1.65;}
.ci-summary p {margin:4px 0;}
.ci-result {font-weight:600;color:var(--color-primary);}
.ci-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ci-item {min-height:64px;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;background:var(--color-bg);color:var(--color-text);font:inherit;text-align:center;white-space:normal;}
.ci-item small {line-height:1.6;}
.ci-icon {font-size:2rem;}
.ci-dialog {max-width:640px;}
.ci-dialog p {line-height:1.65;}
.ci-item:focus-visible,.ci-form :focus-visible {outline:3px solid var(--color-primary);outline-offset:3px;}
.ci-settings {margin-top:20px;border-top:1px solid var(--color-border);padding-top:12px;}
.ci-form {display:grid;gap:18px;}
.ci-form label {display:grid;gap:8px;}
.ci-form select,.ci-form input {width:100%;}
.cp-action-grid button[data-interaction] {cursor:pointer;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:16px 6px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:inherit;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:359px){.ci-grid{grid-template-columns:minmax(0,1fr);}}
.ci-dialog {background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);}