@layer components{.dsviz-inline *,.dsviz-panel *{box-sizing:border-box}.dsviz-inline,.dsviz-panel{--dsviz-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b97ad' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dsviz-panel{--dsviz-bg:var(--vv-card,#11151d);--dsviz-surface:var(--vv-bg,#181e29);--dsviz-surface-2:var(--vv-code,#1f2735);--dsviz-border:var(--vv-border,#2c3547);--dsviz-text:var(--vv-text,#e8ecf4);--dsviz-text-dim:var(--vv-text2,#8b97ad);--dsviz-accent:var(--vv-accent,#ffd84d);--dsviz-accent-text:var(--vv-on-accent,#1c2331);--dsviz-danger:var(--vv-coral,#ef4444);--dsviz-radius:12px;display:block;background:var(--dsviz-bg);border:1px solid var(--dsviz-border);border-radius:var(--dsviz-radius);color:var(--dsviz-text);font-family:var(--vv-font-ui,"Segoe UI",system-ui,sans-serif);outline:none;overflow:hidden}.dsviz-inline.dsviz-light,.dsviz-panel.dsviz-light{--dsviz-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2369748a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--dsviz-bg:var(--vv-card,#f3f5f9);--dsviz-surface:var(--vv-bg,#ffffff);--dsviz-surface-2:var(--vv-code,#eaeef5);--dsviz-border:var(--vv-border,#d4dae4);--dsviz-text:var(--vv-text,#222a38);--dsviz-text-dim:var(--vv-text2,#69748a);--dsviz-accent:var(--vv-accent,#e0a900);--dsviz-accent-text:var(--vv-on-accent,#ffffff)}.dsviz-panel:focus-visible{outline:none;border-color:color-mix(in srgb,var(--dsviz-text) 35%,var(--dsviz-border))}.dsviz-main{display:grid;grid-template-columns:1fr 232px;gap:0}.dsviz-left{display:flex;flex-direction:column;min-width:0}.dsviz-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--dsviz-surface);border-bottom:1px solid var(--dsviz-border)}.dsviz-opcluster{position:relative;display:flex;flex-direction:column;margin-top:7px;padding:11px 10px 8px;border:1px solid var(--dsviz-border);border-radius:10px}.dsviz-opcluster-title{position:absolute;top:-8px;left:12px;padding:0 7px;background:var(--dsviz-surface);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dsviz-text-dim);line-height:15px}.dsviz-opcluster-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dsviz-opcluster-data{margin-left:auto}.dsviz-opgroup{display:flex;gap:4px;align-items:center}.dsviz-input{width:104px;padding:0 11px;background:var(--dsviz-surface-2);font-size:14.5px;-moz-appearance:textfield}.dsviz-input,.dsviz-select{height:36px;border:1px solid var(--dsviz-border);border-radius:8px;color:var(--dsviz-text)}.dsviz-select{padding:0 26px 0 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--dsviz-surface-2);background-image:var(--dsviz-select-arrow);background-repeat:no-repeat;background-position:right 8px center;background-size:12px;font-size:13.5px;cursor:pointer;max-width:176px;transition:border-color .15s}.dsviz-select:focus,.dsviz-select:hover{border-color:var(--dsviz-accent)}.dsviz-select:focus{outline:none}.dsviz-select option{background:var(--dsviz-surface-2);color:var(--dsviz-text)}.dsviz-input::-webkit-inner-spin-button,.dsviz-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dsviz-input:focus{outline:none;border-color:var(--dsviz-accent)}.dsviz-input-error{border-color:var(--dsviz-danger)!important;animation:dsviz-shake .18s 2}@keyframes dsviz-shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.dsviz-input-fill{width:168px}.dsviz-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;background:transparent;border:1px solid var(--vv-border-strong,var(--dsviz-border));border-radius:10px;color:var(--dsviz-text);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;user-select:none;white-space:nowrap}.dsviz-btn:hover:not(:disabled):not(.dsviz-btn-accent){border-color:var(--vv-faint,var(--dsviz-accent));background:color-mix(in srgb,var(--dsviz-text) 5%,transparent)}.dsviz-btn-accent:hover:not(:disabled){filter:brightness(1.07)}.dsviz-btn .dsviz-ic+span{margin-left:6px}.dsviz-ic{display:inline-flex;width:15px;height:15px;flex-shrink:0}.dsviz-ic svg{width:100%;height:100%}.dsviz-btn-icon .dsviz-ic{width:16px;height:16px}.dsviz-btn:disabled{opacity:.38;cursor:default}.dsviz-btn-accent,.dsviz-btn-active{background:var(--dsviz-accent);border-color:var(--dsviz-accent);color:var(--dsviz-accent-text)}.dsviz-btn-danger:hover:not(:disabled){border-color:var(--dsviz-danger);color:var(--dsviz-danger)}.dsviz-btn-icon{width:36px;padding:0;font-size:16px}.dsviz-stage{position:relative;height:460px;min-height:280px;background:transparent}.dsviz-canvas{cursor:grab}.dsviz-canvas:active{cursor:grabbing}.dsviz-zoombar{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.dsviz-status{position:absolute;left:10px;bottom:10px;max-width:min(72%,520px);padding:8px 12px;background:color-mix(in srgb,var(--dsviz-surface) 88%,transparent);border:1px solid var(--dsviz-border);border-radius:10px;font-size:13.5px;color:var(--dsviz-text);pointer-events:none;z-index:2;backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsviz-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;background:var(--dsviz-surface);border-top:1px solid var(--dsviz-border)}.dsviz-speeds{display:flex;gap:2px;background:var(--dsviz-surface-2);border:1px solid var(--dsviz-border);border-radius:8px;padding:2px}.dsviz-btn-speed{border:none;background:transparent;height:28px;padding:0 9px;border-radius:6px;font-size:12.5px;color:var(--dsviz-text-dim)}.dsviz-speeds .dsviz-btn-speed.dsviz-btn-active{background:var(--dsviz-accent);color:var(--dsviz-accent-text);font-weight:700}.dsviz-history{background:var(--dsviz-surface);border-left:1px solid var(--dsviz-border);padding:12px;height:0;min-height:100%;display:flex;flex-direction:column}.dsviz-history-list{flex:1;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--dsviz-border) transparent}.dsviz-history-list::-webkit-scrollbar{width:8px}.dsviz-history-list::-webkit-scrollbar-thumb{background:var(--dsviz-border);border-radius:4px}.dsviz-history-list::-webkit-scrollbar-track{background:transparent}.dsviz-history-title{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--dsviz-text-dim)}.dsviz-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.dsviz-history-item{display:flex;align-items:flex-start;gap:4px;padding:7px 10px;border-radius:8px;background:var(--dsviz-surface-2);border:1px solid var(--dsviz-border);font-size:12.8px;line-height:1.35;word-break:break-word}.dsviz-history-text{flex:1;min-width:0}.dsviz-history-clamp .dsviz-history-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dsviz-history-expanded .dsviz-history-text{display:block;-webkit-line-clamp:unset}.dsviz-history-more{flex-shrink:0;height:18px;padding:0 3px;border:none;background:transparent;color:var(--dsviz-text-dim);font-size:14px;line-height:1;cursor:pointer}.dsviz-history-more:hover{color:var(--dsviz-accent)}.dsviz-history-nav{cursor:pointer}.dsviz-history-nav:hover{border-color:var(--dsviz-accent)}.dsviz-history-info{opacity:.65}.dsviz-history-empty{color:var(--dsviz-text-dim);font-size:13px}.dsviz-fullscreen-fallback{position:fixed!important;inset:0!important;z-index:9999;border-radius:0}.dsviz-fullscreen-fallback,.dsviz-panel:fullscreen{display:flex;flex-direction:column;width:100%;height:100%}.dsviz-fullscreen-fallback .dsviz-main,.dsviz-panel:fullscreen .dsviz-main{flex:1;min-height:0;height:auto}.dsviz-fullscreen-fallback .dsviz-left,.dsviz-panel:fullscreen .dsviz-left{min-height:0}.dsviz-fullscreen-fallback .dsviz-stage,.dsviz-panel:fullscreen .dsviz-stage{height:auto;flex:1 1 0;min-height:0}.dsviz-fullscreen-fallback .dsviz-controls,.dsviz-fullscreen-fallback .dsviz-toolbar,.dsviz-panel:fullscreen .dsviz-controls,.dsviz-panel:fullscreen .dsviz-toolbar{flex-shrink:0}.dsviz-inline{--dsviz-bg:var(--vv-card,#11151d);--dsviz-surface:var(--vv-bg,#181e29);--dsviz-surface-2:var(--vv-code,#1f2735);--dsviz-border:var(--vv-border,#2c3547);--dsviz-text:var(--vv-text,#e8ecf4);--dsviz-text-dim:var(--vv-text2,#8b97ad);--dsviz-accent:var(--vv-accent,#ffd84d);--dsviz-accent-text:var(--vv-on-accent,#1c2331);--dsviz-danger:var(--vv-coral,#ef4444);background:var(--dsviz-bg);border:1px solid var(--dsviz-border);border-radius:12px;overflow:hidden;font-family:var(--vv-font-ui,"Segoe UI",system-ui,sans-serif);color:var(--dsviz-text)}.dsviz-inline-stage{position:relative}.dsviz-inline-caption{min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 14px 2px;font-size:13.5px;color:var(--dsviz-text);border-top:1px solid var(--dsviz-border);background:var(--dsviz-surface)}.dsviz-inline-controls{display:flex;align-items:center;gap:6px;padding:8px 12px 10px;background:var(--dsviz-surface)}.dsviz-inline-progress{flex:1;height:6px;margin:0 8px;background:var(--dsviz-surface-2);border-radius:4px;overflow:hidden}.dsviz-inline-progress-bar{height:100%;width:0;background:var(--dsviz-accent);border-radius:4px;transition:width .18s ease-out}.dsviz-inline-speed{width:auto;min-width:44px;padding:0 8px;font-size:12.5px;font-variant-numeric:tabular-nums}.dsviz-inline-progress-text{font-size:12px;color:var(--dsviz-text-dim);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}@media (max-width:860px),(pointer:coarse){.dsviz-input,.dsviz-select{font-size:16px}}@media (max-width:860px){.dsviz-main{grid-template-columns:1fr}.dsviz-opcluster-data{margin-left:0}.dsviz-history{border-left:none;border-top:1px solid var(--dsviz-border);height:auto;min-height:0;max-height:240px}.dsviz-history-list{max-height:none}.dsviz-stage{height:380px}.dsviz-opgroup-random{margin-left:0}}@media (max-width:520px){.dsviz-stage{height:320px}.dsviz-input{width:64px}.dsviz-btn{padding:7px 10px;font-size:12.5px}}.dsviz-chart{background:var(--dsviz-surface);border:1px solid var(--dsviz-border);border-radius:14px;padding:14px 14px 10px;font-family:var(--dsviz-font,inherit);color:var(--dsviz-text)}.dsviz-chart-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px}.dsviz-chart-title{font-size:14.5px;font-weight:700}.dsviz-chart-legend{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.dsviz-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--dsviz-border);border-radius:13px;background:var(--dsviz-surface-2);color:var(--dsviz-text);font-size:12px;cursor:pointer;transition:opacity .15s,border-color .15s}.dsviz-chip:hover{border-color:var(--dsviz-accent)}.dsviz-chip-off{opacity:.4}.dsviz-chip-off .dsviz-chip-dot{background:var(--dsviz-text-dim)!important}.dsviz-chip-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dsviz-chart-stage{position:relative;width:100%}.dsviz-chart-stage canvas{display:block;width:100%;touch-action:pan-y;cursor:crosshair}.dsviz-chart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:8px 2px 2px}.dsviz-chart-param{display:flex;align-items:center;gap:9px;min-width:240px;flex:1 1 260px;max-width:420px}.dsviz-chart-param-label{font-size:12.5px;color:var(--dsviz-text-dim);white-space:nowrap}.dsviz-chart-param-value{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.dsviz-chart-play{width:30px;height:30px;flex-shrink:0}.dsviz-chart-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--dsviz-text-dim);cursor:pointer;user-select:none}.dsviz-chart-toggle input{accent-color:var(--dsviz-accent);width:15px;height:15px;cursor:pointer}.dsviz-chart-caption{margin-top:6px;font-size:12px;color:var(--dsviz-text-dim);min-height:16px;font-variant-numeric:tabular-nums}.dsviz-range{-webkit-appearance:none;appearance:none;flex:1;height:26px;background:transparent;cursor:pointer}.dsviz-range::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:var(--dsviz-border)}.dsviz-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--dsviz-accent);border:2px solid var(--dsviz-surface);margin-top:-5.5px;box-shadow:0 1px 4px rgba(0,0,0,.35)}.dsviz-range::-moz-range-track{height:5px;border-radius:3px;background:var(--dsviz-border)}.dsviz-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--dsviz-accent);border:2px solid var(--dsviz-surface)}}