.j3{height:var(--j3-h,460px);background:radial-gradient(1100px 620px at 50% 38%,#24324d 0%,#121a2b 55%,#0a0f1a 100%);transition:background .6s;position:relative;overflow:hidden}.j3.is-xray{background:radial-gradient(900px 600px at 50% 40%,#0d1420 0%,#030508 70%)}.j3-canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.j3-canvas:active{cursor:grabbing}.j3-labels{z-index:2;pointer-events:none;position:absolute;inset:0}.jw-label{pointer-events:auto;cursor:pointer;font:600 10.5px/1.3 var(--j3-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#e2e8f0;white-space:nowrap;border:0;border-left:3px solid var(--c,#ffffff59);-webkit-backdrop-filter:blur(6px);will-change:transform;background:#0f172a94;border-radius:999px;padding:2px 7px 2px 5px;transition:opacity .25s,background-color .2s;position:absolute;top:0;left:0}.jw-label:hover,.jw-label.is-sel{color:#fff;background:#3b82f6e6}.jw-label.is-dim{filter:opacity(.35)}.j3-tools{left:14px;right:calc(14px + var(--j3-panel,0px));z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex;position:absolute;top:14px}.j3-grp{pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#0f172a94;border-radius:14px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 20px -8px #00000080}.j3-grp button{cursor:pointer;color:#ffffffc7;white-space:nowrap;background:0 0;border:0;border-radius:10px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s}.j3-grp button:hover{color:#fff;background:#ffffff14}.j3-grp button.is-on{color:#0f172a;background:#ffffffeb;box-shadow:0 2px 8px #00000040}.j3-range{color:#fffc;align-items:center;gap:6px;padding:0 8px;display:flex}.j3-range svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.j3-range input{accent-color:#60a5fa;width:88px}.j3-hint{z-index:2;text-align:center;color:#ffffffdb;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;gap:2px;margin:0;padding:8px 16px;font-size:13px;transition:opacity .6s,translate .6s;animation:2.4s ease-in-out 2s 3 j3-hint;display:grid;position:absolute;top:66px;left:50%;translate:-50%}.j3-hint span{color:#ffffff8c;font-size:11.5px}.j3-hint.is-gone{opacity:0;pointer-events:none;translate:-50% -10px}@keyframes j3-hint{50%{background:#60a5fa52}}.j3-load{z-index:1;text-align:center;color:#ffffffb3;place-items:center;margin:0;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.j3.is-fail{height:auto;min-height:260px}.j3.is-fail .j3-tools,.j3.is-fail .j3-canvas{display:none}.j3.is-fail .j3-load{padding:40px 24px 150px;position:static}.j3-tip{z-index:4;pointer-events:none;color:#0f172a;opacity:0;background:#fffffff5;border-radius:10px;max-width:280px;padding:8px 11px;font-size:12.5px;line-height:1.35;transition:opacity .15s;position:absolute;top:0;left:0;box-shadow:0 10px 30px -8px #00000073}.j3-tip.is-on{opacity:1}@media (max-width:759px){.j3-tools{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.j3-tools::-webkit-scrollbar{display:none}.j3-grp{flex:none}.j3-hint{width:max-content;max-width:calc(100% - 28px);font-size:12.5px;top:60px}.j3-hint span{display:none}}@media (prefers-reduced-motion:reduce){.j3-hint{animation:none}}