.wc-loop{margin:1rem 0;padding:12px;border:2px solid var(--color-rule,#e2e8f0);border-radius:12px;background:var(--color-paper-2,#fff);color:var(--color-ink,#1e293b);min-width:0}
.wc-loop h2{font-size:1.05rem;margin:0 0 6px}
.wc-loop p{font-size:.82rem;line-height:1.5;margin:6px 0 10px;overflow-wrap:anywhere}
.wc-loop button,.wc-loop input{font:inherit;min-height:44px;min-width:44px;border:2px solid var(--color-rule,#e2e8f0);border-radius:8px;padding:8px 10px}
.wc-loop button{background:var(--color-paper,#f8fafc);color:inherit;cursor:pointer}
.wc-loop button:disabled{opacity:.5;cursor:default}
.wc-loop :is(button,input):focus-visible{outline:3px solid var(--color-focus,#0891B2);outline-offset:2px}
.wc-loop-open{width:100%;font-weight:700!important}
.wc-loop [hidden]{display:none!important}
.wc-loop-form{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.wc-loop-form label{font-size:.85rem;font-weight:700}
.wc-loop input{width:100%;min-width:0;background:var(--color-paper-2,#fff);color:inherit;text-transform:uppercase}
.wc-loop-chain{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:10px 0;min-width:0}
.wc-loop-chain li{padding:5px 8px;border:1px solid var(--color-rule,#e2e8f0);border-radius:6px;font:700 .78rem/1.4 'JetBrains Mono',monospace;overflow-wrap:anywhere;max-width:100%}
.wc-loop-actions{display:flex;flex-wrap:wrap;gap:6px}
.wc-loop-result{min-height:2.5em}
@media(prefers-reduced-motion:reduce){.wc-loop *{animation:none!important;transition:none!important}}