html,body{color:#f3ead7;background:#000;height:100%;margin:0;font-family:ui-monospace,Menlo,monospace;overflow:hidden}canvas{display:block}.panel{box-sizing:border-box;background:#14120ed6;border:1px solid #f3ead726;border-radius:8px;font-size:12px;position:absolute}#side{width:310px;max-height:calc(100% - 24px);padding:12px;top:12px;left:12px;overflow-y:auto}#perf{width:330px;max-height:calc(100% - 24px);padding:10px 12px;top:12px;right:12px;overflow-y:auto}#timeline{width:min(760px,100% - 700px);min-width:420px;padding:8px 12px;bottom:12px;left:50%;transform:translate(-50%)}h1{letter-spacing:.08em;margin:0 0 8px;font-size:13px}h2{color:#d8ccb0;margin:10px 0 4px;font-size:12px}nav#tabs{gap:4px;margin-bottom:10px;display:flex}nav#tabs button{flex:1}button,select,input[type=number]{color:inherit;font:inherit;cursor:pointer;background:#2a2620;border:1px solid #5a5040;border-radius:4px;padding:4px 6px}button:hover{border-color:#8a7a58}button.on{background:#7a5a2a;border-color:#c9a15a}button:disabled{opacity:.45;cursor:default}select{width:100%}.row{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;display:flex}.row.seg{gap:4px}.row.seg button{flex:1}label.check{cursor:pointer;align-items:center;gap:4px;display:inline-flex}label.slider{margin-top:6px;display:block}label.slider span{color:#d8ccb0;justify-content:space-between;display:flex}label.slider input{width:100%;margin:2px 0 0}details.section{border-top:1px solid #f3ead71f;margin-top:8px;padding-top:6px}details.section>summary{cursor:pointer;color:#ffd27a;font-weight:700}.muted{color:#a89f84;line-height:1.45}.info{color:#d8ccb0;margin-top:8px;line-height:1.5}.foot{margin-top:12px}a{color:#ffd27a}table{border-collapse:collapse;width:100%;margin-top:4px}th,td{text-align:left;white-space:nowrap;padding:1px 4px}th{color:#a89f84;font-weight:400}td.num,th.num{text-align:right}td.name{text-overflow:ellipsis;max-width:150px;overflow:hidden}tr.off td{opacity:.45}.stats{grid-template-columns:auto auto;gap:1px 10px;display:grid}.stats b{color:#ffd27a;text-align:right;font-weight:400}.log{color:#d8ccb0;max-height:90px;margin-top:6px;line-height:1.4;overflow-y:auto}.log div b{color:#ffd27a;font-weight:400}.tl-time{text-align:right;color:#ffd27a;min-width:70px}
