*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;overflow:hidden}.sp-app{cursor:default;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;display:flex}.sp-app input,.sp-app textarea,.sp-app select{-webkit-user-select:text;user-select:text}.sp-icon-bar{z-index:10;background:#f0f0f0;border-right:1px solid #ddd;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:40px;padding-top:8px;display:flex}.sp-icon-bar__btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:flex}.sp-icon-bar__btn svg{width:18px;height:18px}.sp-icon-bar__btn:hover{color:#444;background:#e0e0e0}.sp-icon-bar__btn--active{color:#5b8def;background:#e0e0e0}.sp-panel{color:#333;background:#fafafa;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:0;transition:width .15s;display:flex;overflow:hidden}.sp-panel--open{width:260px}.sp-panel__content{flex:1;width:260px;padding:16px;overflow-y:auto}.sp-panel__title{color:#111;letter-spacing:-.01em;margin-bottom:14px;font-size:15px;font-weight:600}.sp-canvas-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.sp-canvas-viewport{background:#e8e8e8;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sp-sample-counter{color:#fff;pointer-events:none;opacity:1;background:#000c;border-radius:4px;padding:3px 8px;font-size:11px;transition:opacity .5s;position:absolute;top:8px;right:8px}.sp-sample-counter--done{opacity:0}.sp-canvas-wrap{position:relative;box-shadow:0 2px 16px #00000026}.sp-canvas-bg,.sp-canvas-render{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.sp-canvas-bg{z-index:0}.sp-canvas-render{z-index:1}.sp-control{border-radius:4px;margin-bottom:2px;padding:4px 6px;transition:background .1s}.sp-control:hover{background:#0000000a}.sp-control__header{color:#555;justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;font-size:12px;display:flex}.sp-control__value{color:#999;font-variant-numeric:tabular-nums;font-size:11px}.sp-slider{accent-color:#5b8def;appearance:none;background:#ddd;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#5b8def;border:none;border-radius:50%;width:14px;height:14px}.sp-slider::-moz-range-thumb{cursor:pointer;background:#5b8def;border:none;border-radius:50%;width:14px;height:14px}.sp-select{color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:0;padding:3px 6px;font-size:12px}.sp-checkbox{accent-color:#5b8def}.sp-number-input{text-align:right;color:#333;appearance:textfield;background:#fff;border:1px solid #ccc;border-radius:4px;width:60px;padding:3px 6px;font-size:12px}.sp-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sp-button+.sp-button{margin-top:6px}.sp-button{color:#333;cursor:pointer;text-align:left;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:7px 10px;font-size:13px;transition:background .1s}.sp-button:hover{background:#f0f0f0}.sp-section{margin-bottom:16px}.sp-section:not(:first-child){margin-top:20px}.sp-section__header{text-transform:uppercase;letter-spacing:.06em;color:#fafafa;background:#999;border-radius:3px;margin-bottom:10px;padding:4px 6px;font-size:10px;font-weight:700}.sp-section__content{flex-direction:column;display:flex}.sp-about{color:#888;font-size:12px;line-height:1.6}.sp-about h3{color:#333;margin:0 0 2px;font-size:16px;font-weight:600}.sp-about ul{margin:8px 0;padding-left:18px}.sp-about li{margin:3px 0}.sp-about p{margin:4px 0}.sp-about__links{flex-direction:column;gap:6px;margin-top:12px;display:flex}.sp-about__link{color:#5b8def;align-items:center;font-size:12px;text-decoration:none;display:inline-flex}.sp-about__link:hover{text-decoration:underline}.sp-docs-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.sp-docs-overlay--visible{display:flex}.sp-docs-dialog{background:#fff;border-radius:8px;width:90vw;max-width:800px;max-height:90vh;padding:32px 40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.sp-docs-close{cursor:pointer;color:#999;z-index:1;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:16px}.sp-docs-close:hover{color:#333}.sp-docs-body{color:#333;max-height:calc(90vh - 64px);font-size:14px;line-height:1.7;overflow-y:auto}.sp-docs-body h1{color:#111;margin:0 0 8px;font-size:24px;font-weight:600}.sp-docs-body h2{color:#111;border-bottom:1px solid #eee;margin:28px 0 10px;padding-bottom:6px;font-size:18px;font-weight:600}.sp-docs-body h3{color:#222;margin:20px 0 8px;font-size:15px;font-weight:600}.sp-docs-body p{margin:8px 0}.sp-docs-body ul,.sp-docs-body ol{margin:8px 0;padding-left:24px}.sp-docs-body li{margin:4px 0}.sp-docs-body table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.sp-docs-body th,.sp-docs-body td{text-align:left;border:1px solid #ddd;padding:6px 10px}.sp-docs-body th{background:#f5f5f5;font-weight:600}.sp-docs-body code{background:#f5f5f5;border-radius:3px;padding:1px 5px;font-size:13px}.sp-docs-body pre{background:#f5f5f5;border-radius:6px;margin:12px 0;padding:12px 16px;overflow-x:auto}.sp-docs-body pre code{background:0 0;padding:0}.sp-docs-body strong{font-weight:600}.sp-docs-body em{font-style:italic}.sp-overlay{z-index:100;color:#fff;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:24px;display:none;position:fixed;inset:0}.sp-overlay--visible{display:flex}.sp-recording-overlay{z-index:200;background:#0000004d;display:none;position:fixed;inset:0}.sp-recording-overlay--visible{display:block}.sp-recording-bar{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:10px;min-width:260px;padding:16px 24px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #0003}.sp-recording-bar__status{color:#333;font-size:13px}.sp-recording-bar__progress{background:#eee;border-radius:3px;width:100%;height:6px;overflow:hidden}.sp-recording-bar__fill{background:#4a9eff;width:0%;height:100%;transition:width .1s}.sp-recording-bar__cancel{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:6px 20px;font-size:13px}.sp-recording-bar__cancel:hover{background:#e8e8e8;border-color:#bbb}.sp-preview-overlay{z-index:200;background:#0000004d;display:none;position:fixed;inset:0}.sp-preview-overlay--visible{display:block}.sp-preview-bar{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:10px;min-width:260px;padding:16px 24px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #0003}.sp-preview-bar__status{color:#333;font-size:13px}.sp-preview-bar__cancel{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:6px 20px;font-size:13px}.sp-preview-bar__cancel:hover{background:#e8e8e8;border-color:#bbb}.sp-trajectory-bar{color:#555;background:#fafafa;border-top:1px solid #ddd;flex-shrink:0;align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.sp-trajectory-bar__play{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.sp-trajectory-bar__play svg{width:18px;height:18px}.sp-trajectory-bar__play:hover{color:#444;background:#e0e0e0}.sp-trajectory-bar__label{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;flex-shrink:0;min-width:60px}.sp-trajectory-bar__scrubber{flex:1;min-width:60px}.sp-trajectory-bar__loop-label{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.sp-trajectory-bar__loop{margin:0}.sp-timeline{border-top:1px solid #ddd;flex-direction:column;flex-shrink:0;gap:8px;padding:8px 24px;display:flex}.sp-timeline__scrubber-area{cursor:ew-resize;height:16px;position:relative}.sp-timeline__playhead{pointer-events:none;background:#ff6b35;width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.sp-timeline__timestamp{color:#ff6b35;white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;top:0}.sp-timeline__playhead:after{content:"";border-top:5px solid #ff6b35;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.sp-timeline__track{cursor:copy;height:13px;position:relative}.sp-timeline__track:after{content:"";background:#ccc;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sp-timeline__marker{cursor:grab;z-index:2;background:#5b8def;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sp-timeline__marker:before{content:"";width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-timeline__marker--selected{background:#ff6b35;box-shadow:0 0 0 2px #ff6b354d}.sp-timeline__marker--pinned{cursor:default;background:#999}.sp-no-webgpu{color:#ccc;text-align:center;background:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0}.sp-no-webgpu h2{color:#fff;margin-bottom:12px;font-size:22px;font-weight:600}.sp-no-webgpu p{max-width:400px;margin:4px 0;font-size:14px;line-height:1.6}.sp-no-webgpu a{color:#5b8def;text-decoration:none}.sp-no-webgpu a:hover{text-decoration:underline}.sp-no-webgpu__atoms{width:120px;height:120px;margin-bottom:32px;position:relative}.sp-no-webgpu__atom{opacity:.7;border-radius:50%;position:absolute}.sp-no-webgpu__atom--1{background:#e07070;width:40px;height:40px;animation:4s ease-in-out infinite sp-float;top:20px;left:40px}.sp-no-webgpu__atom--2{background:#7090d0;width:28px;height:28px;animation:3.5s ease-in-out .5s infinite sp-float;top:55px;left:15px}.sp-no-webgpu__atom--3{background:#90c090;width:32px;height:32px;animation:4.5s ease-in-out 1s infinite sp-float;top:60px;left:65px}.sp-no-webgpu__atom--4{background:#d0c070;width:20px;height:20px;animation:3s ease-in-out 1.5s infinite sp-float;top:10px;left:75px}.sp-no-webgpu__atom--5{background:#c080c0;width:24px;height:24px;animation:3.8s ease-in-out .8s infinite sp-float;top:75px;left:45px}@keyframes sp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}