:root{font-family:system-ui,-apple-system,sans-serif;color:#20262e;background:#f5f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;margin:0 28px;padding:23px 0;border-bottom:1px solid #d5d9db}header strong{font-size:23px;letter-spacing:-1px}header small{font-size:12px;color:#77808b;letter-spacing:0}header span{font-size:11px;color:#977a3f}a{color:inherit;font-size:11px}main{padding:26px 28px}.intro h1{font-size:26px;font-weight:500;margin:0 0 10px;letter-spacing:-.5px}.intro p{font-size:12px;color:#6b747c;min-height:20px}nav{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}button,select,input{font:inherit}button{cursor:pointer;background:transparent;border:1px solid #cbd1d5;padding:8px 12px;color:inherit;font-size:11px}button.active{background:#293746;color:#fff;border-color:#293746}.layout{display:grid;grid-template-columns:minmax(0,1fr) 234px;gap:24px}.views{height:590px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#cbd1d5;touch-action:none}.view{position:relative;min-width:0;overflow:hidden}.view canvas{display:block;width:100%;height:100%}.view>span{position:absolute;z-index:1;left:12px;top:12px;font-size:11px;background:#ffffffd9;padding:7px 10px;pointer-events:none}.under{display:flex;align-items:center;gap:7px;padding:12px 0}.under>span{font-size:10px;color:#6b747c;margin-right:auto}.under button{font-size:10px;padding:6px 8px}aside{max-height:700px;overflow:auto;padding-right:5px}label{display:block;font-size:11px;margin-bottom:21px}select{display:block;width:100%;background:#fff;border:1px solid #cbd1d5;padding:8px;margin-top:8px;font-size:11px}input[type=range]{width:100%;height:3px;display:block;margin-top:14px;accent-color:#435b74}output{float:right;color:#758392}.hint,#stats,#credit{font-size:10px;color:#73808b;line-height:1.7}.hint{margin:-10px 0 21px}.check{display:flex;gap:7px;align-items:center}.check input{margin:0}details{border-top:1px solid #d5d9db;padding:15px 0;margin:15px 0}summary{cursor:pointer;font-size:11px;margin-bottom:20px}details button{font-size:10px;padding:7px;margin-bottom:8px}[hidden]{display:none!important}#credit a{font-size:10px}@media(max-width:850px){.layout{grid-template-columns:1fr}main{padding:20px}header{margin:0 20px}.views{height:430px}aside{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:15px}.hint{grid-column:1/-1}.under{flex-wrap:wrap}.intro h1{font-size:22px}header span{display:none}}.import-row{display:flex;align-items:center;gap:16px;margin:-5px 0 20px;flex-wrap:wrap}.import-row label{margin:0}.import-row input{display:block;margin-top:8px;max-width:260px}.import-row span{font-size:11px;color:#73808b}.views.dragging{outline:3px solid #435b74}