:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--bg:linear-gradient(180deg, #f5f5f7, #e8e8ed);--bg-solid:#f0f0f3;--text:#1d1d1f;--text-2:#1d1d1f99;--accent:#0071e3;--accent-text:#fff;--green:#34c759;--orange:#ff9f0a;--red:#ff3b30;--error-bg:#c9251d;--fill:#0000000f;--fill-hover:#0000001a;--fill-strong:#fff;--glass:#ffffffb8;--glass-strong:#ffffffe6;--glass-border:#00000014;--shadow:0 8px 30px #0000001f;--shadow-sm:0 1px 3px #0000001f;--stage-media:#fff;--checker:#0000000d;--spring:cubic-bezier(.3, .7, .4, 1.5);--ease:cubic-bezier(.25, .1, .25, 1);--topbar-h:56px;--dock-space:96px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:radial-gradient(120% 90% at 50% 20%, #2a2d34 0%, #0b0c0f 70%);--bg-solid:#0b0c0f;--text:#f5f5f7;--text-2:#f5f5f799;--accent:#0a84ff;--green:#30d158;--orange:#ff9f0a;--red:#ff453a;--error-bg:#b3261e;--fill:#ffffff1a;--fill-hover:#ffffff29;--fill-strong:#ffffff38;--glass:#28282d9e;--glass-strong:#323238db;--glass-border:#ffffff1f;--shadow:0 8px 30px #00000080;--shadow-sm:0 1px 3px #0006;--stage-media:#000;--checker:#ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-solid);background-image:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--text-2)}.dd-app{height:100dvh;position:relative;overflow:hidden}.dd-topbar{z-index:20;height:var(--topbar-h);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 16px;display:grid;position:absolute;inset:0 0 auto}.dd-brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.dd-topbar__end{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dd-status{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.dd-status--stacked{flex-direction:column;align-items:stretch;overflow:visible}.dd-stage{padding:calc(var(--topbar-h) + 8px) 16px var(--dock-space);display:flex;position:absolute;inset:0}.dd-stage__inner{min-width:0;min-height:0;animation:dd-stage-in .2s var(--ease);flex:1;justify-content:center;align-items:center;display:flex;container-type:size}@keyframes dd-stage-in{0%{opacity:0;transform:scale(.98)}}.dd-media{background:var(--stage-media);box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}@supports not (width:1cqw){.dd-media{width:min(100%, calc((100vh - var(--topbar-h) - 8px - var(--dock-space)) * var(--ar,1)))}}.dd-media>video,.dd-media>canvas,.dd-media>img,.dd-media>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.dd-media--checker{background:repeating-conic-gradient(var(--checker) 0 25%, transparent 0 50%) 0 0 / 20px 20px, var(--stage-media)}.dd-dock-wrap{z-index:20;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dd-dock{pointer-events:auto;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);max-width:100%;box-shadow:var(--shadow), inset 0 0 0 .5px var(--glass-border);scrollbar-width:none;animation:dd-dock-in .22s var(--ease);border-radius:18px;align-items:center;gap:10px;padding:8px 10px;display:flex;overflow-x:auto}.dd-dock::-webkit-scrollbar{display:none}@keyframes dd-dock-in{0%{opacity:0;transform:translateY(8px)}}.dd-dock__text{color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.dd-dock__sep{background:var(--glass-border);flex:none;align-self:stretch;width:1px;margin:4px 2px}.dd-btn{white-space:nowrap;cursor:pointer;height:32px;transition:transform .12s var(--spring), background .16s, opacity .16s;border:0;border-radius:980px;flex:none;padding:0 14px;font-size:13px;font-weight:500}.dd-btn:active:not(:disabled),.dd-icon-btn:active:not(:disabled),.dd-seg__item:active:not(:disabled),.dd-chip--button:active{transform:scale(.92)}.dd-btn--primary{background:var(--accent);color:var(--accent-text)}.dd-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.dd-btn--secondary{background:var(--fill)}.dd-btn--secondary:hover:not(:disabled){background:var(--fill-hover)}.dd-btn--plain{color:var(--accent);background:0 0;padding:0 6px}.dd-btn:disabled,.dd-icon-btn:disabled{opacity:.35;cursor:not-allowed}.dd-icon-btn{background:var(--fill);cursor:pointer;width:34px;height:34px;transition:transform .12s var(--spring), background .16s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.dd-icon-btn:hover:not(:disabled){background:var(--fill-hover)}.dd-icon-btn.is-active,.dd-icon-btn.is-active:hover:not(:disabled){background:var(--accent);color:var(--accent-text)}.dd-switch{white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.dd-switch.is-disabled{opacity:.35;cursor:not-allowed}.dd-switch__track{width:38px;height:22px;cursor:inherit;background:#78788052;border:0;border-radius:11px;padding:0;transition:background .2s;position:relative}.dd-switch__track.is-on{background:var(--green)}.dd-switch__thumb{width:18px;height:18px;transition:transform .22s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.dd-switch__track.is-on .dd-switch__thumb{transform:translate(16px)}.dd-seg{background:var(--fill);border-radius:9px;flex:none;gap:2px;padding:2px;display:inline-flex}.dd-seg.is-disabled{opacity:.35}.dd-seg__item{white-space:nowrap;cursor:pointer;height:28px;transition:transform .12s var(--spring), background .18s, box-shadow .18s;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13px}.dd-seg__item.is-on{background:var(--fill-strong);box-shadow:var(--shadow-sm);font-weight:500}.dd-seg__item:disabled{cursor:not-allowed}.dd-lang .dd-seg__item{height:26px;padding:0 8px;font-size:12px}.dd-slider{white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.dd-slider.is-disabled{opacity:.35}.dd-slider__value{color:var(--text-2);font-variant-numeric:tabular-nums;margin-left:4px}.dd-slider input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) var(--pct), var(--fill-hover) var(--pct));cursor:pointer;border-radius:2px;height:4px}.dd-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;transition:transform .12s var(--spring);background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000059}.dd-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.dd-slider input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000059}.dd-popover{flex:none;display:inline-flex;position:relative}.dd-popover__panel{z-index:60;background:var(--glass-strong);-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:var(--shadow), inset 0 0 0 .5px var(--glass-border);color:var(--text);animation:dd-pop-in .16s var(--ease);border-radius:14px;flex-direction:column;gap:12px;padding:14px;font-size:13px;display:flex}.dd-popover__panel--top{transform-origin:bottom}.dd-popover__panel--bottom{transform-origin:100% 0}@keyframes dd-pop-in{0%{opacity:0;scale:.94}}.dd-popover__title{font-weight:600}.dd-popover__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.dd-popover__note{color:var(--text-2);font-size:12px}.dd-popover .dd-slider,.dd-popover .dd-switch{justify-content:space-between;width:100%}.dd-popover .dd-slider{flex-wrap:wrap}.dd-chip{background:var(--fill);white-space:nowrap;border:0;border-radius:980px;align-items:center;gap:6px;min-width:0;max-width:260px;height:28px;padding:0 11px;font-size:12px;display:inline-flex;overflow:hidden}.dd-chip__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dd-chip--button{cursor:pointer;transition:transform .12s var(--spring), background .16s}.dd-chip--button:hover{background:var(--fill-hover)}.dd-chip__dot{border-radius:50%;flex:none;width:7px;height:7px}.dd-chip__dot--ok{background:var(--green)}.dd-chip__dot--warn{background:var(--orange)}.dd-chip__dot--error{background:var(--red)}.dd-chip__dot--busy{background:var(--accent);animation:1s ease-in-out infinite dd-pulse}@keyframes dd-pulse{50%{opacity:.3}}.dd-steps{background:var(--fill);border-radius:980px;align-items:center;height:28px;padding:0 10px 0 4px;display:inline-flex}.dd-steps__dot{cursor:pointer;width:24px;height:24px;transition:width .22s var(--spring);background:0 0;border:0;border-radius:12px;flex:none;padding:0;position:relative}.dd-steps__dot:after{content:"";background:var(--fill-hover);border-radius:4px;height:8px;transition:background .2s;position:absolute;top:8px;left:8px;right:8px}.dd-steps__dot.is-done:after{background:#0071e38c;background:color-mix(in srgb, var(--accent) 55%, transparent)}.dd-steps__dot.is-current{width:36px}.dd-steps__dot.is-current:after{background:var(--accent)}.dd-steps__dot:disabled{cursor:default}.dd-steps__label{white-space:nowrap;margin-left:4px;font-size:12px}.dd-ring{background:conic-gradient(var(--accent) var(--pct), var(--fill-hover) 0);border-radius:50%;flex:none;width:24px;height:24px;transition:background .2s;-webkit-mask:radial-gradient(circle,#0000 7px,#000 7.5px);mask:radial-gradient(circle,#0000 7px,#000 7.5px)}.dd-drop{border:1.5px dashed #80808073;border:1.5px dashed color-mix(in srgb, var(--text) 25%, transparent);background:var(--fill);background:color-mix(in srgb, var(--glass) 60%, transparent);text-align:center;cursor:pointer;width:min(520px,100%);transition:transform .2s var(--spring), border-color .2s, background .2s;border-radius:22px;padding:44px 24px}.dd-drop:hover,.dd-drop.is-over{border-color:var(--accent);background:var(--glass);background:color-mix(in srgb, var(--accent) 10%, var(--glass))}.dd-drop.is-over{transform:scale(1.02)}.dd-drop__plus{width:48px;height:48px;color:var(--accent);background:#0071e324;background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:26px;display:grid}.dd-drop__title{letter-spacing:-.01em;font-size:19px;font-weight:600}.dd-drop__hint{color:var(--text-2);margin-top:6px}.dd-drop-wrap{flex-direction:column;align-items:center;gap:12px;width:min(520px,100%);display:flex}.dd-empty{background:var(--glass);-webkit-backdrop-filter:blur(20px);width:min(420px,100%);box-shadow:var(--shadow), inset 0 0 0 .5px var(--glass-border);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;display:flex}.dd-empty__title{font-size:17px;font-weight:600}.dd-toasts{top:calc(var(--topbar-h) + 4px);z-index:50;pointer-events:none;flex-direction:column;align-items:center;width:min(520px,92vw);display:flex;position:fixed;left:50%;transform:translate(-50%)}.dd-toasts__group{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.dd-toasts__group:not(:empty)~.dd-toasts__group:not(:empty){margin-top:8px}.dd-toast{pointer-events:auto;background:var(--glass-strong);-webkit-backdrop-filter:saturate(180%)blur(24px);max-width:100%;box-shadow:var(--shadow), inset 0 0 0 .5px var(--glass-border);animation:dd-toast-in .2s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}@keyframes dd-toast-in{0%{opacity:0;transform:translateY(-10px)}}.dd-toast__icon{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.dd-toast--success .dd-toast__icon{background:var(--green)}.dd-toast--error{background:var(--error-bg);color:#fff}.dd-toast--error .dd-toast__close{opacity:.85}.dd-toast--error .dd-toast__icon{background:#ffffff40}.dd-toast__close{width:22px;height:22px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none}.dd-paint{cursor:crosshair;touch-action:none}.dd-media.dd-joints{overflow:visible}.dd-joints img{border-radius:inherit}.dd-joints svg{overflow:visible}.dd-joints img,.dd-joints svg{-webkit-user-select:none;user-select:none;touch-action:none}.dd-joints .bone{stroke:#22d3ee;stroke-linecap:round}.dd-joints .joint circle{fill:var(--accent);stroke:#fff;stroke-width:2px;cursor:grab;transition:transform .18s var(--spring);transform-box:fill-box;transform-origin:50%}.dd-joints .joint circle:hover{transform:scale(1.25)}.dd-joints .joint.outside circle{fill:var(--red);animation:1.2s ease-in-out infinite dd-pulse;transform:scale(1.7)}.dd-joints .joint text{fill:#fff;paint-order:stroke;stroke:#000000b3;stroke-width:3px;pointer-events:none;font-weight:600}.dd-joints .joint.outside text{fill:var(--red);stroke:#fff}.dd-color{flex-wrap:wrap;gap:8px;display:flex}.dd-color__swatch{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--glass-border);cursor:pointer;transition:transform .12s var(--spring);border:0;border-radius:50%}.dd-color__swatch.is-on{box-shadow:0 0 0 2px var(--glass-strong), 0 0 0 4px var(--accent)}.dd-color input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0}.dd-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dd-presets__title{color:var(--text-2);grid-column:1/-1;font-size:12px;font-weight:600}.dd-presets__item{background:var(--fill);color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:10px;padding:7px 10px;transition:background .15s}.dd-presets__item:hover:not(:disabled){background:var(--fill-hover)}.dd-presets__item.is-on,.dd-presets__item.is-on:hover:not(:disabled){background:var(--accent);color:#fff}.dd-presets__item:disabled{opacity:.5;cursor:default}@media (width<=640px){:root{--dock-space:88px}.dd-topbar{grid-template-columns:auto 1fr auto;padding:0 10px}.dd-topbar__nav{justify-self:center;min-width:0}.dd-topbar__nav .dd-seg__item{padding:0 8px;font-size:12px}.dd-lang .dd-seg__item{padding:0 6px}.dd-stage{padding-left:10px;padding-right:10px}.dd-dock-wrap{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:opacity,background,background-color,color!important;animation-duration:1ms!important;animation-iteration-count:1!important}.dd-btn:active:not(:disabled),.dd-icon-btn:active:not(:disabled),.dd-seg__item:active:not(:disabled),.dd-chip--button:active,.dd-drop.is-over,.dd-joints .joint circle:hover{transform:none}.dd-joints .joint.outside circle{transform:scale(1.7)}}.dd-stage-overlay{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dd-chip--empty{color:var(--accent)}
