:root{color:#111827;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#111827;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.48rem .7rem}button:hover{border-color:#64748b}input,select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.45rem .5rem}label{color:#374151;gap:.28rem;font-size:.85rem;font-weight:650;display:grid}.app-shell{grid-template-columns:minmax(330px,410px) 1fr;min-height:100vh;display:grid}.left-panel{background:#f9fafb;border-right:1px solid #d7dde5;flex-direction:column;gap:1rem;height:100vh;padding:1rem;display:flex;overflow:auto}.app-header h1{color:#111827;margin:0;font-size:1.35rem;line-height:1.2}.app-header p{color:#64748b;margin:.35rem 0 0;font-size:.92rem}.panel-section-title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-section-title h2{margin:0;font-size:.95rem}.graph-controls,.function-card{background:#fff;border:1px solid #d7dde5;border-radius:8px;padding:.85rem}.control-grid,.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem;display:grid}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.8rem;display:grid}.button-row button{min-width:0;padding-inline:.45rem;font-size:.82rem}.function-list{gap:.8rem;display:grid}.add-function-button{background:#f8fafc;border-color:#94a3b8;width:100%;font-weight:750}.card-header{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-bottom:.75rem;display:grid}.display-toggle{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.display-toggle input{width:auto}.function-number{font-weight:800}.text-button{padding:.35rem .5rem}.function-card{border-left-width:5px;gap:.72rem;display:grid}.equation-preview{overflow-wrap:anywhere;background:#ffffffc2;border:1px solid #d7dde5;border-radius:6px;padding:.55rem .65rem;font-family:Cascadia Mono,Consolas,monospace;font-size:.86rem;font-weight:750}.notes{color:#4b5563;margin:0;padding-left:1.1rem;font-size:.84rem}.validation{color:#b91c1c;font-size:.8rem;font-weight:600}.graph-area{min-width:0;height:100vh;padding:1rem}.canvas-shell{cursor:default;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:100%;min-height:360px;position:relative;overflow:hidden}.canvas-panning,.canvas-panning canvas{cursor:grabbing}.zoom-cursor-indicator{z-index:2;color:#fff;pointer-events:none;background:#0f172adb;border:1px solid #0f172a29;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:10px;margin-left:10px;font-size:18px;font-weight:800;line-height:1;display:grid;position:absolute}canvas{display:block}@media (width<=850px){.app-shell{grid-template-columns:1fr}.left-panel{border-bottom:1px solid #d7dde5;border-right:0;height:auto;max-height:none}.graph-area{height:70vh}}