:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182033;background:#eef2f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);width:100%;height:100vh;overflow:hidden;background:#f3f6fb}.sidebar{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px 18px;overflow-y:auto;background:#fff;border-right:1px solid #dfe5ef;box-shadow:8px 0 28px #1a233a0f;z-index:2}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 4px}.eyebrow{margin:0 0 5px;color:#55708f;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#172033;font-size:1.55rem;line-height:1.18}.expression-list{display:flex;flex-direction:column;gap:12px}.expression-row{border:1px solid #dce3ee;border-radius:8px;background:#fff;box-shadow:0 8px 18px #25314b0f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.expression-row:focus-within{border-color:#8ab8ef;box-shadow:0 9px 22px #2d70b324}.expression-row.has-error{border-color:#f0a7a3}.expression-main{display:grid;grid-template-columns:16px minmax(0,1fr) 34px 34px;align-items:center;gap:9px;min-height:58px;padding:10px}.color-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 4px #1820330d}.expression-main input{min-width:0;width:100%;padding:11px 10px;color:#182033;border:1px solid transparent;border-radius:7px;outline:none;background:#f7f9fc}.expression-main input:focus{border-color:#b8d6f7;background:#fff}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;color:#536178;border:1px solid #d9e0ea;border-radius:7px;background:#fff}.icon-button:hover{color:#182033;border-color:#bac6d6;background:#f5f8fc}.error-message{margin:0;padding:0 12px 12px 47px;color:#b53631;font-size:.84rem;line-height:1.35}.add-expression{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;color:#fff;border:0;border-radius:8px;background:#2d70b3;box-shadow:0 10px 20px #2d70b333;font-weight:700}.add-expression span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff3;font-size:1.05rem;line-height:1}.add-expression:hover{background:#245f9b}.graph-panel{position:relative;min-width:0;height:100%;overflow:hidden;background:#fbfcff}.canvas-wrap{width:100%;height:100%}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.toolbar{position:absolute;top:18px;right:18px;z-index:1;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dce3ee;border-radius:8px;background:#fffffff0;box-shadow:0 12px 28px #1a233a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar button{min-width:40px;height:38px;padding:0 12px;color:#26334b;border:1px solid #d8e0eb;border-radius:7px;background:#fff;font-weight:700}.toolbar button:hover{border-color:#9db2ca;background:#f5f8fc}@media(max-width:820px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr);height:100vh}.sidebar{max-height:42vh;border-right:0;border-bottom:1px solid #dfe5ef;padding:18px}.expression-main{grid-template-columns:14px minmax(0,1fr) 32px 32px}.toolbar{top:12px;right:12px;left:12px;justify-content:flex-end;flex-wrap:wrap}}@media(max-width:520px){.sidebar{gap:14px;padding:15px}h1{font-size:1.3rem}.toolbar button{min-width:38px;padding:0 10px;font-size:.92rem}}