:root{--c-bg: #efefef;--c-surface: #ffffff;--c-surface-alt: #f5f5f5;--c-line: #d4d4d4;--c-line-strong: #a8a8a8;--c-text: #111111;--c-text-mid: #555555;--c-text-faint: #999999;--c-accent: #111111;--c-accent-fg: #ffffff;--c-danger: #c00000;--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--t-xs: .6875rem;--t-sm: .75rem;--t-md: .8125rem;--t-lg: .9375rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-sm: 2px;--r-md: 4px;--bw: 1px;--header-h: 52px;--footer-h: 28px;--toolbar-h: 30px;--gap: 16px;--tr: 80ms ease}*,*:before,*:after{box-sizing:border-box}html{height:100%;max-width:100vw;overflow-x:hidden}body{margin:0;height:100%;max-width:100vw;overflow-x:hidden;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--t-md);line-height:1.4;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,select{font-family:inherit;font-size:var(--t-sm);color:inherit}button{cursor:pointer}a{color:var(--c-text)}body{display:flex;gap:var(--gap);padding:var(--gap);padding-top:calc(var(--header-h) + var(--gap));padding-bottom:calc(var(--footer-h) + var(--gap));flex-direction:column}header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:10;display:flex;align-items:center;gap:var(--s5);padding:0 var(--s5);background:var(--c-surface);border-bottom:var(--bw) solid var(--c-line)}header h1{font-size:var(--t-lg);font-weight:500;letter-spacing:-.01em;white-space:nowrap}header p{font-size:var(--t-xs);color:var(--c-text-faint);margin-right:auto}header button{height:26px;padding:0 var(--s3);font-size:var(--t-xs);letter-spacing:.05em;text-transform:uppercase}footer{position:fixed;bottom:0;left:0;right:0;min-height:var(--footer-h);height:auto;z-index:10;display:flex;align-items:center;padding:var(--s2) var(--s5);background:var(--c-surface);border-top:var(--bw) solid var(--c-line)}footer a{font-size:var(--t-xs);color:var(--c-text-faint);text-decoration:none;letter-spacing:.02em}footer a:hover{color:var(--c-text-mid)}.graphPane{display:grid;grid-template-columns:repeat(6,auto) 1fr;grid-template-rows:var(--toolbar-h) 1fr var(--toolbar-h);background:var(--c-surface);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);overflow:hidden;min-height:0}.graphPane>button:nth-child(1){grid-row:1;grid-column:1}.graphPane>button:nth-child(2){grid-row:1;grid-column:2}.graphPane>button:nth-child(3){grid-row:1;grid-column:3}.graphPane>button:nth-child(4){grid-row:1;grid-column:4}.graphPane>button:nth-child(5){grid-row:1;grid-column:5}.graphPane>button:nth-child(6){grid-row:1;grid-column:6}#graph{grid-row:2;grid-column:1 / -1;width:100%;height:100%;position:relative;min-width:0;min-height:0;border-top:var(--bw) solid var(--c-line);border-bottom:var(--bw) solid var(--c-line)}#selPatmAlt{grid-row:3;grid-column:1 / 4}#PatmAlt{grid-row:3;grid-column:4 / 7}.graphPane>button,#selPatmAlt,#PatmAlt{margin:0;border:none;border-right:var(--bw) solid var(--c-line);border-radius:0;background:var(--c-surface-alt);height:var(--toolbar-h);padding:0 var(--s3);align-self:stretch;font-size:var(--t-xs);color:var(--c-text-mid);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.graphPane>button:nth-child(6){border-right:none}#PatmAlt{border-right:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--c-text)}.graphPane>button:hover{background:#e6e6e6;color:var(--c-text)}.graphPane>button:active{background:var(--c-text);color:var(--c-surface)}#selPatmAlt:focus,#PatmAlt:focus{outline:none;background:#ebebeb}.controlePane{display:flex;flex-direction:column;background:var(--c-surface);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);overflow:hidden;min-height:0}.navHead{display:flex;align-items:stretch;height:var(--toolbar-h);border-bottom:var(--bw) solid var(--c-line);flex-shrink:0}.navHead button{border:none;border-right:var(--bw) solid var(--c-line);border-radius:0;height:100%;padding:0 var(--s3);background:var(--c-surface-alt);font-size:var(--t-sm);color:var(--c-text-mid);white-space:nowrap}.navHead button:hover{background:#e6e6e6;color:var(--c-text)}#navTitle{flex:1;min-width:0;height:100%;padding:0 var(--s3);border:none;border-right:var(--bw) solid var(--c-line);border-radius:0;background:var(--c-surface);font-size:var(--t-sm);color:var(--c-text)}#navTitle:focus{outline:none}#navDelete{color:var(--c-danger)!important}#navDelete:hover{background:var(--c-danger)!important;color:#fff!important}#navNext{border-right:none}.data{display:flex;flex-direction:column;min-height:0;flex:1}.dataHead{display:flex;align-items:stretch;height:var(--toolbar-h);border-bottom:var(--bw) solid var(--c-line);flex-shrink:0}.dataHead button{border:none;border-right:var(--bw) solid var(--c-line);border-radius:0;height:100%;padding:0 var(--s3);background:var(--c-surface-alt);font-size:var(--t-sm);color:var(--c-text-mid);white-space:nowrap}.dataHead button:hover{background:#e6e6e6;color:var(--c-text)}.dataHead button:last-child{border-right:none}#renderData{flex:1;min-height:0;overflow-y:auto;padding:var(--s3);background:var(--c-surface);display:flex;flex-direction:column;gap:var(--s2)}.point{border:var(--bw) solid var(--c-line);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface);flex-shrink:0}.point .head{display:flex;align-items:stretch;height:var(--toolbar-h);background:var(--c-surface-alt);border-bottom:var(--bw) solid var(--c-line)}.point .head>div:first-child{flex:1;min-width:0;display:flex;align-items:center}.point .head>div:first-child input[type=text]{width:100%;height:100%;border:none;border-radius:0;background:transparent;padding:0 var(--s3);font-size:var(--t-sm);font-weight:500;color:var(--c-text)}.point .head>div:first-child input[type=text]:focus{outline:none;background:#fff}.point .head>div:nth-child(2){display:flex;align-items:center;padding:0 var(--s2);border-left:var(--bw) solid var(--c-line)}.point .head input[type=color]{width:22px;height:22px;border:var(--bw) solid var(--c-line-strong);border-radius:var(--r-sm);padding:1px;cursor:pointer;background:none}.point .head input[type=color]::-webkit-color-swatch-wrapper{padding:0}.point .head input[type=color]::-webkit-color-swatch{border:none;border-radius:1px}.point .head>button{border:none;border-left:var(--bw) solid var(--c-line);border-radius:0;height:100%;padding:0 var(--s3);background:transparent;color:var(--c-danger);display:flex;align-items:center;justify-content:center}.point .head>button:hover{background:var(--c-danger);color:#fff}.point .main{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s1) var(--s3);padding:var(--s3)}.point>div:not(.head):not(.main){display:none;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s1) var(--s3);padding:0 var(--s3) var(--s3);border-top:var(--bw) dashed var(--c-line)}.point>div:not(.head):not(.main)[style*="display: block"],.point>div:not(.head):not(.main)[style*="display:block"]{display:grid!important}.inputDiv{display:flex;flex-direction:column;gap:2px}.inputDiv label{font-size:var(--t-xs);color:var(--c-text-faint);line-height:1.2}.inputDiv input[type=number]{width:100%;height:28px;padding:0 var(--s2);border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);font-family:var(--font-mono);font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--c-text)}.inputDiv input[type=number]:focus{outline:none;border-color:var(--c-text)}button.openFull{display:block;width:100%;height:22px;border:none;border-top:var(--bw) solid var(--c-line);border-radius:0;background:var(--c-surface-alt);font-size:var(--t-xs);color:var(--c-text-faint);text-align:center;padding:0;letter-spacing:.02em}button.openFull:hover{background:#e6e6e6;color:var(--c-text-mid)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);height:30px;padding:0 var(--s3);background:var(--c-surface);color:var(--c-text);border:var(--bw) solid var(--c-line-strong);border-radius:var(--r-sm);font-weight:400;font-size:var(--t-sm);white-space:nowrap;letter-spacing:.01em;transition:background var(--tr),border-color var(--tr),color var(--tr)}button:hover{background:#ebebeb}button:active{background:var(--c-accent);color:var(--c-accent-fg);border-color:var(--c-accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--c-text);outline-offset:1px}#newPointBtn,#newProcessBtn,#navAdd{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-fg);font-weight:500}#newPointBtn:hover,#newProcessBtn:hover,#navAdd:hover{background:#333;border-color:#333;color:var(--c-accent-fg)}input[type=text],input[type=number],select{height:30px;padding:0 var(--s2);background:var(--c-surface);border:var(--bw) solid var(--c-line-strong);border-radius:var(--r-sm);color:var(--c-text);font-size:var(--t-sm)}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}input:focus,select:focus{outline:none;border-color:var(--c-text)}#graph section{position:absolute;inset:0;background:var(--c-surface);overflow-y:auto;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s5);z-index:1}#graph section>div{display:flex;flex-direction:column;gap:var(--s1)}#graph section h2{font-size:var(--t-md);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-mid);padding-bottom:var(--s2);border-bottom:var(--bw) solid var(--c-line);margin-bottom:var(--s2)}#graph section>div>div{display:flex;align-items:center;justify-content:space-between;height:28px;gap:var(--s3)}#graph section label{font-size:var(--t-sm);color:var(--c-text-mid);flex:1;min-width:0}#graph section input[type=number]{width:80px;height:24px;padding:0 var(--s2);border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface-alt);font-family:var(--font-mono);font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--c-text);flex-shrink:0}#graph section input[type=number]:focus{outline:none;border-color:var(--c-text);background:#fff}#graph section input[type=color]{width:28px;height:24px;padding:1px;border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);background:none;cursor:pointer;flex-shrink:0}#graph section input[type=color]::-webkit-color-swatch-wrapper{padding:0}#graph section input[type=color]::-webkit-color-swatch{border:none;border-radius:1px}#graph section input[type=checkbox]{width:14px;height:14px;accent-color:var(--c-text);cursor:pointer;flex-shrink:0}#graph section>div:last-child{flex-direction:row;justify-content:flex-end;align-items:center;height:auto;gap:var(--s2);padding-top:var(--s3);border-top:var(--bw) solid var(--c-line);margin-top:var(--s2)}#graph section>div:last-child button:first-child{background:var(--c-surface);border-color:var(--c-line-strong);color:var(--c-text-mid)}#graph section>div:last-child button:first-child:hover{background:#ebebeb;color:var(--c-text)}#graph section>div:last-child button:last-child{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-fg)}#graph section>div:last-child button:last-child:hover{background:#333;border-color:#333}@media(min-aspect-ratio:1/1){body{flex-direction:row;align-items:stretch;height:100vh;overflow:hidden}.graphPane{flex:1.6 1 0;min-width:0;height:100%}.controlePane{flex:1 1 0;min-width:0;max-width:420px;height:100%}}@media(max-aspect-ratio:1/1){body{flex-direction:column;height:auto;min-height:100%;overflow-y:auto;padding-top:88px}.graphPane{width:100%;height:min(141.42vw,75vh);min-width:0;flex-shrink:0}.controlePane{width:100%;min-height:40vh;flex-shrink:0}header{height:auto;padding:var(--s3) var(--s4);gap:var(--s2);flex-wrap:wrap}header h1{flex-basis:100%;font-size:var(--t-md)}header p{margin-right:auto}}@media(max-width:480px){:root{--toolbar-h: 44px;--gap: 10px;--t-xs: .8125rem;--t-sm: .9375rem;--t-md: 1rem;--t-lg: 1.125rem}body{padding:var(--gap);padding-top:var(--gap)}header{position:static;gap:var(--s2);padding:var(--s3) 0;border-bottom:none}header button{height:36px;padding:0 var(--s3);font-size:var(--t-sm)}footer{position:static;padding:var(--s3);justify-content:center;text-align:center}.graphPane{grid-template-columns:repeat(3,1fr);grid-template-rows:var(--toolbar-h) var(--toolbar-h) 1fr var(--toolbar-h)}.graphPane>button:nth-child(1){grid-row:1;grid-column:1;border-bottom:var(--bw) solid var(--c-line)}.graphPane>button:nth-child(2){grid-row:1;grid-column:2;border-bottom:var(--bw) solid var(--c-line)}.graphPane>button:nth-child(3){grid-row:1;grid-column:3;border-bottom:var(--bw) solid var(--c-line);border-right:none}.graphPane>button:nth-child(4){grid-row:2;grid-column:1}.graphPane>button:nth-child(5){grid-row:2;grid-column:2}.graphPane>button:nth-child(6){grid-row:2;grid-column:3;border-right:none}#graph{grid-row:3;grid-column:1 / -1}#selPatmAlt{grid-row:4;grid-column:1 / 3}#PatmAlt{grid-row:4;grid-column:3 / -1}.graphPane>button,#selPatmAlt,#PatmAlt{height:var(--toolbar-h);font-size:var(--t-sm)}.navHead{height:var(--toolbar-h)}.navHead button{padding:0 var(--s4);font-size:var(--t-sm)}.dataHead{height:var(--toolbar-h)}.dataHead button{padding:0 var(--s4);font-size:var(--t-sm)}#renderData{padding:var(--s3);gap:var(--s3)}.point .head{height:var(--toolbar-h)}.point .main{gap:var(--s2) var(--s3);padding:var(--s3)}.inputDiv input[type=number]{height:36px}button.openFull{height:32px}button{height:44px;padding:0 var(--s4)}input[type=text],input[type=number],select{height:44px;padding:0 var(--s3)}#graph section{padding:var(--s4);gap:var(--s4)}#graph section h2{margin-bottom:var(--s3)}#graph section>div>div{height:44px;gap:var(--s3)}#graph section input[type=number]{width:96px;height:36px}#graph section input[type=color]{width:40px;height:36px}#graph section input[type=checkbox]{width:24px;height:24px}#graph section>div:last-child{gap:var(--s3);padding-top:var(--s4)}#graph section>div:last-child button{flex:1;height:44px}}@media print{@page{size:A4 portrait;margin:2cm}:root{--c-bg: #fff;--c-surface: #fff;--c-surface-alt: #fff;--c-line: #000;--c-line-strong: #000;--c-text: #000;--c-text-mid: #000;--c-text-faint: #333;--c-accent: #000;--bw: 1pt}body{display:block;padding:0!important;margin:0!important;height:auto!important;overflow:visible!important;background:#fff;color:#000}button,select,input[type=color],footer,#graph section,.navHead,.dataHead,.graphPane>button,#selPatmAlt,#PatmAlt{display:none!important}header{position:static;height:auto;padding:0 0 1cm;border:none;display:block}header p{color:#000}.graphPane{display:block;border:none;height:auto;width:100%;break-after:page;page-break-after:always}#graph{width:100%;height:22cm;border:none}.controlePane{display:block;border:none;height:auto}#renderData{padding:0;overflow:visible;display:block}.point,.process{break-inside:avoid;page-break-inside:avoid;margin-bottom:1cm;border:1pt solid #000;background:#fff}.point .head{border-bottom:1pt solid #000;background:transparent}.point>div:not(.head):not(.main){display:grid!important;border-top:1pt dashed #000}.inputDiv label{color:#333}input[type=text],input[type=number]{border:none;background:transparent;padding:0;height:auto;color:#000;font-weight:600}}