@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";
@font-face{font-family:Geist Pixel;font-weight:400 600;font-display:swap;src:url(../media/GeistPixel-Square.175a9bbd.woff2)format("woff2")}.mf-hud-root>*{pointer-events:auto}:root{--sp-bg:#121316;--sp-bg-elevated:#222226;--sp-bg-input:#ffffff0d;--sp-bg-input-hover:#ffffff14;--sp-border:#ffffff12;--sp-border-subtle:#ffffff0a;--sp-text-primary:#ffffffeb;--sp-text-secondary:#ffffff85;--sp-text-muted:#ffffff59;--sp-text-dim:#fff3;--sp-accent:#3b82f6;--sp-accent-hover:#2563eb;--sp-toggle-off:#ffffff14;--sp-thumb:#fff3;--sp-radius:8px;--sp-radius-sm:6px;--sp-row-height:24px;--sp-section-gap:8px;--sp-font:"Geist",system-ui,sans-serif;--sp-font-mono:"Geist Mono",ui-monospace,monospace}.sp-panel{color:var(--sp-text-primary);font-family:var(--sp-font);-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--sp-thumb)transparent;background:0 0;border-radius:16px;font-size:11px;overflow-y:auto}.sp-sidebar{z-index:500;width:230px;font-family:var(--sp-font);color:#ffffff85;-webkit-backdrop-filter:blur(32px);background:#121316;border-radius:16px;flex-direction:column;font-size:11px;line-height:1.15;display:flex;position:absolute;top:16px;bottom:16px;box-shadow:0 4px 24px #00000040}.sp-sidebar-left{left:16px}.sp-sidebar-right{right:16px}.sp-sidebar-scroll{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;overflow-y:auto}.sp-sidebar-footer{background:#121316;border-top:1px solid #ffffff14;border-radius:0 0 16px 16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 14px;display:flex}.sp-footer-link{color:#ffffff73;font-size:10px;font-weight:400;font-family:var(--sp-font);line-height:1;text-decoration:none;transition:color .15s}.sp-footer-link:hover{color:#ffffffb3}.sp-footer-version{color:#ffffff59;font-size:10px;font-weight:400;font-family:var(--sp-font);line-height:1}.sp-panel button,.sp-panel input,.sp-panel select,.sp-panel textarea{color:inherit}.sp-panel::-webkit-scrollbar{width:4px}.sp-panel::-webkit-scrollbar-track{background:0 0}.sp-panel::-webkit-scrollbar-thumb{background:var(--sp-thumb);border-radius:2px}.sp-section{padding:16px 0}.sp-section~.sp-section{border-top:1px solid #ffffff0d;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.sp-section-header{cursor:pointer;align-items:center;gap:4px;padding:0;display:flex}.sp-section-title{color:var(--sp-text-primary);letter-spacing:.01em;font-size:11px;font-weight:500}.sp-section-chevron{width:16px;height:16px;color:var(--sp-text-primary);opacity:.4;flex-shrink:0;transition:transform .15s}.sp-section-chevron.sp-expanded{transform:rotate(180deg)}.sp-section-actions{align-items:center;gap:6px;display:flex}.sp-section-preview{padding:4px 0 0}.sp-section-add-btn{width:20px;height:20px;color:var(--sp-text-primary);opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,background .12s;display:flex}.sp-section-add-btn:hover{opacity:.8;background:#ffffff0f}.sp-section-body,.sp-section-preview+.sp-section-body{padding-top:4px}.sp-row{min-height:var(--sp-row-height);grid-template-columns:60px 1fr;align-items:center;gap:4px;margin-bottom:4px;display:grid;overflow:hidden}.sp-row-label{color:var(--sp-text-secondary);min-width:0;font-size:11px;font-weight:400}.sp-input{width:100%;height:var(--sp-row-height);color:#ffffffb3;flex:1;min-width:0;position:relative;overflow:hidden}.sp-input-axis{cursor:ew-resize;-webkit-user-select:none;user-select:none;z-index:1;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.sp-input-axis-label{text-align:center;width:20px;color:var(--sp-accent);-webkit-user-select:none;user-select:none;opacity:.6;text-transform:capitalize;padding:4px 0;font-size:11px;font-weight:400;line-height:1rem}.sp-input-value{appearance:none;font-family:var(--sp-font);font-variant-numeric:tabular-nums;color:#ffffffb3;background:var(--sp-bg-input);border-radius:var(--sp-radius);box-sizing:border-box;cursor:default;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;align-items:center;width:100%;min-width:0;height:100%;padding:0 4px 0 8px;font-size:11px;font-weight:400;line-height:1rem;display:flex;overflow:hidden}.sp-input-has-axis .sp-input-value{padding-left:20px}.sp-input-value:hover:enabled,.sp-input:hover .sp-input-value{background:#ffffff17}.sp-input-value:focus,.sp-input:focus-within .sp-input-value{box-shadow:inset 0 0 0 1px var(--sp-accent)}.sp-input-value::selection{background:var(--sp-accent);color:#fff}.sp-input-value::-webkit-inner-spin-button{appearance:none;margin:0}.sp-scrub-line{opacity:1;z-index:2;pointer-events:none;background:#ccc;height:1px;position:absolute;bottom:0}.sp-scrub-line:before{content:"";background:#ccc;border-radius:1px;width:1px;height:7px;position:absolute;top:-3px;right:0}.sp-scrub-popup{color:#ffffffd9;font-size:10px;font-weight:500;font-family:var(--sp-font);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;z-index:100;background:#1e1f23;border-radius:4px;padding:2px 6px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.sp-input-group{flex:1;gap:4px;display:flex}.sp-input-group .sp-input{flex:1;min-width:0}.sp-value-slider{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.sp-value-slider-input{width:44px;height:var(--sp-row-height);color:#ffffffb3;flex-shrink:0;position:relative}.sp-value-slider-input .sp-input-value{text-align:center;width:44px;padding:0 4px}.sp-value-slider-track{height:var(--sp-row-height);border-radius:var(--sp-radius);background:var(--sp-bg-input);flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.sp-value-slider-track:hover{background:var(--sp-bg-input-hover)}.sp-value-slider-fill{border-radius:var(--sp-radius);pointer-events:none;background:#ffffff0f;height:100%;position:absolute;top:0;left:0}.sp-value-slider-range{appearance:none;cursor:pointer;z-index:1;background:0 0;width:100%;height:100%;margin:0;position:relative}.sp-value-slider-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sp-text-primary);cursor:pointer;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0006}.sp-value-slider-range::-moz-range-thumb{background:var(--sp-text-primary);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0006}.sp-value-slider-range::-webkit-slider-runnable-track{height:0}.sp-value-slider-range::-moz-range-track{background:0 0;height:0}.sp-select{background:var(--sp-bg-input);border-radius:var(--sp-radius);height:var(--sp-row-height);font-family:var(--sp-font);color:var(--sp-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:none;flex:1;justify-content:space-between;align-items:center;padding:0 22px 0 8px;font-size:11px;transition:background .12s;display:flex}.sp-select:hover{background:var(--sp-bg-input-hover)}.sp-select:focus{box-shadow:0 0 0 1px var(--sp-accent);outline:none}.sp-select option{background:var(--sp-bg);color:var(--sp-text-primary)}.sp-select-trigger{background:var(--sp-bg-input);border-radius:var(--sp-radius);height:var(--sp-row-height);font-family:var(--sp-font);color:var(--sp-text-primary);cursor:pointer;border:none;flex:1;justify-content:space-between;align-items:center;padding:0 4px 0 8px;font-size:11px;transition:background .12s;display:flex}.sp-select-trigger:hover{background:var(--sp-bg-input-hover)}.sp-select-trigger:focus-visible{box-shadow:inset 0 0 0 1px var(--sp-accent);outline:none}.sp-select-trigger:focus:not(:focus-visible){outline:none}.sp-select-trigger svg{opacity:.4;flex-shrink:0}.sp-select-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-select-popup{border:1px solid var(--sp-border);border-radius:calc(var(--sp-radius)*2);z-index:9999;background:#252629;outline:none;width:200px;padding:4px;overflow:auto;box-shadow:0 8px 24px #00000080}.sp-select-item{border-radius:var(--sp-radius-sm);height:28px;font-family:var(--sp-font);color:var(--sp-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;padding:4px 12px 4px 28px;font-size:11px;display:flex;position:relative;overflow:hidden}.sp-select-item[data-highlighted]{background:var(--sp-accent);color:#fff}.sp-select-item[data-selected]{color:#fff;background:#3b82f626}.sp-select-item[data-selected][data-highlighted]{background:var(--sp-accent);color:#fff}.sp-select-item-indicator{color:var(--sp-text-primary);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.sp-select-group-label{font-family:var(--sp-font);text-transform:uppercase;letter-spacing:.04em;color:#ffffff4d;-webkit-user-select:none;user-select:none;padding:6px 8px 2px;font-size:9px;font-weight:600}.sp-toggle{background:var(--sp-toggle-off);border-radius:var(--sp-radius);width:100%;height:var(--sp-row-height);flex:1;gap:2px;padding:2px;display:flex}.sp-toggle:not(.sp-row .sp-toggle){margin-bottom:6px}.sp-toggle-option{border-radius:var(--sp-radius-sm);color:var(--sp-text-secondary);font-family:var(--sp-font);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 6px;font-size:10px;font-weight:500;transition:background .15s,color .15s;display:flex;overflow:hidden}.sp-toggle-option:hover:not(.sp-active){color:var(--sp-text-primary)}.sp-toggle-option.sp-active{background:var(--sp-accent);color:#fff;box-shadow:0 1px 3px #3b82f64d}.sp-toggle-separated{background:0 0;gap:4px;padding:0}.sp-toggle-separated .sp-toggle-option{background:var(--sp-toggle-off);border-radius:var(--sp-radius)}.sp-toggle-separated .sp-toggle-option:hover:not(.sp-active){background:var(--sp-bg-input-hover)}.sp-toggle-separated .sp-toggle-option.sp-active{background:var(--sp-accent)}.sp-preset-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.sp-preset-btn{border-radius:var(--sp-radius);background:var(--sp-bg-input);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 4px;transition:background .15s,border-color .15s;display:flex}.sp-preset-btn:hover{background:var(--sp-bg-input-hover);border-color:var(--sp-border-hover)}.sp-preset-btn.sp-active{border-color:var(--sp-accent);background:#3b82f614}.sp-preset-thumb-svg{opacity:.8;flex-shrink:0;transition:transform .2s ease-out,opacity .15s;display:block}.sp-preset-btn:hover .sp-preset-thumb-svg,.sp-preset-btn.sp-active .sp-preset-thumb-svg{opacity:1}.sp-preset-label{font-family:var(--sp-font);color:var(--sp-text-secondary);white-space:nowrap;font-size:9px;font-weight:500;line-height:1}.sp-preset-btn.sp-active .sp-preset-label{color:var(--sp-accent)}.sp-switch{cursor:pointer;flex-shrink:0;width:28px;height:16px;position:relative}.sp-switch input{display:none}.sp-switch-track{background:var(--sp-toggle-off);border-radius:8px;transition:background .15s;position:absolute;inset:0}.sp-switch input:checked+.sp-switch-track{background:var(--sp-accent)}.sp-switch-thumb{background:var(--sp-thumb);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.sp-switch input:checked~.sp-switch-thumb{background:#fff;transform:translate(12px)}.sp-switch-row{justify-content:space-between;align-items:center;gap:6px;min-height:22px;margin-bottom:2px;display:flex}.sp-switch-label{color:var(--sp-text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:400;display:flex}.sp-switch-label svg{color:var(--sp-text-muted);flex-shrink:0}.sp-nav-row{cursor:pointer;border-radius:var(--sp-radius-sm);align-items:center;gap:8px;min-height:32px;padding:0;transition:background .12s;display:flex}.sp-nav-row:hover{background:#ffffff08}.sp-nav-row-icon{width:16px;height:16px;color:var(--sp-text-muted);flex-shrink:0}.sp-nav-row-label{color:var(--sp-text-primary);flex:1;font-size:11px;font-weight:400}.sp-nav-row-right{align-items:center;gap:6px;display:flex}.sp-nav-row-chevron{width:10px;height:10px;color:var(--sp-text-dim)}.sp-button{width:100%;height:32px;color:var(--sp-text-secondary);font-family:var(--sp-font);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:400;line-height:16px;transition:background .15s,color .15s;display:flex}.sp-button:hover{color:var(--sp-text-primary);background:#ffffff14}.sp-button.sp-primary{color:var(--sp-text-primary);box-shadow:none;background:#ffffff14;font-weight:500}.sp-button.sp-primary:hover{background:#ffffff1f}.sp-list-item{border-radius:var(--sp-radius-sm);height:28px;color:var(--sp-text-secondary);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;margin-bottom:2px;padding:0 8px;font-size:11px;font-weight:400;transition:background .12s;display:flex}.sp-list-item:hover{background:#ffffff12}.sp-seq-row{box-sizing:border-box;cursor:pointer;color:#ffffffb3;height:32px;font-family:var(--sp-font);background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;margin-bottom:4px;padding:0 6px 0 8px;transition:background .12s,color .1s;display:flex;position:relative}.sp-seq-row:hover{color:#ffffffe6;background:#ffffff17}.sp-seq-row.sp-seq-active{box-shadow:none;color:#fff;background:#2b99ff}.sp-seq-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:400;overflow:hidden}.sp-seq-active .sp-seq-name{font-weight:500}.sp-seq-hover-btn{cursor:pointer;color:#ffffff40;opacity:0;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:0;height:20px;padding:0;transition:width .12s,opacity .1s,color .1s,background .1s;display:flex;overflow:hidden}.sp-seq-row:hover .sp-seq-hover-btn{opacity:.3;width:20px}.sp-seq-hover-btn:hover{opacity:.6}.sp-seq-row{overflow:visible}.sp-seq-close{cursor:pointer;color:#ffffff85;opacity:0;z-index:2;background:0 0;border:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:16px;padding:0;transition:opacity .15s,color .1s,background .1s;display:flex;position:absolute;top:2px;bottom:2px;right:-16px}.sp-seq-row:hover .sp-seq-close{opacity:1}.sp-seq-close:hover{color:#fff;background:#ef4444b3}.sp-seq-collapsible{border-radius:8px;margin-bottom:4px;position:relative;overflow:visible}.sp-seq-collapsible[data-state=open]{box-shadow:none;background:#ffffff08}.sp-seq-trigger{box-sizing:border-box;cursor:pointer;color:#ffffffb3;width:100%;height:32px;font-family:var(--sp-font);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:0 6px 0 8px;font-size:11px;transition:background .12s,color .1s;display:flex}.sp-seq-trigger:hover{color:#ffffffe6;background:#ffffff0f}.sp-seq-collapsible[data-state=open] .sp-seq-trigger{color:#fff;font-weight:500}.sp-seq-chevron{opacity:.3;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .1s}.sp-seq-chevron:hover{opacity:.6}.sp-seq-chevron.sp-expanded{opacity:.5;transform:rotate(180deg)}.sp-seq-content{padding:8px 8px 10px;overflow:hidden}.sp-seq-content[data-state=closed]{display:none}.sp-seq-separator{background:#ffffff0f;height:1px;margin:8px -8px}.sp-seq-close-inline{cursor:pointer;color:#fff;z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .1s;display:flex;position:absolute;top:6px;left:0}.sp-seq-close-inline:hover{background:#ef4444b3}.sp-seq-stop-row{margin-bottom:6px}.sp-seq-stop-header{align-items:center;gap:6px;margin-bottom:2px;display:flex}.sp-seq-stop-num{color:var(--sp-text-secondary);background:#ffffff0f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:600;display:flex}.sp-seq-transition-row{align-items:center;gap:6px;margin-bottom:2px;padding:4px 0 4px 7px;display:flex;position:relative}.sp-seq-transition-row:before{content:"";border-left:1px dashed #ffffff1f;width:1px;position:absolute;top:0;bottom:0;left:7px}.sp-seq-transition-content{flex:1;min-width:0;margin-left:16px}.sp-seq-section-header{color:#ffffff85;letter-spacing:.01em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.sp-quick-flip-row{align-items:center;display:flex;position:relative}.sp-quick-flip-btns{opacity:0;pointer-events:none;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sp-quick-flip-row:hover .sp-quick-flip-btns{opacity:1;pointer-events:auto}.sp-quick-flip-btn{cursor:pointer;color:#ffffff73;background:#ffffff14;border:none;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .12s,color .12s;display:flex}.sp-quick-flip-btn:hover{color:#ffffffd9;background:#ffffff26}.sp-seq-ctx{z-index:50;background:#1e1f22;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:1px;min-width:100px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0006}.sp-seq-ctx-item{cursor:pointer;color:#ffffffb3;width:100%;height:28px;font-size:11px;font-family:var(--sp-font);background:0 0;border:none;border-radius:5px;align-items:center;padding:0 10px;transition:background .1s,color .1s;display:flex}.sp-seq-ctx-item:hover{color:#fff;background:#ffffff14}.sp-seq-ctx-danger:hover{color:#f87171;background:#dc262633}.sp-list-item.sp-active{background:var(--sp-accent);color:#fff}.sp-list-item-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.sp-divider{background:var(--sp-border);height:1px;margin:4px 0}.sp-color-swatch{border:1.5px solid var(--sp-border);cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px}.sp-color-hex{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;color:var(--sp-text-primary);background:var(--sp-bg-input);border:1px solid var(--sp-border-subtle);border-radius:var(--sp-radius);height:var(--sp-row-height);outline:none;flex:1;padding:0 8px;font-size:12px}.sp-color-hex:focus{border-color:var(--sp-accent)}.sp-bg-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.sp-bg-list-item{cursor:pointer;width:100%;height:32px;font-family:var(--sp-font);background:#ffffff0d;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 4px 0 8px;transition:background .12s;display:flex}.sp-bg-list-item:hover{background:#ffffff17}.sp-bg-list-item.sp-active{box-shadow:inset 0 0 0 1px var(--sp-accent);background:#3b82f626}.sp-anim-icon-box{background:#ffffff0f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sp-anim-pair-row{align-items:center;display:flex;position:relative}.sp-anim-pair-alts{opacity:0;pointer-events:none;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sp-anim-pair-row:hover .sp-anim-pair-alts{opacity:1;pointer-events:auto}.sp-anim-alt-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .12s;display:flex}.sp-anim-alt-btn:hover{background:#ffffff2e}.sp-anim-alt-btn svg{opacity:.7;width:12px;height:10px}.sp-bg-list-swatch{border-radius:4px;flex-shrink:0;width:16px;height:16px}.sp-bg-list-name{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sp-picker-overlay{z-index:9000;position:fixed;inset:0}.sp-picker-dialog{-webkit-backdrop-filter:blur(32px);width:260px;max-height:520px;font-family:var(--sp-font);color:var(--sp-text-secondary);z-index:9001;background:#121316;border-radius:16px;outline:none;flex-direction:column;font-size:11px;line-height:1.15;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 40px #00000080,0 0 0 1px #ffffff0f}.sp-picker-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.sp-picker-title{color:var(--sp-text-primary);font-size:12px;font-weight:600}.sp-picker-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sp-picker-close:hover{color:#ffffffb3;background:#ffffff14}.sp-picker-scroll{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;padding:0 12px 16px;overflow-y:auto}.sp-picker-group{padding-top:12px}.sp-picker-group+.sp-picker-group{border-top:1px solid #ffffff0d;margin-top:4px}.sp-picker-group-title{color:#ffffff85;letter-spacing:.01em;margin-bottom:6px;font-size:11px;font-weight:500}.sp-tooltip-portal{z-index:99999;pointer-events:none;position:fixed}.sp-tooltip{text-align:left;font-family:var(--sp-font);white-space:nowrap;transform-origin:bottom;opacity:0;background:#1e1f22;border:1px solid #ffffff0d;border-radius:8px;flex-direction:row;align-items:center;gap:6px;padding:6px 10px;transition:opacity .135s,transform .135s;display:flex;transform:scale(.95);box-shadow:0 2px 8px #0000004d}.sp-tooltip:after{content:"";background:#1e1f22;border-radius:0 0 2px;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.sp-tooltip[data-state=entering]{opacity:1;transform:scale(1)}.sp-tooltip[data-state=exiting]{opacity:0;transform:scale(.95)}.sp-tooltip-label{color:#fff;margin:0;font-size:11px;font-weight:500;line-height:16px}.sp-tooltip-shortcut{color:#fff6;opacity:.7;font-size:11px;line-height:16px}.sp-tooltip h3{color:#fff;margin:0;font-size:11px;font-weight:500;line-height:16px}.sp-tooltip p{color:#fff6;opacity:.7;margin:0;font-size:11px;line-height:16px}.sp-kbd{font-family:var(--sp-font);color:var(--sp-text-dim);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:3px;align-items:center;margin-left:3px;padding:0 3px;font-size:8px;font-weight:500;line-height:1.4;display:inline-flex}.sp-toolbar-btn{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s,color .15s,transform .1s;display:flex}.sp-toolbar-btn:hover:not(:disabled):not([data-active=true]):not([data-filled=true]){color:#fff;background:#ffffff1f}.sp-toolbar-btn:active:not(:disabled){transform:scale(.92)}.sp-toolbar-btn[data-active=true]{color:var(--sp-accent);background:color-mix(in srgb,var(--sp-accent)25%,transparent)}.sp-toolbar-btn[data-filled=true]{background:var(--sp-accent);color:#fff}.sp-toolbar-btn[data-filled=true]:hover{background:color-mix(in srgb,var(--sp-accent)85%,black)}.sp-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.sp-toolbar-btn[data-danger]:hover:not(:disabled){color:#dc2626;background:#dc262626}.sp-toolbar-btn-primary{color:#fff;background:#ffffff1f}.sp-toolbar-btn-primary:hover{background:#fff3}.sp-playback-group:not([data-linked]):has(button:nth-child(2):hover){gap:0!important}.sp-playback-group:not([data-linked]):has(button:nth-child(2):hover) .sp-toolbar-btn{background:#ffffff1a}.sp-playback-group:not([data-linked]):has(button:nth-child(2):hover) .sp-toolbar-btn:first-of-type{border-radius:10px 0 0 10px}.sp-playback-group:not([data-linked]):has(button:nth-child(2):hover) .sp-toolbar-btn:last-of-type{border-radius:0 10px 10px 0}.sp-toolbar-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:16px;margin:0 4px}.sp-light{--sp-bg:#fff;--sp-bg-elevated:#f8f8f8;--sp-bg-input:#0000000a;--sp-bg-input-hover:#00000012;--sp-border:#00000014;--sp-border-subtle:#0000000d;--sp-text-primary:#000000e0;--sp-text-secondary:#00000085;--sp-text-muted:#00000059;--sp-text-dim:#0003;--sp-toggle-off:#0000000f;--sp-thumb:#0003;--sp-accent:#3b82f6}.sp-light .sp-switch-thumb{background:#fff}.sp-light .sp-switch-track{background:#00000026}.sp-light .sp-switch input:checked+.sp-switch-track{background:var(--sp-accent)}.sp-light .sp-list-item{background:#00000008}.sp-light .sp-list-item:hover{background:#0000000f}.sp-light .sp-button{color:#00000085;background:#0000000d}.sp-light .sp-button:hover{color:#000000e0;background:#00000014}.sp-light .sp-input-axis-label{color:var(--sp-accent);opacity:.5}.sp-light .sp-toggle-option.sp-active{background:var(--sp-accent);color:#fff}.sp-light .sp-toolbar-btn{color:#0006}.sp-light .sp-toolbar-btn:hover:not(:disabled):not([data-active=true]):not([data-filled=true]){color:#000000e0;background:#00000014}.sp-light .sp-toolbar-divider{background:#0000001a}.mf-frame-root{background:#000;justify-content:center;align-items:center;display:flex}.mf-frame-surround{z-index:0;pointer-events:none;background:#000;position:absolute;inset:0}.mf-frame-active{z-index:1;border-radius:8px;box-shadow:0 0 0 1px #ffffff0f}.mf-frame-controls-bar{z-index:600;background:#121316;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:6px;height:36px;padding:0 10px;font-family:Geist,sans-serif;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000004d}.mf-frame-controls-bar>.sp-input{flex-shrink:0;width:72px;height:24px}.mf-frame-dim-x{color:#ffffff40;flex-shrink:0;font-family:Geist,sans-serif;font-size:10px;line-height:24px}.mf-frame-presets{flex-shrink:0;gap:2px;margin-left:4px;display:flex}.mf-frame-preset{color:#ffffff73;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:none;border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;min-width:60px;height:24px;padding:0 8px;font-family:Geist,sans-serif;font-size:10px;font-weight:500;transition:background .12s,color .12s;display:flex}.mf-frame-preset:hover{color:#ffffffb3;background:#ffffff1a}.mf-frame-preset.mf-active{background:var(--sp-accent);color:#fff}.mf-frame-preset:focus-visible{box-shadow:inset 0 0 0 1px var(--sp-accent);outline:none}.mf-frame-preset:focus:not(:focus-visible){outline:none}.mf-frame-preset svg{opacity:.4;flex-shrink:0}.mf-frame-preset-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mf-frame-handle{z-index:5;position:absolute}.mf-frame-handle-e,.mf-frame-handle-w{cursor:ew-resize;width:8px;top:0;bottom:0}.mf-frame-handle-e{right:-8px}.mf-frame-handle-w{left:-8px}.mf-frame-handle-n,.mf-frame-handle-s{cursor:ns-resize;height:8px;left:0;right:0}.mf-frame-handle-n{top:-8px}.mf-frame-handle-s{bottom:-8px}.mf-frame-handle-ne,.mf-frame-handle-nw,.mf-frame-handle-se,.mf-frame-handle-sw{width:16px;height:16px}.mf-frame-handle-ne{cursor:nesw-resize;top:-16px;right:-16px}.mf-frame-handle-nw{cursor:nwse-resize;top:-16px;left:-16px}.mf-frame-handle-se{cursor:nwse-resize;bottom:-16px;right:-16px}.mf-frame-handle-sw{cursor:nesw-resize;bottom:-16px;left:-16px}.sp-panel-animated{-webkit-backdrop-filter:blur(32px);color:var(--sp-text-secondary);font-size:11px;line-height:1.15;animation:.2s both sp-panel-in}@keyframes sp-panel-in{0%{opacity:0;filter:blur(3px);translate:0 8px;scale:.97}to{opacity:1;filter:blur();translate:0;scale:1}}.mf-stage{perspective:2000px;perspective-origin:50% 44%;animation:1s cubic-bezier(.22,1,.36,1) 50ms both stageIn}@keyframes stageIn{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.mf-mockup{transform-style:preserve-3d;will-change:transform}.mf-viewport{contain:layout paint;overflow:auto}.mf-dof{pointer-events:none;will-change:filter;position:absolute;inset:0;transform:translateZ(0)}.mf-dof-r1{z-index:10;-webkit-backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(102deg,#0000 18%,#000 52%);mask-image:linear-gradient(102deg,#0000 18%,#000 52%)}.mf-dof-r2{z-index:11;-webkit-backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(102deg,#0000 34%,#000 62%);mask-image:linear-gradient(102deg,#0000 34%,#000 62%)}.mf-dof-r3{z-index:12;-webkit-backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(102deg,#0000 48%,#000 72%);mask-image:linear-gradient(102deg,#0000 48%,#000 72%)}.mf-dof-r4{z-index:13;-webkit-backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(102deg,#0000 60%,#000 82%);mask-image:linear-gradient(102deg,#0000 60%,#000 82%)}.mf-dof-r5{z-index:14;-webkit-backdrop-filter:blur(30px);-webkit-mask-image:linear-gradient(102deg,#0000 70%,#000 90%);mask-image:linear-gradient(102deg,#0000 70%,#000 90%)}.mf-dof-b1{z-index:15;-webkit-backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(#0000 50%,#000);mask-image:linear-gradient(#0000 50%,#000)}.mf-dof-b2{z-index:16;-webkit-backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(#0000 72%,#000);mask-image:linear-gradient(#0000 72%,#000)}.mf-dof-b3{z-index:17;-webkit-backdrop-filter:blur(22px);-webkit-mask-image:linear-gradient(#0000 88%,#000);mask-image:linear-gradient(#0000 88%,#000)}.panel{z-index:500;-webkit-user-select:none;user-select:none;background:#ffffffb8;border:1px solid #ffffff8c;width:216px;max-height:calc(100vh - 48px);padding:16px;font-family:Geist,sans-serif;animation:.6s cubic-bezier(.22,1,.36,1) .3s backwards panelIn;position:fixed;top:50%;right:18px;overflow-y:auto;transform:translateY(-50%);box-shadow:inset 0 0 0 .5px #ffffffd1,0 10px 30px #00000014,0 24px 48px #00000014}.panel-inline{-webkit-user-select:none;user-select:none;font-family:Geist,sans-serif;font-size:13px}.panel-heading{letter-spacing:.12em;text-transform:uppercase;color:#a1a1aa;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-size:9px;font-weight:700;display:flex}.panel-group-label{letter-spacing:.12em;text-transform:uppercase;color:#c4c4c8;margin-bottom:6px;font-size:8px;font-weight:700}.panel-divider{background:#0000000e;height:1px;margin:10px 0}.panel-toggle-row{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.panel-toggle-btn{color:#71717a;cursor:pointer;background:#ffffff4d;border:.5px solid #00000014;border-radius:0;flex:1;justify-content:center;align-items:center;gap:4px;height:26px;padding:0 6px;font-family:Geist,sans-serif;font-size:10px;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 .5px 1px #0000000a,inset 0 .5px #fff6}.panel-toggle-btn:hover{color:#3f3f46;background:#ffffff73}.panel-toggle-btn.panel-toggle-active{color:#18181b;background:#ffffff80;border-color:#0000001f;box-shadow:0 .5px 2px #00000014,inset 0 .5px #ffffff80}.panel-play{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#18181bd9;border:.5px solid #ffffff14;border-radius:0;justify-content:center;align-items:center;gap:5px;width:100%;margin-bottom:4px;padding:5px 8px;font-family:Geist,sans-serif;font-size:10.5px;font-weight:500;transition:background .15s;display:inline-flex;box-shadow:0 1px 3px #0000001f,inset 0 .5px #ffffff0f}.panel-play:hover{background:#27272ae6}.panel-reset{color:#71717a;cursor:pointer;background:#ffffff40;border:.5px solid #00000014;border-radius:0;width:100%;padding:5px 8px;font-family:Geist,sans-serif;font-size:10.5px;font-weight:500;transition:background .15s,color .15s;box-shadow:0 .5px 1px #0000000a,inset 0 .5px #ffffff59}.panel-reset:hover{color:#3f3f46;background:#fff6}.ctrl{margin-bottom:8px}.ctrl:last-child{margin-bottom:0}.ctrl-row{justify-content:space-between;align-items:center;display:flex}.ctrl-label{color:#3f3f46;font-size:10.5px;font-weight:400}.ctrl-kbd{color:#a1a1aa;letter-spacing:.01em;background:#0000000a;border:1px solid #00000014;border-radius:2px;align-items:center;margin-left:4px;padding:0 4px;font-family:Geist,sans-serif;font-size:9px;font-weight:500;line-height:1.4;display:inline-flex}.ctrl-val{font-variant-numeric:tabular-nums;color:#a1a1aa;text-align:right;letter-spacing:-.01em;min-width:34px;font-size:10px;font-weight:500}input[type=range].sl{appearance:none;cursor:pointer;background:linear-gradient(90deg,#09090b 50%,#e4e4e7 0);border-radius:1px;outline:none;width:100%;height:2px;margin-top:5px}input[type=range].sl::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:1.5px solid #09090b;border-radius:50%;width:11px;height:11px;transition:transform .12s;box-shadow:0 1px 3px #0000002e}input[type=range].sl::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range].sl::-moz-range-thumb{cursor:pointer;background:#fff;border:1.5px solid #09090b;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 3px #0000002e}.blur-type-switch{background:#0000000a;border:.5px solid #0000000f;border-radius:0;gap:2px;margin-bottom:8px;padding:2px;display:flex}.blur-type-btn{color:#a1a1aa;cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:0 0;border:none;border-radius:0;flex:1;padding:3px 2px;font-family:Geist,sans-serif;font-size:9px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.blur-type-btn.active{color:#18181b;background:#fff9;box-shadow:0 .5px 2px #00000014,inset 0 .5px #ffffff80}.blur-type-btn:not(.active):hover{color:#71717a}@keyframes panelIn{0%{opacity:0;transform:translateY(calc(10px - 50%))}}@keyframes dock-enter{0%{opacity:0;transform:translate(-50%)translateY(20px)}}body.parallax-dark{background:#0a0a0a}.panel-dark{background:#0e0e10b8;border-color:#ffffff1f;box-shadow:inset 0 0 0 .5px #ffffff14,0 10px 30px #00000047,0 24px 54px #0000005c}.panel-dark .panel-heading{color:#52525b;border-color:#ffffff12}.panel-dark .panel-group-label{color:#3f3f46}.panel-dark .ctrl-label{color:#a1a1aa}.panel-dark .ctrl-val{color:#52525b}.panel-dark .ctrl-kbd{color:#52525b;background:#ffffff0a;border-color:#ffffff14}.panel-dark .panel-divider{background:#ffffff12}.panel-dark input[type=range].sl::-webkit-slider-thumb{background:#18181b;border-color:#e4e4e7}.panel-dark input[type=range].sl::-moz-range-thumb{background:#18181b;border-color:#e4e4e7}.panel-dark .blur-type-switch{background:#ffffff0d;border-color:#ffffff0f}.panel-dark .blur-type-btn{color:#52525b}.panel-dark .blur-type-btn.active{color:#fafafa;background:#ffffff1a;box-shadow:0 .5px 2px #0003,inset 0 .5px #ffffff0f}.panel-dark .blur-type-btn:not(.active):hover{color:#a1a1aa}.panel-dark .panel-toggle-btn{color:#52525b;background:#ffffff0f;border-color:#ffffff14;box-shadow:0 .5px 1px #00000026,inset 0 .5px #ffffff0a}.panel-dark .panel-toggle-btn:hover{color:#a1a1aa;background:#ffffff1a}.panel-dark .panel-toggle-btn.panel-toggle-active{color:#e4e4e7;background:#ffffff1f;border-color:#ffffff24;box-shadow:0 .5px 2px #0003,inset 0 .5px #ffffff0f}.panel-browser-url{box-sizing:border-box;color:#3f3f46;background:#0000000a;border:1px solid #0000001a;border-radius:2px;outline:none;width:100%;margin-top:4px;padding:4px 8px;font-family:Geist,sans-serif;font-size:10px;font-weight:400;transition:border-color .12s}.panel-browser-url:focus{border-color:#00000040}.panel-browser-url::placeholder{color:#a1a1aa}.panel-dark .panel-browser-url{color:#a1a1aa;background:#ffffff0a;border-color:#ffffff1a}.panel-dark .panel-browser-url:focus{border-color:#ffffff40}.panel-dark .panel-browser-url::placeholder{color:#52525b}.panel-dark .panel-play{color:#09090b;background:#fafafae6;box-shadow:0 1px 3px #0003,inset 0 .5px #ffffff4d}.panel-dark .panel-play:hover{background:#e4e4e7e6}.panel-dark .panel-reset{color:#71717a;background:#ffffff0f;border-color:#ffffff14;box-shadow:0 .5px 1px #00000026,inset 0 .5px #ffffff0a}.panel-dark .panel-reset:hover{color:#a1a1aa;background:#18181b}.mf-mockup-subtle{border:1px solid #00000026}.mf-mockup-subtle-dark{border-color:#ffffff26}.mf-mockup-glass{position:relative;overflow:visible}.mf-mockup-glass:before{border-radius:calc(var(--mockup-br,12px) + 12px);-webkit-backdrop-filter:blur(10px);z-index:10;-webkit-mask-composite:xor;background:#ffffff26;padding:12px;inset:-12px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}.mf-mockup-glass:after,.mf-mockup-glass:before{content:"";pointer-events:none;position:absolute}.mf-mockup-glass:after{border-radius:calc(var(--mockup-br,12px) + 14px);z-index:11;border:1px solid #ffffff8c;inset:-14px}.mf-mockup-glass-dark:before{background:#0003}.mf-mockup-glass-dark:after{border-color:#ffffff1a}.mf-glass{background:#ffffff47;border:.5px solid #00000014;box-shadow:0 .5px 1px #0000000a,inset 0 .5px #ffffff59}.mf-browser-bar{-webkit-backdrop-filter:saturate(180%)blur(24px);z-index:20;background:#f5f5f78c;border-bottom:.5px solid #00000014;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:0;height:42px;padding:0 14px;display:flex;position:relative;box-shadow:inset 0 .5px #ffffffb3}.mf-browser-left{z-index:1;flex-shrink:0;align-items:center;gap:10px;display:flex}.mf-browser-right{z-index:1;color:#00000059;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;height:30px;padding:0 12px;display:flex}.mf-browser-dots{flex-shrink:0;align-items:center;gap:8px;display:flex}.mf-browser-dot{border-radius:50%;width:12px;height:12px;display:block}.mf-browser-icon-btn{color:#0006;border-radius:999px;justify-content:center;align-items:center;gap:1px;height:30px;padding:0 10px;display:flex}.mf-browser-nav{color:#00000073;border-radius:999px;align-items:center;gap:10px;height:30px;padding:0 12px;display:flex}.mf-browser-address{color:#00000073;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;width:46%;max-width:420px;height:30px;padding:0 14px;font-family:Geist,sans-serif;font-size:11.5px;font-weight:400;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mf-browser-address span{text-align:center;flex:1}.mf-window-bar{justify-content:space-between}.mf-window-title{color:#00000080;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;font-family:Geist,sans-serif;font-size:12px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.dark .mf-window-title{color:#fff6}.dark .mf-browser-bar{-webkit-backdrop-filter:none;background:#2b2b2e;border-bottom-color:#ffffff14;box-shadow:inset 0 .5px #ffffff0f}.dark .mf-browser-bar .mf-glass{background:#ffffff0e;border-color:#ffffff0f;box-shadow:0 .5px 1px #0003,inset 0 .5px #ffffff0a}.dark .mf-browser-bar .mf-browser-left{color:#ffffff8c}.dark .mf-browser-bar .mf-browser-icon-btn{color:#ffffff73}.dark .mf-browser-bar .mf-browser-nav{color:#ffffff80}.dark .mf-browser-bar .mf-browser-right{color:#ffffff73}.dark .mf-browser-bar .mf-browser-address{color:#fff6}.mf-bg-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.mf-bg-swatch{aspect-ratio:16/10;cursor:pointer;border:1.5px solid #0000;border-radius:0;width:100%;padding:0;transition:border-color .12s,transform .12s}.mf-bg-swatch:hover{transform:scale(1.05)}.mf-bg-swatch.mf-bg-active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}