:root{--main-color: #626262;--second-color: #D9D9D9;--gap: min(2svh,.8rem);--space-1: clamp(1rem, 2%, 2rem);--space-2: clamp(.5rem, 1.25%, 2rem);--space-3: clamp(.5rem, 1vw, 1rem)}body{font-family:Segoe UI,Arial,sans-serif;padding:clamp(.5rem,1.25%,3rem);max-width:1100px;margin-inline:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}#editor{padding:var(--space-1);margin-bottom:1rem;border-radius:3px;background:#eee}#editor>legend:first-child{display:inline}#errors,#result{padding:var(--space-1);margin-top:1rem;margin-bottom:1rem;border-radius:6px}#errors{background:#f08080}#result{-webkit-user-select:text;-ms-user-select:text;user-select:text;background:#fafad2}x-phase{display:block;padding:var(--space-2);margin:1rem 0;border-radius:6px;border:2px solid var(--second-color)}x-phase>details>summary{cursor:pointer}x-step{display:block;margin:.5rem 0;padding:.5rem;border-bottom:2px solid var(--second-color)}#editor>div:first-child,x-phase>div:first-child,x-step>div,x-step .params,x-step .params>span,x-duration,fieldset{display:flex;align-items:center}x-phaseparams>div{padding:var(--space-2);gap:var(--gap);display:flex;justify-content:center}fieldset{gap:6vw;border:none;align-items:stretch}fieldset:disabled{color:#999}fieldset>div>.spacer{flex-grow:1}fieldset>div,x-numberwheel,x-numberwheel .numbers{display:flex;flex-direction:column;text-align:center;gap:var(--gap);max-width:10rem;overflow-x:auto}x-numberwheel input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:initial;border:none;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;text-align:center;width:100%;box-sizing:border-box}x-numberwheel input::-webkit-inner-spin-button,x-numberwheel input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;appearance:none}x-numberwheel .numbers{background:#eee}x-numberwheel .numbers,x-numberwheel button{padding:var(--gap) 0;margin-inline:0;border-radius:0}x-numberwheel .faded{color:#aaa;font-size:clamp(.9rem,2vw,1.1rem)}.round{background:#eee}.children{margin:clamp(.4rem,1.2%,3rem)}.params,x-duration{gap:.25rem;flex-wrap:wrap}.round,select,button{padding:clamp(5px,1vw,9px) clamp(5px,2.2vw,30px);margin:0 .5rem}select,button{border-radius:6px;border-style:none;gap:10px;background:var(--second-color);color:#000}select:not(:disabled),button:not(:disabled){transition:.2s;cursor:pointer}select:not(:disabled):hover,button:not(:disabled):hover{background-color:var(--main-color);color:#fff}select:disabled,button:disabled{color:#999}select.unset,button.unset{border:2px solid #f28500}button:not(:disabled):hover{background-color:var(--main-color);color:#fff}button.outlined{outline:2px solid var(--main-color);background:initial;color:var(--main-color)}.float-right{float:right;margin-left:auto}#modal{position:fixed;top:0;left:0;width:100vw;height:100svh;background:#000000b3;display:flex;align-items:center;justify-content:center}#modal>form{background:#fff;padding:clamp(.75rem,1.25%,1.25rem);border-radius:6px;max-width:calc(100vw - 2rem);max-height:85svh;overflow-y:auto}#modal-content{border-bottom:2px solid var(--second-color);margin-bottom:1rem;padding:var(--space-3);display:flex;align-items:center;flex-direction:column;overflow-y:auto;max-height:60vh}#modal-content>label:first-child{display:block;text-align:center;margin-bottom:var(--space-3);font-weight:700}#modal-content>div{display:flex;flex-wrap:wrap}#modal-content>div>button{width:clamp(90px,12vw,120px);height:clamp(100px,12vw,145px);margin:var(--space-3);flex-grow:1;flex-basis:calc((32rem - 100%)*999)}#modal-content>div>button>label{font-weight:700;display:block}