#input-section{background:var(--surface-color);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--shadow-md);margin-bottom:0;border:1px solid var(--border-color);display:flex;flex-direction:column;height:fit-content}.column{min-width:0;display:flex;flex-direction:column;height:100%}.input-group{display:flex;flex-direction:column;margin-bottom:.75rem}.input-group label{font-weight:500;font-size:.85rem;color:var(--text-primary);margin-bottom:.4rem;display:flex;align-items:center}.input-group input{padding:.5rem;border:2px solid var(--border-color);border-radius:6px;font-size:.9rem;transition:var(--transition);background:var(--surface-color);color:var(--text-primary)}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.input-group input:hover{border-color:var(--secondary-color)}#reset-button{margin-top:.75rem;width:100%;justify-self:stretch;padding:.6rem 1rem;font-size:.9rem}#results-text{background:transparent;padding:0;border-radius:0;border:none;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.5;color:var(--text-primary);white-space:pre-line;margin:0;text-align:left}#visualization-section{background:var(--surface-color);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);text-align:center;position:relative}#mohrCanvas{border:2px solid var(--border-color);border-radius:8px;width:100%;aspect-ratio:4/3;max-width:100%;box-shadow:var(--shadow-sm);background:var(--surface-color);display:block}#results-overlay{position:absolute;top:2rem;left:2.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:var(--shadow-md);max-width:250px;z-index:10}@media(max-width:1024px){.main-layout{grid-template-columns:1fr;gap:1rem}#input-section{margin-bottom:1rem}}@media(max-width:968px){#input-section,#visualization-section{padding:1.25rem}#results-overlay{top:1.25rem;left:1.25rem;max-width:200px}}@media(max-width:640px){#input-section{padding:1rem;margin:0 -.5rem 2rem;border-radius:8px}#visualization-section{padding:1rem;margin:0 -.5rem;border-radius:8px}#results-overlay{position:static;margin:1rem 0 0;max-width:none;background:var(--background-color);-webkit-backdrop-filter:none;backdrop-filter:none}.input-group{margin-bottom:1rem}.input-group input{padding:.625rem}#mohrCanvas{width:100%;height:350px;max-width:100%}h2{font-size:1.25rem}}.input-group label sub{font-size:.8em;color:var(--text-secondary)}.input-group input:disabled{background-color:var(--background-color);color:var(--text-secondary);cursor:not-allowed}.input-group input,button,#mohrCanvas{transition:var(--transition)}