:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--ink:#202830;--tint:rgba(235,241,245,.73);--control:rgba(255,255,255,.32)}:root.dark{color-scheme:dark;--ink:#edf3f7;--tint:rgba(24,31,39,.77);--control:rgba(173,197,220,.1)}*{box-sizing:border-box}html,body,#workspace{width:100%;height:100%;margin:0;overflow:hidden;background:#0b1016}#canvas,#fallback{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#canvas:focus-visible{outline:2px solid #6f9bb2;outline-offset:-4px}#fallback{pointer-events:none}#fallback[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
#panel{position:absolute;left:0;top:0;bottom:0;z-index:4;width:min(340px,calc(100vw - 32px));padding:20px 22px max(24px,env(safe-area-inset-bottom));overflow-y:auto;color:var(--ink);background:var(--tint);backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);border:0;box-shadow:10px 0 40px #0002;transform:translateX(-105%);visibility:hidden;transition:transform .22s,visibility .22s}#panel.open{visibility:visible;transform:none}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}header select{max-width:78px}header button{font-size:28px;width:44px}h2{font-size:20px;font-weight:550;margin:0 0 18px;letter-spacing:-.4px}section{margin-bottom:24px}details{padding:13px 0}summary{font-size:14px;font-weight:600;cursor:pointer;min-height:32px;line-height:32px}label{display:block;font-size:12px;margin:12px 0 15px}label>span{display:flex;justify-content:space-between;gap:10px;align-items:center}output{font-variant-numeric:tabular-nums;opacity:.7}input[type=range]{width:100%;height:32px;margin:4px 0 0;accent-color:#638fa4;cursor:pointer}.main-control input{height:36px}.main-control>span{font-size:14px}button,select{font:inherit;color:inherit;background:var(--control);border:0;border-radius:9px;min-height:44px;padding:10px 12px;cursor:pointer}button:hover{background:#809bb22b}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #7ba4bb;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:7px}.actions>*{flex:1;font-size:12px}.select{display:flex;gap:8px;align-items:center;justify-content:space-between}.select>span{flex:1}.select select{font-size:12px;max-width:160px}input[type=color]{border:0;background:transparent;width:38px;height:38px;padding:0;cursor:pointer}input[type=checkbox]{width:22px;height:22px;accent-color:#638fa4}input[type=file]{font-size:11px;max-width:100%;margin-top:12px}p{font-size:11px;line-height:1.6;opacity:.72}a{color:inherit;text-underline-offset:3px}#loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}#loading span{width:24px;height:24px;border-radius:50%;border:1px solid #b0c3d933;border-top-color:#b0c3d9;animation:spin 1s linear infinite}#loading[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-transparency:reduce){#panel{background:#e4ebef;backdrop-filter:none;-webkit-backdrop-filter:none}:root.dark #panel{background:#202b34}}@media(prefers-reduced-motion:reduce){#panel{transition:none}#loading span{animation:none}}@media(max-height:520px){#panel{padding-top:10px}header{margin-bottom:10px}}
[hidden]{display:none!important}

html[data-embed="portfolio"]{--portfolio-paper:#fff;color-scheme:light dark;background:var(--portfolio-paper)}html[data-embed="portfolio"] body,html[data-embed="portfolio"] #workspace{background:transparent}html[data-embed="portfolio"] #canvas:focus-visible{outline:none}@media(prefers-color-scheme:dark){html[data-embed="portfolio"]{--portfolio-paper:#121212}}