:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#263544;background:#f1f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:24px;max-width:1700px;margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h1{font-size:36px;letter-spacing:-1.4px;margin:8px 0}h2{font-size:19px;margin:9px 0}p{line-height:1.55;margin:6px 0;color:#63717d}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:#70818e}button,select{font:inherit;border:1px solid #d4dde3;background:white;border-radius:7px;padding:9px 13px;color:#344756;cursor:pointer}button:hover{background:#eaf4f2}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #28a38a;outline-offset:3px}.primary{background:#167e6c;color:white;min-width:90px}.primary:hover{background:#126e5d}main{display:grid;grid-template-columns:minmax(0,1fr) 440px 240px;gap:14px;align-items:start}.viewer-column{grid-column:1;grid-row:1;display:grid;gap:14px;min-width:0}.panel{border:1px solid #dde5e9;border-radius:13px;background:white;overflow:hidden}.scene{position:relative;background:#f9fbfc}.scene-head{position:absolute;inset:16px 20px auto;display:flex;align-items:center;justify-content:flex-end;font-size:12px;font-weight:700;letter-spacing:1px}.scene-head{gap:8px}.scene-head button,.scene-head select{font-size:11px}canvas{width:100%;height:clamp(300px,45vh,440px);display:block;touch-action:none;cursor:grab}.scene-foot{display:flex;align-items:center;gap:16px;padding:0 20px 20px;font-size:11px;color:#75838d;flex-wrap:wrap}.scene-foot span{margin-right:auto}input{accent-color:#16866f}aside{grid-column:3;grid-row:1;padding:18px}.setting{display:block;font-size:13px;font-weight:600;margin-top:23px}.setting output{float:right;color:#167e6c}.setting input{display:block;width:100%;margin:12px 0}#preset{display:block;width:100%;margin-top:12px;font-size:12px}.hint{font-size:12px;line-height:1.65}hr{border:0;border-top:1px solid #e6ebee;margin:22px 0}#node-info{font-size:13px;line-height:1.9}#members{margin:10px 0;font-size:12px;line-height:1.9}.playback,.tree-panel{padding:18px}.tree-panel{grid-column:2;grid-row:1;min-width:0}.transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transport span{margin-left:auto;font-size:12px;color:#71828c}#timeline{width:100%;margin:20px 0}.explanation{display:flex;gap:18px;min-height:87px}.explanation>span{font-size:29px;color:#16866f;font-weight:300}.explanation h2{margin:0 0 6px}.explanation p{font-size:14px;max-width:1050px}.phases{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #e9eef0;padding-top:16px;margin-top:15px;font-size:11px;color:#89959e}.phases .active{color:#137761;font-weight:750}.tree-heading{display:flex;justify-content:space-between;align-items:center}#tree{margin-top:18px;overflow-x:auto;display:grid;gap:4px}.tree-row{text-align:left;display:grid;grid-template-columns:minmax(120px,1fr) 90px 126px;min-width:360px;align-items:center;gap:6px;border:0;border-radius:5px;padding:9px 6px;background:#e4eaee;font-size:12px}.tree-row.selected{background:#e0f2ed;box-shadow:inset 3px 0 #188d74}.tree-row>span:first-child{padding-left:var(--node-indent,0px);white-space:nowrap}.tree-row .status{color:#758591;white-space:nowrap}.tree-row .count{text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}.tree-row.pending{background:#fafbfc;color:#9ca7af}.tree-row.pending .status{color:inherit}.tree-row.pending:hover{background:#f0f4f5}.tree-row.pending.selected{background:#eff8f5;color:#869b94}@media(max-width:1199px){main{grid-template-columns:minmax(0,1fr) 440px}aside{grid-column:1/-1;grid-row:2}}@media(max-width:760px){body{padding:16px}main{grid-template-columns:1fr}.tree-panel{grid-column:1;grid-row:2}aside{grid-column:1;grid-row:3}h1{font-size:29px}.phases{gap:10px;flex-wrap:wrap}.tree-heading{display:block}.scene-foot{gap:9px}canvas{height:380px}.transport{flex-wrap:wrap}}