:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2f1dc;background:#121212}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #63635d;border-radius:30px;min-height:48px;padding:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:hover{border-color:#e2f58a}button:focus-visible{outline:2px solid #e2f58a;outline-offset:3px}svg{width:21px;height:21px}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e2f58a;color:#121212;font-size:39px}.identity{position:fixed;top:110px;left:32px;pointer-events:none}small{font-size:10px;letter-spacing:2px;color:#aaa99f}h1{font-size:42px;font-weight:400;line-height:1.08;margin:20px 0}p{font-size:13px;color:#aaa99f}nav{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;background:#272725;padding:7px;gap:8px;border-radius:38px}nav button{min-width:100px;border:0}nav button:first-child{background:#e2f58a;color:#131313}nav button:nth-child(2){color:#c0abe9}nav button:nth-child(3){color:#a9dbae}dialog{border:1px solid #575750;border-radius:24px;background:#1b1b1a;color:#f2f1dc;width:min(580px,calc(100% - 24px));max-height:85dvh;padding:24px}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-weight:400;margin:0;font-size:26px}label{display:grid;gap:8px;font-size:12px;color:#c4c3b6;margin:14px 0}input,select{width:100%;min-width:0;border:1px solid #56564f;border-radius:8px;padding:14px;background:#272725;color:#f4f3df;font-size:16px}.primary{background:#e2f58a;color:#111;border:0;width:100%;margin-top:12px}details{border-radius:8px;margin-bottom:12px;background:#a9dbae;color:#111;overflow:hidden}details:nth-child(3n+2){background:#b8a4e4}details:nth-child(3n){background:#92b7ef}summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:16px;list-style:none}summary:after{content:"⌄";font-size:24px}details[open] summary:after{content:"⌃"}summary strong{font-size:23px;font-weight:400}summary span{font-size:12px}.fields{padding:0 16px 16px}.fields label{color:#222}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px}.actions button{flex:1;color:#111;border-color:#3335}.actions .primary{margin:0}#ruler{position:fixed;bottom:100px;left:16px;right:16px;background:#252523;border:1px solid #55554b;border-radius:8px;padding:16px;max-height:36dvh;overflow:auto}#ruler h3{font-size:15px;margin:0 0 12px}.strip{display:flex;width:max-content;align-items:center;border-top:12px solid #c37e46;padding-top:12px;gap:28px}.strip span{font-size:12px;white-space:nowrap}.strip b{color:#ff7767}footer{font-size:10px;color:#aaa;margin-top:18px}#selection{position:fixed;top:24px;left:50%;transform:translate(-50%);font-size:12px;color:#e2f58a;pointer-events:none}@media(max-width:600px){.identity{top:88px;left:22px}h1{font-size:28px;margin:12px 0}header{left:20px;right:20px;top:16px}nav{width:calc(100% - 32px);max-width:370px;justify-content:space-between}nav button{min-width:0;flex:1;flex-direction:column;font-size:11px;gap:5px}dialog{padding:18px}#selection{top:220px;width:90%;text-align:center}}summary:after{display:none!important}.expand-icon{width:20px;height:20px;flex-shrink:0;stroke-width:1.7;transition:transform .18s}details[open] .expand-icon{transform:rotate(180deg)}.tile-arrow{background:transparent!important}.tile-arrow svg{stroke-width:1.7}.epure-modal{width:min(900px,calc(100% - 24px))}.epure-switch{display:flex;gap:10px}.epure-switch button[aria-pressed=true]{background:#dff18c;color:#121212;border-color:#dff18c}.epure-strip{display:flex;gap:24px;overflow:auto;border-top:8px solid #c88752;padding:16px 0}.epure-strip span{display:grid;gap:8px;flex-shrink:0;font-size:13px}.epure-strip b{color:#ff8176}.epure-strip small{letter-spacing:0}#epure-drawing svg{width:100%;max-height:340px;display:block;border-radius:8px}label[hidden]{display:none!important}nav{gap:4px}nav button{min-width:85px}@media(max-width:700px){nav button{min-width:0;padding:8px;flex:1}nav{max-width:440px}.identity{top:70px}}.plan-toolbar{position:fixed;top:180px;left:24px;display:flex;align-items:center;gap:10px;background:#252523;padding:8px 12px;border-radius:28px;font-size:12px}.plan-toolbar[hidden]{display:none}.plan-toolbar select{width:auto;padding:10px;font-size:12px}.plan-toolbar button{min-height:40px;padding:9px}.plan-mode #epure{background:#a5d5aa;color:#161616}.plan-mode #selection{top:246px}@media(max-width:700px){.plan-toolbar{top:170px;left:16px;right:16px;justify-content:space-between}.plan-toolbar span{font-size:11px}}.plan-mode #add,.plan-mode #sequence-overview{display:none!important}.plan-mode .identity h1,.plan-mode .identity p{color:#253137}.plan-toolbar select{min-width:0;max-width:240px}.plan-mode nav{max-width:340px}#selection:empty{display:none}#content summary .quick-delete{width:44px;height:44px;min-height:44px;padding:10px;flex-shrink:0;border:0;color:#692c32;background:#ffffff45;border-radius:50%}#content summary .quick-delete:hover{background:#ffffff90}#content summary strong{margin-left:auto}#content summary{gap:10px}#content summary .quick-delete svg{width:20px;height:20px}:root{--paper:#f0f0d9;--lime:#dff18c;--mint:#a5d5aa;--lilac:#ad9bdf;--pink:#eca8f5;--blue:#507ee0;color:var(--paper);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}header{top:24px;left:28px;right:28px}.logo{width:58px;height:44px;border:1px solid #77776d;border-radius:28px;background:transparent;color:var(--paper);font-size:32px}header button{border-color:#74746b;width:46px;height:46px;background:#121212}.identity{top:102px;left:32px}.identity small{letter-spacing:0;font-size:12px;color:#a8a89c}.identity h1{font-size:32px;font-weight:400;margin:12px 0 20px;line-height:1.15}.identity p{display:inline-block;margin:0;padding:11px 18px;border-radius:28px;background:var(--paper);color:#171716;font-size:12px}nav{background:#262624;border-radius:32px;padding:8px 12px;gap:12px;bottom:24px;min-height:76px;border:1px solid #363632}nav button{flex-direction:column;gap:6px;border-radius:26px;font-size:11px;font-weight:400;min-width:100px}nav button:first-child{background:var(--paper)}nav button:nth-child(2),nav button:nth-child(3){color:var(--paper)}nav button:hover{background:#3c3c36}nav button:first-child:hover{background:var(--lime)}#sequence-overview{position:fixed;left:32px;bottom:128px;width:310px}#sequence-overview h2{font-size:19px;margin:0 0 16px;display:flex;justify-content:space-between;align-items:center}#sequence-overview h2 span{font-size:12px;color:#9b9b90}.sequence-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sequence-tile{position:relative;border:0;border-radius:8px;min-height:120px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#151515;background:var(--mint);text-align:left}.sequence-tile:nth-child(4n+2){background:var(--lilac)}.sequence-tile:nth-child(4n+3){background:var(--pink)}.sequence-tile:nth-child(4n){background:var(--blue);color:#fff}.sequence-tile strong{font-size:26px;font-weight:400}.sequence-tile small{color:inherit;letter-spacing:0;font-size:12px}.sequence-tile .tile-arrow{position:absolute;right:12px;top:12px;background:var(--paper);color:#151515;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.tile-arrow svg{width:17px;height:17px}.sequence-tile:hover{filter:brightness(1.08)}dialog{background:#151514;border:1px solid #494940;border-radius:24px;padding:26px}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}h2{font-size:25px;font-weight:400}.dialog-head{margin-bottom:24px}input,select{background:var(--paper);color:#181816;border:0;border-radius:24px;padding:14px 18px}label{color:#c8c8b8;font-weight:400}.primary{background:var(--paper);color:#171715;font-weight:400}details{background:var(--mint);border:0;margin-bottom:14px}details:nth-child(4n+2){background:var(--lilac)}details:nth-child(4n+3){background:var(--pink)}details:nth-child(4n){background:#91b3ef}summary{min-height:94px;padding:18px;gap:12px}summary:after{background:var(--paper);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}summary span{max-width:40%;line-height:1.5}summary strong{font-size:25px;white-space:nowrap}.fields input,.fields select{background:#ffffffa3}.fields label{font-size:12px}.actions .primary{background:var(--paper)}#ruler{background:#20201e;border-color:#55554a;padding:22px;border-radius:8px;bottom:118px;z-index:3}#ruler h3{font-weight:400;font-size:20px}#selection{background:#121212b3;padding:8px 16px;border-radius:24px}@media(max-width:700px){header{top:max(16px,env(safe-area-inset-top));left:20px;right:20px}.identity{top:80px;left:20px}.identity h1{font-size:24px;margin:10px 0 12px}.identity p{padding:8px 13px;font-size:11px}#sequence-overview{left:20px;right:20px;bottom:116px;width:auto}#sequence-overview h2{font-size:16px;margin-bottom:10px}.sequence-tiles{display:flex;overflow:auto;gap:10px;padding-bottom:4px;scrollbar-width:none}.sequence-tile{min-width:138px;min-height:102px;padding:12px}.sequence-tile strong{font-size:23px}.sequence-tile .tile-arrow{width:25px;height:25px;right:10px;top:10px}nav{width:calc(100% - 32px);max-width:420px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px;padding:6px 10px;min-height:74px}nav button{min-width:0;min-height:58px}dialog{padding:18px;max-height:85dvh}#selection{top:190px;font-size:11px}#ruler{bottom:104px;max-height:43dvh}}@media(max-height:640px){#sequence-overview{display:none}.identity h1{font-size:21px}.identity{top:72px}}.tube-scroll{overflow:auto;padding:8px 0;scrollbar-color:#77776b #252523}.tube-track{position:relative;min-height:115px}.tube-copper{position:absolute;left:30px;right:30px;top:24px;height:16px;border-radius:8px;background:linear-gradient(#dea46f,#b96938 55%,#884221);border:1px solid #e8b185}.tube-origin,.tube-end{position:absolute;top:0;font-size:11px}.tube-origin{left:30px}.tube-end{right:30px}.tube-mark{position:absolute;top:17px;width:0;color:#f35248}.tube-mark.end{color:#42c995}.tube-mark i{display:block;position:absolute;width:4px;height:30px;left:-2px;background:currentColor;box-shadow:0 0 0 1px #252523;border-radius:2px}.tube-mark:after{content:"";position:absolute;top:30px;height:calc(12px + var(--lane)*28px);border-left:1px solid currentColor;opacity:.6}.tube-mark span{position:absolute;top:calc(44px + var(--lane)*28px);transform:translate(-50%);white-space:nowrap;font-size:11px;background:#252523;padding:3px}.tube-mark b{margin-right:3px}.tube-legend{font-size:11px!important}body:not(.plan-mode) #edit{display:none}.sequence-tiles{max-height:28dvh;overflow:auto;overscroll-behavior:contain}#straight-adjust{position:fixed;top:80px;right:16px;width:min(280px,calc(100vw - 32px));padding:16px;background:#232523f5;border:1px solid #65685c;border-radius:8px;z-index:4;box-shadow:0 8px 30px #0006}#straight-adjust[hidden]{display:none}.adjust-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.adjust-head button{border:0;min-height:36px;width:36px;padding:6px}.adjust-value{display:flex;align-items:center;gap:8px;margin-top:12px}.adjust-value button{width:44px;min-height:44px;flex-shrink:0;font-size:22px}.adjust-value label{display:flex;align-items:center;gap:6px;margin:0}.adjust-value input{padding:10px;width:100%;border-radius:8px;font-size:16px}#straight-adjust input[type=range]{width:100%;margin:16px 0 0;padding:0;accent-color:#dff18c;touch-action:pan-x}.form-error{color:#ffa49a;font-size:13px;line-height:1.4;margin:8px 0;white-space:normal}.form-error:empty{display:none}.extensions{display:flex;flex-wrap:wrap;gap:16px}.extensions label{display:flex;align-items:center;gap:10px;min-height:44px}.extensions input{width:22px;height:22px;padding:0;accent-color:#a5d5aa}#item-form .actions button{color:#f2f1dc;border-color:#64645b}#item-form .actions .primary{color:#151514}.rule-deduction{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 0 20px;border-bottom:1px solid #54564b;color:#ffaaa2}.rule-deduction small{flex-basis:100%;font-size:12px;letter-spacing:0;line-height:1.5}.rule-deduction strong{font-size:18px}.plan-mode #ruler{max-height:48dvh}@media(max-width:600px){#straight-adjust{top:66px;width:246px}.plan-mode .plan-toolbar{top:136px}.plan-mode #straight-adjust{top:200px}#selection{max-width:90vw;white-space:normal}#item-form .grid{gap:10px}#item-form label{font-size:12px}}