:root{color:#242321;font-synthesis:none;background:#eeeae4;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,#fffefa 0,#f5f1eb 40%,#ded8d0 100%)}#app{isolation:isolate;position:relative}#app[data-render-style=neon]{background:radial-gradient(circle at 50% 42%,#0c0b14 0,#05050a 45%,#000 100%)}#app[data-render-style=neon] .brand{color:#ffffff94}#app[data-render-style=neon] #performance-status{color:#ffffffb8;background:#100e18b8;border-color:#ffffff1f}canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}canvas:active{cursor:grabbing}canvas.cutting,canvas.cutting:active{cursor:crosshair}canvas.forking{cursor:grab}canvas.forking.fork-grabbing,canvas.forking.fork-grabbing:active{cursor:grabbing}.brand{z-index:2;letter-spacing:.28em;color:#23211f94;pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:clamp(20px,3vw,38px);left:clamp(22px,3.5vw,52px)}.controls{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;top:clamp(18px,2.8vw,32px);right:clamp(18px,3.5vw,42px)}.stage-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #201e1c1a;border-radius:15px;grid-template-columns:repeat(4,52px);gap:2px;height:48px;margin:0;padding:3px;display:grid;box-shadow:0 8px 30px #3e322614}.stage-switch legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.stage-option{color:#2d2a279e;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;gap:1px;min-width:0;padding:3px 2px 2px;transition:color .15s,background .15s,box-shadow .15s;display:grid}.stage-option svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.stage-option span{letter-spacing:.06em;font-size:7px;font-weight:700;line-height:1}.stage-option:hover{color:#2f2c29;background:#ffffff9e}.stage-option:focus-visible{outline-offset:2px;outline:3px solid #315dd5}.stage-option[aria-pressed=true]{color:#fff;background:#48433f;box-shadow:0 3px 9px #231e1a33}.material-settings{width:286px}.stiffness-control{color:#2d2a279e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #201e1c1a;border-radius:999px;align-items:center;gap:7px;width:286px;height:48px;padding:0 11px;display:flex;box-shadow:0 8px 30px #3e322614}.stiffness-endpoint{flex:none;align-items:center;gap:3px;display:inline-flex}.stiffness-icon{fill:#2d2a2712;stroke:currentColor;stroke-linejoin:round;stroke-width:1.45px;width:17px;height:17px}.stiffness-label{color:#2d2a279e;letter-spacing:.08em;font-size:9px;font-weight:650;line-height:1}.stiffness-control input{appearance:none;cursor:pointer;background:0 0;flex:1;width:76px;min-width:0;height:24px;margin:0}.stiffness-control input::-webkit-slider-runnable-track{background:#2c292638;border-radius:99px;height:2px}.stiffness-control input::-webkit-slider-thumb{appearance:none;background:#47423d;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 1px 5px #221e1a40}.stiffness-control input::-moz-range-track{background:#2c292638;border:0;border-radius:99px;height:2px}.stiffness-control input::-moz-range-thumb{background:#47423d;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 5px #221e1a40}.stiffness-control:focus-within{outline-offset:3px;outline:3px solid #315dd5}.control{color:#3c3935;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffad;border:1px solid #201e1c1a;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:transform .16s,background .16s,box-shadow .16s;display:grid;box-shadow:0 8px 30px #3e322614}.control:hover{background:#ffffffe6;transform:translateY(-2px)}.control:active{transform:translateY(0)scale(.94)}.control:focus-visible{outline-offset:3px;outline:3px solid #315dd5}.control:disabled{opacity:.38;cursor:not-allowed;transform:none}.control[aria-pressed=true]{color:#fff;background:#36322f;border-color:#36322f;box-shadow:0 8px 30px #1c181538}.control svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px}.control.add{color:#fff;border-color:#fff6;overflow:hidden}.control.add svg{filter:drop-shadow(0 1px 2px #00000047);position:relative}.color-orb{background:conic-gradient(from 45deg,#ff4e87,#ff9a37,#f2df49,#35d39c,#5da4ff,#bd6cff,#ff4e87);animation:9s linear infinite hue-turn;position:absolute;inset:-8px}#cut-stroke{--cut-progress:0;z-index:3;opacity:0;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#2c2a282e,#2c2a28c7 18%,#2c2a289e 82%,#2c2a281f);border-radius:999px;width:0;height:2px;transition:opacity .1s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff7a,0 2px 8px #28231e33}#cut-stroke:after{width:calc(var(--cut-progress) * 100%);border-radius:inherit;content:"";background:linear-gradient(90deg,#ffffff73,#fff);position:absolute;inset:0 auto 0 0;box-shadow:0 0 7px #ffffffbf}#cut-stroke.visible{opacity:1}#cut-stroke.ready{height:4px;margin-top:-1px}.render-style{z-index:4;color:#3c3935;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffb3;border:1px solid #201e1c1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:92px;height:48px;padding:0 15px 0 12px;transition:transform .16s,color .16s,background .16s;display:flex;position:absolute;bottom:clamp(18px,2.8vw,32px);right:clamp(18px,3.5vw,42px);box-shadow:0 8px 30px #3e322617}.render-style:hover{background:#ffffffeb;transform:translateY(-2px)}.render-style:active{transform:translateY(0)scale(.96)}.render-style:focus-visible{outline-offset:3px;outline:3px solid #315dd5}.render-style svg{fill:#ffffff6b;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.render-style span{letter-spacing:.08em;text-align:center;min-width:39px;font-size:9px;font-weight:750;line-height:1}.render-style[data-style=gummy]{color:#a8325b}.render-style[data-style=toon]{color:#55456d}.render-style[data-style=neon]{color:#6047c5;box-shadow:0 8px 30px #523eb729}.render-style[data-style=wireframe] svg{fill:none;stroke-width:1.1px}#webgpu-error{font-size:14px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}#performance-status{z-index:2;color:#2d2a27a3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;letter-spacing:.035em;pointer-events:none;background:#ffffff94;border:1px solid #201e1c17;border-radius:999px;min-height:28px;padding:7px 11px;font-size:10px;position:absolute;bottom:clamp(18px,2.8vw,32px);left:clamp(22px,3.5vw,52px);box-shadow:0 6px 22px #3e32260f}#performance-status:before{content:"";background:#4d9b72;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}#performance-status[data-level=medium]:before{background:#bc7b23}#performance-status[data-level=high]:before{background:#bd4c48}#webgpu-benchmark{z-index:2;color:#ffffffeb;font-variant-numeric:tabular-nums;background:#302d46d1;border-radius:999px;padding:7px 11px;font-size:10px;position:absolute;bottom:clamp(56px,6.8vw,74px);left:clamp(22px,3.5vw,52px)}@keyframes hue-turn{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.color-orb{animation:none}.control,.stage-option,.render-style{transition:none}}@media (width<=860px){.controls{flex-wrap:wrap;justify-content:flex-end;top:14px;right:14px}.stage-switch{position:fixed;top:70px;left:14px}}@media (width<=560px){.brand{top:28px}.control{width:44px;height:44px}.material-settings{width:150px}.stiffness-control{gap:6px;width:150px;height:44px;padding-inline:9px}.stiffness-control input{width:70px}.stiffness-icon{width:15px;height:15px}.stiffness-label{display:none}.render-style{min-width:84px;height:44px;bottom:14px;right:14px}}