*{box-sizing:border-box}body{margin:0;background:#111114;color:#ede3d3;font:14px/1.5 system-ui,sans-serif}header{height:64px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:10px;letter-spacing:2px}a{color:#f0be91;text-decoration:none}header span{color:#918984}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100dvh - 64px);max-width:1700px;margin:auto}.stage{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#2b2929,#111114 73%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#status{position:absolute;top:20px;left:24px;color:#b6a79a;font-size:12px}.stage-note{position:absolute;bottom:23px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#9a8d82;pointer-events:none}aside{padding:40px 28px 20px 8px;overflow:auto}label,.eyebrow,legend{font-size:10px;letter-spacing:2px;color:#ad8c72}.eyebrow{color:#e67849;margin:0 0 18px}label{display:block;margin-bottom:6px}select{background:#242124;color:#ede3d3;border:1px solid #6a5445;border-radius:3px;font:inherit;padding:10px;width:100%}h1{font-size:42px;line-height:1;margin:28px 0 10px;letter-spacing:-2px}h2{font-size:16px;font-weight:500;margin:0;color:#df9a6d}#design{font-size:13px;color:#afa39a;min-height:58px}fieldset{border:0;border-top:1px solid #ffffff14;margin:25px 0 0;padding:12px 0 0}legend{padding-right:10px}.controls{display:flex;flex-wrap:wrap;gap:6px}button{border:1px solid #5c4d45;background:#19171a;color:#c7b7a9;padding:9px 10px;font:inherit;font-size:11px;border-radius:3px;cursor:pointer;min-height:36px}button:hover,button[aria-pressed=true]{background:#573425;border-color:#b87546;color:#ffecd6}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #ffc598;outline-offset:4px}#motion{margin-top:10px}.note{font-size:11px;color:#847a73;margin-top:28px}@media(max-width:700px){header{padding:0 18px;height:54px}header span{display:none}main{height:auto;display:flex;flex-direction:column}.stage{height:60dvh;min-height:340px}aside{padding:20px 24px 35px;overflow:visible}h1{margin-top:18px}#design{min-height:0}.stage-note{bottom:12px}}