html,body,#root{background:#111;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}.app{background:#e6e6e6;grid-template-columns:minmax(0,1fr) 340px;width:100vw;height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;overflow:hidden}.stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.artboard{background:#fff;flex:none;position:relative;box-shadow:0 1px #0000000f,0 14px 44px #0000001f}.artboard-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.artboard-canvas.is-draw{cursor:crosshair}.artboard-canvas.is-move{cursor:grab}.artboard-canvas.is-move:active{cursor:grabbing}.artboard-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.artboard-overlay polyline{fill:none;stroke:#f60;stroke-width:2px;stroke-dasharray:6 5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.artboard-overlay polyline.guide-path{stroke:#111;stroke-opacity:.4;stroke-width:1.5px;stroke-dasharray:none}.artboard-overlay polyline.draw-stroke{stroke-dasharray:none}.stage-hint{color:#00000073;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;gap:12px;font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:10px;left:16px;right:16px;overflow:hidden}.stage-info{text-overflow:ellipsis;overflow:hidden}.stage-toast{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#141414e0;border-radius:999px;max-width:calc(100% - 32px);padding:8px 12px;font:12px/1.3 ui-sans-serif,system-ui,sans-serif;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.sidebar{overscroll-behavior:contain;box-sizing:border-box;--tp-base-background-color:#28292e;--tp-base-shadow-color:transparent;--tp-container-background-color:#ffffff0f;--tp-container-background-color-hover:#ffffff1a;--tp-container-background-color-focus:#ffffff24;--tp-container-background-color-active:#ffffff2e;--tp-button-background-color:#3b3d44;--tp-button-background-color-hover:#484a52;--tp-button-background-color-focus:#52545d;--tp-button-background-color-active:#f60;--tp-button-foreground-color:#f1f1f1;--tp-input-background-color:#ffffff12;--tp-input-background-color-hover:#ffffff1c;--tp-input-background-color-focus:#ffffff26;--tp-input-background-color-active:#ffffff30;--tp-input-foreground-color:#f1f1f1;--tp-label-foreground-color:#f1f1f19e;--tp-groove-foreground-color:#ffffff1f;--tp-blade-value-width:190px;background:#28292e;border-left:1px solid #1b1c1f;height:100vh;min-height:0;overflow:hidden auto}.sidebar>.tp-rotv{border-radius:0}.sidebar .tp-rotv_t{font-weight:600}.sidebar .tp-radv_i:checked+.tp-radv_b{color:#111;background-color:#f60}.sidebar .tp-lblv:has(.tp-radgridv){flex-wrap:wrap;align-items:stretch;min-height:0;padding-bottom:8px;height:auto!important}.sidebar .tp-lblv:has(.tp-radgridv)>.tp-lblv_l{flex:none;width:100%;max-width:none;padding-bottom:4px}.sidebar .tp-lblv:has(.tp-radgridv)>.tp-lblv_v{flex:100%;max-width:none;width:100%!important}.sidebar .tp-radgridv{box-sizing:border-box;gap:4px;width:100%;height:auto!important}.sidebar .tp-radgridv .tp-radv{min-width:0}.sidebar .tp-radgridv .tp-radv_b{box-sizing:border-box;width:100%;height:auto;min-height:calc(var(--cnt-usz,20px) + 10px);text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0;font-size:11px;font-weight:600;line-height:1.15;display:block;position:relative;overflow:hidden}.sidebar .tp-radgridv .tp-radv:has(.tp-radv_t:empty){display:none}.sidebar .tp-radgridv .tp-radv_t{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0 4px;line-height:1.15;overflow:hidden;display:flex!important;position:absolute!important;inset:0!important}.sidebar .bt-array-row{align-items:center}.sidebar .bt-array-row>.tp-lblv_l{opacity:0;pointer-events:none;overflow:hidden;flex:0 0 0!important;width:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important}.sidebar .bt-array-row>.tp-lblv_v{flex:auto;width:100%!important;max-width:none!important}.sidebar .tp-lblv_v:has(.bt-array-actions){align-items:center;gap:6px;min-width:0;display:flex}.sidebar .tp-lblv_v:has(.bt-array-actions)>:not(.bt-array-actions){flex:auto;min-width:0}.sidebar .bt-array-actions{flex:none;align-items:center;gap:2px;display:inline-flex}.sidebar .bt-array-btn{box-sizing:border-box;background:var(--tp-button-background-color);width:24px;height:24px;color:var(--tp-button-foreground-color);letter-spacing:0;cursor:pointer;border:1px solid #ffffff14;border-radius:5px;margin:0;padding:0;font:600 11px/1 ui-sans-serif,system-ui,sans-serif}.sidebar .bt-array-btn--remove{color:#f0a8a8}.sidebar .bt-array-btn:hover:not(:disabled){background:var(--tp-button-background-color-hover);border-color:#ffffff29}.sidebar .bt-array-btn:active:not(:disabled){background:var(--tp-button-background-color-active);color:#111;border-color:#0000}.sidebar .bt-array-btn:disabled{opacity:.35;cursor:default}