.cc-host{--cc-btn:32px;--cc-ic:18px;--cc-pad:3px;--cc-rad:11px;--cc-inset:8px;--cc-chip:20px;--cc-chip-fs:11px;--cc-chip-px:7px;--cc-ring:22px;--cc-ts-fs:11.5px;--cc-plate:#0c0c0ec7;--cc-chip-bg:#0c0c0e9e}.cc-host[data-cs=s],.cc-host[data-cs=xs]{--cc-btn:28px;--cc-ic:16px;--cc-pad:2px;--cc-rad:9px;--cc-inset:6px;--cc-chip:18px;--cc-chip-fs:10.5px;--cc-chip-px:6px;--cc-ring:20px;--cc-ts-fs:11px}.cc-host[data-cs=l]{--cc-btn:36px;--cc-ic:20px;--cc-pad:3px;--cc-rad:12px;--cc-inset:10px;--cc-chip:22px;--cc-chip-fs:12px;--cc-chip-px:8px;--cc-ring:24px;--cc-ts-fs:12.5px}.cc-dock{right:var(--cc-inset,8px);bottom:calc(var(--cc-inset,8px) + var(--cc-lift,0px));z-index:8;padding:var(--cc-pad,3px);border-radius:var(--cc-rad,11px);background:var(--cc-plate,#0c0c0ec7);box-shadow:inset 0 0 0 1px var(--wa-3),0 4px 14px -6px #0009;color:#f4f4f4;align-items:center;gap:1px;line-height:1;display:flex;position:absolute}.cc-dock .cc-b{all:unset;box-sizing:border-box;width:var(--cc-btn,32px);height:var(--cc-btn,32px);border-radius:calc(var(--cc-rad,11px) - var(--cc-pad,3px));color:#f4f4f4;cursor:pointer;transition:background-color var(--fast,.16s)ease,color var(--fast,.16s)ease,transform var(--f-tap)ease;flex:none;place-items:center;display:inline-grid}.cc-dock .cc-b svg{width:var(--cc-ic,18px);height:var(--cc-ic,18px)}.cc-dock .cc-b:disabled{cursor:default}@media (hover:hover){.cc-dock .cc-b:not(:disabled):hover{background:#ffffff21}.cc-dock .cc-b.is-danger:not(:disabled):hover{color:#ff9b9b;background:#f8717129}}.cc-dock .cc-b:active:not(:disabled){transform:scale(.92)}.cc-dock .cc-b.is-busy svg{animation:.9s linear infinite cc-turn}.cc-div{background:var(--line-3);flex:none;align-self:stretch;width:1px;margin:7px 2px}@keyframes cc-turn{to{transform:rotate(360deg)}}.cc-hov{opacity:0;pointer-events:none;transition:opacity var(--f-tap)ease,transform var(--f-tap)ease;transform:translateY(3px)}@media (hover:hover){.cc-host:hover .cc-hov,.cc-hov.is-shown{opacity:1;pointer-events:auto;animation:0s linear .15s backwards cc-arm;transform:none}}.cc-host:has(:focus-visible) .cc-hov{opacity:1;pointer-events:auto;transform:none}@keyframes cc-arm{0%,to{pointer-events:none}}.cc-marks{top:var(--cc-inset,8px);left:var(--cc-inset,8px);z-index:7;pointer-events:none;max-width:calc(100% - 2*var(--cc-inset,8px));gap:4px;display:flex;position:absolute}.cc-chip{height:var(--cc-chip,20px);padding:0 var(--cc-chip-px,7px);border-radius:var(--r-xs);white-space:nowrap;background:var(--cc-chip-bg,#0c0c0e9e);color:#ffffffeb;font:600 var(--cc-chip-fs,11px)/1 var(--font-ui,inherit);font-variant-numeric:tabular-nums;letter-spacing:0;flex:none;align-items:center;gap:5px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0f}.cc-chip.is-draft{color:#ffffffd1}.cc-chip.is-near{color:var(--warning)}.cc-chip.is-busy{color:color-mix(in srgb,var(--blue)30%,var(--ink))}.cc-dot{background:#ffffffd9;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 1.5px #00000073}.cc-dot.is-picked{background:var(--pick)}.em{--em-h:var(--cc-chip,20px);--em-g:10px;height:var(--em-h);padding:0 calc((var(--em-h) - var(--em-g))/2);border-radius:var(--r-xs);background:var(--cc-chip-bg,#0c0c0e9e);color:#fff;font:600 var(--cc-chip-fs,11px)/1 var(--font-ui,inherit);letter-spacing:0;white-space:nowrap;pointer-events:none;flex:none;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.em-glint{width:var(--em-g);height:var(--em-g);flex:none;place-items:center;display:grid}.em-glint svg{width:var(--em-g);height:var(--em-g);opacity:.94;transition:transform var(--f-move)cubic-bezier(.2,.8,.2,1),color var(--f-tap)ease;display:block}.em-more{transition:grid-template-columns var(--f-fade)cubic-bezier(.2,.8,.2,1);grid-template-columns:0fr;display:grid}.em-label{opacity:0;min-width:0;transition:opacity var(--f-tap)ease,transform var(--f-fade)cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translate(-3px)}.em-text{padding:0 1px 0 6px;display:block}.em-res{color:#ffffff8c;font-variant-numeric:tabular-nums;margin-left:5px}@media (hover:hover){:is(.cc-host,.canvas-container:not(.is-far) .image-node):hover .em-glint svg{color:var(--accent-violet-soft);transform:rotate(90deg)}:is(.cc-host,.canvas-container:not(.is-far) .image-node):hover .em-more{grid-template-columns:1fr}:is(.cc-host,.canvas-container:not(.is-far) .image-node):hover .em-label{opacity:1;transition-delay:70ms,0s;transform:none}}@media (prefers-reduced-motion:reduce){.em-glint svg{transition:color var(--f-tap)ease;transform:none!important}.em-more,.em-label{transition:opacity var(--f-tap)ease}.em-label{transform:none}}.cc-ts{min-width:0;height:1.25em;font-size:var(--cc-ts-fs,11.5px);color:#fff;white-space:normal;text-shadow:0 1px 6px #00000059;font-weight:500;line-height:1.25;display:block;overflow:hidden}.cc-ts>span,.cc-ts>i{white-space:nowrap;display:inline-block}.cc-scrim{z-index:6;height:calc(var(--cc-btn,32px) + 2*var(--cc-pad,3px) + 2*var(--cc-inset,8px) + 14px);padding-left:calc(var(--cc-inset,8px) + 2px);padding-right:calc(var(--cc-n,4)*(var(--cc-btn,32px) + 1px) + 2*var(--cc-pad,3px) + 5px + 2*var(--cc-inset,8px));padding-bottom:calc(var(--cc-inset,8px) + var(--cc-lift,0px) + (var(--cc-btn,32px) + 2*var(--cc-pad,3px) - 1.25*var(--cc-ts-fs,11.5px))/2);pointer-events:none;background:linear-gradient(#0000,#0000008c);align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.cc-host .cc-scrim.cc-hov,.cc-host:hover .cc-scrim.cc-hov{pointer-events:none}.cc-host[data-cs=xs] .cc-dock,.cc-host[data-cs=xs] .cc-scrim{display:none}