.circle-lab{padding:24px;margin:24px 0;background:#f0f5fc;border:1px solid #cbd7eb;border-radius:20px}.circle-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.circle-controls input{display:block;width:100%;margin:16px 0}.circle-modes{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.circle-modes [aria-pressed=true]{background:#415bb4;color:white}#circleOutput svg{display:block;width:100%;max-width:700px;margin:auto;background:white;border:1px solid #c6d2e6;border-radius:18px}#circleOutput text{font:20px sans-serif;fill:#25344f}.circle-results{display:flex;flex-wrap:wrap;gap:18px;padding:18px;margin:18px 0;background:white;border-radius:14px}.circle-lab input:not([type=range]),.circle-lab textarea{font:inherit;padding:12px;display:block;max-width:100%;margin:12px 0}.circle-lab textarea{width:100%;min-height:100px}.circle-lab>small{display:block}#circleFeedback{padding:16px;background:white;border-left:4px solid #415bb4}@media(max-width:650px){.circle-lab{padding:14px}.circle-controls{grid-template-columns:1fr}}