.main-layout{grid-template-columns:45% 1fr}.column{min-width:0;display:flex;flex-direction:column;gap:1rem}#input-section,#results-section{background:var(--surface-color);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.section-copy{margin-bottom:1rem;color:var(--text-secondary);font-size:.95rem}.sieve-inputs{display:grid;gap:.75rem}.sieve-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1fr);gap:.75rem;align-items:center;padding:.75rem;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--border-radius-small)}.sieve-label{display:flex;flex-direction:column}.sieve-label strong{font-size:.95rem}.sieve-label span{font-size:.8rem;color:var(--text-secondary)}.mass-input{width:100%}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--surface-muted);border-radius:var(--border-radius-small);border:1px solid var(--border-color);gap:1rem}.result-item .label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.result-item span:last-child{font-weight:var(--font-weight-bold);color:var(--text-primary)}#visualization-section{height:100%}.graph{width:100%;height:494px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);box-shadow:var(--shadow-sm);overflow:hidden}@media(max-width:768px){.results-grid,.sieve-row{grid-template-columns:1fr}.graph{height:420px}}