@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--ink: #000;--ink-2: rgb(0 0 0 / 64%);--line-strong: rgb(0 0 0 / 18%);--hover: rgb(0 0 0 / 5%);--pressed: rgb(0 0 0 / 9%)}html,body,#root{margin:0;height:100%}body{font-family:Inter,system-ui,sans-serif;font-size:13px;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}#root{display:flex}.stage{position:relative;flex:1;min-width:0;height:100%}.credit{position:absolute;left:16px;bottom:12px;margin:0;font-size:11px;color:#8c8c8cd9;pointer-events:none}.panel{flex:none;width:320px;height:100%;overflow-y:auto;box-sizing:border-box;padding:24px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.panel h2{margin:32px 0 4px;font-size:13px;font-weight:600}.panel section:first-of-type h2{margin-top:0}.row{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:2px;padding:6px 0;font-weight:500}.row output{font-weight:400;font-variant-numeric:tabular-nums;color:var(--ink-2)}.row input[type=range]{grid-column:1 / -1;width:100%;height:24px;margin:0;accent-color:#000}.row input[type=color]{width:32px;height:24px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:none}.row .inline{display:flex;gap:8px}.row input[type=number]{width:72px;height:32px;box-sizing:border-box;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;font:inherit}.row-actions{padding:6px 0}button{height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}button:hover{background:var(--hover)}button:active{background:var(--pressed)}.actions{display:flex;gap:8px}.peek{position:fixed;top:16px;right:16px}:focus-visible{outline:2px solid #000;outline-offset:2px}@media(max-width:720px){#root{flex-direction:column}.stage{flex:none;height:56vh}.panel{flex:1;width:auto;height:auto}}