.triangle-lab{padding:24px;margin:24px 0;background:#f0f5fc;border:1px solid #cbd7eb;border-radius:20px}.triangle-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.triangle-controls input{display:block;width:100%;margin:18px 0}.triangle-presets{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}#triangleOutput svg{width:100%;max-width:700px;display:block;margin:auto;background:white;border:1px solid #c6d2e6;border-radius:18px}#triangleOutput svg text{font:20px sans-serif;fill:#25344f}.triangle-lengths{font-weight:700;text-align:center}.triangle-results{display:flex;gap:16px;flex-wrap:wrap;padding:18px;background:white;border-radius:14px}.triangle-results span{display:block}.triangle-lab textarea{font:inherit;padding:12px;width:100%;display:block;min-height:100px;margin:12px 0}.triangle-lab>small{display:block}#triangleFeedback{padding:16px;background:white;border-left:4px solid #415bb4}@media(max-width:650px){.triangle-lab{padding:14px}.triangle-controls{grid-template-columns:1fr;gap:4px}}