.app-container{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background-color:#f8fafc;min-height:100vh;padding:24px}.navbar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0;padding-bottom:16px;margin-bottom:24px}.navbar h1{margin:0;font-size:24px;color:#0f172a}.navbar p{margin:4px 0 0;color:#64748b;font-size:14px}.selector-box select{font-size:15px;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;background-color:#fff;font-weight:600;color:#1e293b;outline:none}.workspace-grid{display:grid;grid-template-columns:280px 1fr;gap:24px}.control-panel{background:#fff;padding:20px;border-radius:8px;border:1px solid #e2e8f0;height:fit-content}.control-panel h3{margin-top:0;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.control-group{margin-bottom:20px}.control-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.control-group input{width:100%;padding:6px;box-sizing:border-box}.reset-btn{width:100%;padding:10px;background:#64748b;color:#fff;border:none;font-weight:700;border-radius:4px;cursor:pointer}.reset-btn:hover{background:#475569}.visualization-arena{display:flex;flex-direction:column;gap:20px}.action-dock{display:flex;align-items:center;gap:24px;background:#f0fdf4;border:1px solid #bbf7d0;padding:16px;border-radius:8px}.action-btn{background:#16a34a;color:#fff;border:none;font-size:16px;font-weight:700;padding:12px 24px;border-radius:6px;cursor:pointer;transition:background-color .15s}.action-btn:hover{background:#15803d}.display-split{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.structural-math{background:#fff;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.latex-card{background:#0f172a;color:#38bdf8;padding:16px;border-radius:6px;font-family:monospace;font-size:16px;text-align:center;font-weight:700;margin-bottom:24px;word-break:break-all}.metric-table{width:100%;border-collapse:collapse}.metric-table th,.metric-table td{padding:10px;text-align:left;border-bottom:1px solid #f1f5f9}.metric-table th{font-size:12px;color:#64748b;text-transform:uppercase}.canvas-dock{display:flex;flex-direction:column;gap:16px}#modelPlot,#lossPlot{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:12px}