:root,.canvas-theme-preview[data-canvas-theme=black]{--ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;--ui-radius-control: 8px;--ui-radius-surface: 12px;--ui-radius-pill: 9999px;--ui-bg-page: #111214;--ui-bg-canvas: #141414;--ui-surface: #18191c;--ui-surface-raised: #222326;--ui-floating: #262626;--ui-node: #171717;--ui-composer: #222225;--ui-control-bg: #202125;--ui-control-hover: #303135;--ui-control-selected: #ffffff;--ui-control-selected-hover: #ededed;--ui-control-selected-ink: #171717;--ui-control-disabled: #1b1b1b;--ui-control-disabled-selected: #303135;--ui-text: #f2f3f5;--ui-text-strong: #f7f7f7;--ui-text-muted: #adb3bd;--ui-text-subtle: #969eaa;--ui-text-disabled: #808894;--ui-border: #525862;--ui-border-muted: #2d2f34;--ui-border-control: #7d8795;--ui-node-border: #626b77;--ui-accent: #18c8ea;--ui-accent-hover: #35d4ed;--ui-accent-text: #35d4ed;--ui-on-accent: #06222a;--ui-success: #5ed3a3;--ui-danger: #f08f8f;--ui-warning: #f4bd6b;--ui-info: #79bdff;--ui-type-image: #67d7a5;--ui-type-video: #ffb17c;--ui-type-audio: #c5afff;--ui-type-text: #aab3bf;--ui-type-pink: #f3a5cd;--ui-grid-dot: #565d68;--ui-edge: #94a2b3;--ui-edge-selected: #e0e4e8;--ui-badge: rgba(255,255,255,.1);--ui-scrollbar-thumb: rgba(255,255,255,.3);--ui-shadow-base: rgba(0,0,0,.85);--ui-modal-shadow: 0 16px 48px color-mix(in srgb, var(--ui-shadow-base) 40%, transparent), 0 0 28px color-mix(in srgb, var(--ui-accent) 7%, transparent), 0 0 0 1px color-mix(in srgb, var(--ui-text) 4%, transparent);--ui-scrim: #000000;--ui-media-bg: #0b0d10;--ui-on-media: #ffffff;--ui-media-muted: #c4c9d1;--ui-tooltip-bg: #090b0e;--ui-tooltip-ink: #f7f7f7;--ui-canvas-light: none;color-scheme:dark}.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--ui-control-height, 34px);padding:0 15px;background:var(--ui-control-bg);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);color:var(--ui-text);font:inherit;font-weight:600;line-height:1;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.sl-btn:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--ui-control-hover);border-color:var(--ui-accent)}.sl-btn:focus{outline:none}html[data-focus-modality=keyboard] .sl-btn:focus{outline:2px solid var(--ui-accent);outline-offset:2px}.sl-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sl-btn-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}.sl-btn-primary:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);color:var(--ui-on-accent)}.sl-btn-secondary{background:transparent;border-color:var(--ui-border-muted)}.sl-btn-dashed{border-style:dashed;background:transparent}.sl-btn-text{background:transparent;border-color:transparent;color:var(--ui-accent)}.sl-btn-text:hover:where(:not(:disabled):not([aria-disabled=true])){background:color-mix(in srgb,var(--ui-accent) 12%,transparent);border-color:transparent}.sl-btn-quiet{background:transparent;border-color:transparent;color:var(--ui-text-muted);font-weight:500}.sl-btn-quiet:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--ui-control-hover);border-color:transparent;color:var(--ui-text)}.sl-btn-quiet[aria-pressed=true]{background:var(--ui-control-hover);border-color:var(--ui-border-muted);color:var(--ui-text);font-weight:600}.sl-btn-small{height:30px;padding:0 11px;font-size:12px}.sl-btn-mini{height:24px;padding:0 8px;font-size:12px;border-radius:6px}.sl-btn-long{width:100%}.sl-btn-status-danger.sl-btn-text{color:var(--ui-danger)}.sl-btn-spinner{width:13px;height:13px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sl-spin .7s linear infinite}.sl-input{width:100%;height:var(--ui-control-height, 34px);padding:0 12px;background:var(--ui-control-bg);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);color:var(--ui-text);font:inherit;transition:border-color .15s,background .15s}.sl-input::placeholder{color:var(--ui-text-subtle)}.sl-input:hover{border-color:var(--ui-accent)}.sl-input:focus{outline:none;border-color:var(--ui-accent)}.sl-input:disabled{opacity:.55}.sl-input-wrap{position:relative;display:inline-flex;align-items:center;width:100%;background:var(--ui-control-bg);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);transition:border-color .15s}.sl-input-wrap:focus-within{border-color:var(--ui-accent)}.sl-search-field:hover:where(:not(:has(:disabled))){border-color:var(--ui-accent)}.sl-search-field input::-webkit-search-cancel-button{display:none}.sl-input-wrap .sl-input{height:calc(var(--ui-control-height, 34px) - 2px);min-width:0;border:0;background:transparent}.sl-input-wrap .sl-input:focus{box-shadow:none}.sl-input-prefix+.sl-input{padding-left:0}.sl-input-wrap:has(.sl-input-clear)>.sl-input{padding-right:34px}.sl-input-prefix,.sl-input-suffix{display:inline-flex;align-items:center;flex-shrink:0;padding:0 9px;color:var(--ui-text-subtle)}.sl-input-suffix .sl-btn{background:transparent;border:0;color:var(--ui-accent);height:auto;padding:0;white-space:nowrap;line-height:1.4}.sl-input-suffix .sl-btn:hover:where(:not(:disabled):not([aria-disabled=true])){background:transparent;color:var(--ui-accent)}.sl-input-clear{position:absolute;right:3px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:0;color:var(--ui-text-subtle);cursor:pointer}.sl-input-clear:hover{color:var(--ui-text)}.sl-input-clear:focus-visible{outline:2px solid var(--ui-accent);border-radius:var(--ui-radius-control)}.sl-password-toggle{display:inline-flex;padding:0 10px;background:transparent;border:0;color:var(--ui-text-subtle);cursor:pointer}.sl-password-toggle:hover{color:var(--ui-accent)}.sl-textarea{width:100%;min-height:84px;padding:10px 12px;resize:vertical;background:var(--ui-control-bg);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);color:var(--ui-text);font:inherit}.sl-textarea:focus{outline:none;border-color:var(--ui-accent)}.btn-primary,.btn-ghost,.btn-danger,.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);background:var(--ui-control-bg);color:var(--ui-text);font-family:var(--ui-font);font-weight:600;line-height:1;cursor:pointer}.btn-ghost:hover:where(:not(:disabled):not([aria-disabled=true])),.mini-btn:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--ui-control-hover)}.btn-primary,.mini-btn.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}.btn-primary:hover:where(:not(:disabled):not([aria-disabled=true])),.mini-btn.primary:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover)}.btn-danger{background:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-control-bg));color:var(--ui-danger);border-color:var(--ui-danger)}.btn-danger:hover:where(:not(:disabled):not([aria-disabled=true])){background:color-mix(in srgb,var(--ui-danger) 22%,var(--ui-control-bg))}:is(.btn-primary,.btn-ghost,.btn-danger,.mini-btn):disabled{opacity:.5;cursor:not-allowed}.sl-icon-action,.ghost-x,.account-center-close,.account-icon-action{display:inline-grid;place-items:center;padding:0;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text-muted);cursor:pointer}:is(.sl-icon-action,.ghost-x,.account-center-close,.account-icon-action):hover{background:var(--ui-control-hover);color:var(--ui-text)}.sl-icon-action:disabled{opacity:.5;cursor:not-allowed}.sl-icon-action>svg,.ghost-x>svg,.account-center-close>svg,.account-icon-action>svg{display:block}.sl-icon-action.sl-media-action{background:color-mix(in srgb,var(--ui-media-bg) 75%,transparent);color:var(--ui-on-media)}.sl-icon-action.sl-media-action:hover{background:var(--ui-media-bg)}.rn-input,.search-panel input{background:var(--ui-control-bg);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);color:var(--ui-text);font-family:var(--ui-font)}.rn-input::placeholder,.search-panel input::placeholder{color:var(--ui-text-subtle);opacity:1}.rn-input:focus,.search-panel input:focus{outline:none;border-color:var(--ui-accent)}html[data-focus-modality=pointer] button:focus,html[data-focus-modality=pointer] input:focus,html[data-focus-modality=pointer] textarea:focus,html[data-focus-modality=pointer] select:focus,html[data-focus-modality=pointer] a:focus,html[data-focus-modality=pointer] [tabindex]:focus,html[data-focus-modality=pointer] [contenteditable]:focus{outline:none!important}.sl-tabs{display:flex;flex-direction:column}.sl-tabs-header{display:flex;gap:4px;border-bottom:1px solid var(--ui-border-muted)}.sl-tabs-tab{position:relative;padding:9px 14px;background:transparent;border:0;color:var(--ui-text-subtle);font:inherit;cursor:pointer}.sl-tabs-tab:hover{color:var(--ui-accent)}.sl-tabs-tab-active{color:var(--ui-accent);font-weight:700}.sl-tabs-tab-active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--ui-accent);border-radius:2px}.sl-tabs-content{padding-top:12px}.sl-tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border:1px solid var(--ui-border-muted);border-radius:5px;background:var(--ui-control-bg);color:var(--ui-text-muted);font-size:12px;white-space:nowrap}.sl-tag-small{height:19px;padding:0 7px;font-size:11px}.sl-tag-icon{display:inline-flex}.sl-tag-green{background:color-mix(in srgb,var(--ui-success) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-control-bg));color:var(--ui-success)}.sl-tag-orange{background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-warning) 35%,var(--ui-control-bg));color:var(--ui-warning)}.sl-tag-gray{background:var(--ui-control-bg);border-color:var(--ui-border-muted);color:var(--ui-text-muted)}.sl-tag-blue{background:color-mix(in srgb,var(--ui-info) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-info) 35%,var(--ui-control-bg));color:var(--ui-info)}.sl-tag-red{background:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-control-bg));color:var(--ui-danger)}.sl-tag-purple{background:color-mix(in srgb,var(--ui-type-audio) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-type-audio) 35%,var(--ui-control-bg));color:var(--ui-type-audio)}.sl-tag-cyan{background:color-mix(in srgb,var(--ui-info) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-info) 35%,var(--ui-control-bg));color:var(--ui-accent)}.sl-tag-magenta{background:color-mix(in srgb,var(--ui-type-pink) 12%,var(--ui-control-bg));border-color:color-mix(in srgb,var(--ui-type-pink) 35%,var(--ui-control-bg));color:var(--ui-type-pink)}.sl-tag-borderless{border-color:transparent}.sl-tag-promotion{border-color:transparent;border-radius:var(--ui-radius-pill);background:var(--ui-warning);color:var(--ui-bg-page);font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--ui-warning) 18%,transparent)}.sl-value-comparison{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.sl-value-comparison>strong{color:var(--ui-warning);font-size:14px;font-weight:700}.sl-value-comparison>del,.sl-value-comparison>span{color:var(--ui-text-muted);font-size:12px;font-weight:400}.sl-select{display:inline-block;min-width:0;font:inherit}.sl-select-view{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:var(--ui-control-height, 32px);padding:0 10px;background:var(--ui-control-bg);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control);color:var(--ui-text);font:inherit;cursor:pointer}.sl-select-view:hover,.sl-select-view[aria-expanded=true]{background:var(--ui-control-hover);border-color:var(--ui-border)}html[data-focus-modality=keyboard] .sl-select-view:focus{outline:2px solid var(--ui-accent);outline-offset:2px}.sl-select-view:disabled{opacity:.45;cursor:not-allowed}.sl-select-small .sl-select-view{height:30px;font-size:12px}.sl-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-select-view>svg{flex:none}.sl-select-dropdown{position:fixed;z-index:max(var(--z-ctx, 1000),calc(var(--z-app-modal, 0) + 1));display:flex;flex-direction:column;gap:var(--pop-menu-row-gap, 2px);box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5}.sl-select-option{flex:none}.sl-select-option>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-select-empty{display:block;padding:12px;color:var(--ui-text-muted);text-align:center}.sl-date-range-trigger{width:auto;max-width:100%}.sl-date-range-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-date-range-panel{position:fixed;z-index:max(var(--z-ctx, 1000),calc(var(--z-app-modal, 0) + 1));box-sizing:border-box;font-size:14px}.sl-date-range-panel>header,.sl-date-range-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.sl-date-range-panel>header>.sl-btn{width:32px;padding:0}.sl-date-range-week,.sl-date-range-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.sl-date-range-week{margin:8px 0 4px;color:var(--ui-text-muted);text-align:center;font-size:12px}.sl-date-range-days>button{justify-content:center;min-width:0;padding:0;font-variant-numeric:tabular-nums}.sl-date-range-days>button[data-outside]{color:var(--ui-text-muted)}.sl-date-range-days>button[data-range]{background:var(--ui-control-bg)}.sl-date-range-days>button[aria-pressed=true]{background:var(--ui-control-hover);box-shadow:inset 0 0 0 1px var(--ui-border-control);color:var(--ui-text)}.sl-date-range-panel>p{margin:10px 0;min-height:18px;color:var(--ui-text-muted);font-size:12px}.sl-empty{display:inline-flex;flex-direction:column;align-items:center;gap:12px;color:var(--ui-text-subtle)}.sl-empty-desc{color:var(--ui-text-subtle);font-size:13px}.sl-alert{display:flex;gap:11px;padding:12px 14px;background:var(--ui-surface);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-control)}.sl-alert-icon{display:inline-flex;margin-top:1px}.sl-alert-body{display:flex;flex-direction:column;gap:3px;min-width:0}.sl-alert-title{font-weight:700}.sl-alert-content{color:var(--ui-text-muted);line-height:1.6}.sl-alert-info{border-color:color-mix(in srgb,var(--ui-info) 35%,var(--ui-control-bg))}.sl-alert-info .sl-alert-icon{color:var(--ui-info)}.sl-alert-success{border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-control-bg))}.sl-alert-success .sl-alert-icon{color:var(--ui-success)}.sl-alert-warning{border-color:color-mix(in srgb,var(--ui-warning) 35%,var(--ui-control-bg));background:var(--ui-surface)}.sl-alert-warning .sl-alert-icon{color:var(--ui-warning)}.sl-alert-error{border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-control-bg));background:var(--ui-surface)}.sl-alert-error .sl-alert-icon{color:var(--ui-danger)}.sl-spin{width:30px;height:30px;border:3px solid color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border-muted));border-top-color:var(--ui-accent);border-radius:50%;animation:sl-spin .7s linear infinite}.sl-spin-standalone{display:inline-flex;flex-direction:column;align-items:center;gap:12px}.sl-spin-wrap{position:relative;display:inline-block}.sl-spin-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--ui-bg-page) 55%,transparent);border-radius:inherit}.sl-spin-tip{color:var(--ui-text-muted);font-size:12px}.sl-tooltip{display:inline-flex}.sl-tooltip-bubble,[data-tip]:after{padding:6px 10px;background:var(--ui-tooltip-bg);border:1px solid var(--ui-border-muted);border-radius:6px;color:var(--ui-tooltip-ink);font-size:12px;font-weight:400;line-height:1.4}.sl-tooltip-bubble{position:fixed;z-index:80;width:max-content;max-width:min(320px,calc(100vw - 16px));box-sizing:border-box;overflow-wrap:anywhere;pointer-events:none;opacity:0;transition:opacity .14s}.sl-tooltip-bubble[data-open]{opacity:1}@keyframes sl-spin{to{transform:rotate(360deg)}}.sl-cover-fallback{display:flex;width:100%;height:100%;min-height:48px;align-items:center;justify-content:center;background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:13px}.v-media{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;background:var(--ui-media-bg);overflow:hidden;--v-control-size:max(26px,12cqmin);--v-time-size:max(14px,6cqmin);--v-seek-height:max(20px,8cqmin);--v-track-height:max(3px,1.2cqmin);--v-space:max(4px,2cqmin);--v-pad:max(3px,1cqmin)}.video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--ui-media-bg);display:block}.v-res{position:absolute;right:2cqmin;top:2cqmin;z-index:2;font-size:var(--v-time-size);color:color-mix(in srgb,var(--ui-on-media) 78%,transparent);text-shadow:0 1px 3px color-mix(in srgb,var(--ui-shadow-base) 90%,transparent);font-variant-numeric:tabular-nums;pointer-events:none}.v-wm-badge{position:absolute;left:2cqmin;top:2cqmin;z-index:3;pointer-events:none;font-size:var(--v-time-size);line-height:1;padding:.3em .6em;border-radius:var(--ui-radius-control);font-weight:600;color:var(--ui-type-video);background:color-mix(in srgb,var(--ui-bg-page) 62%,transparent);border:1px solid color-mix(in srgb,var(--ui-type-video) 55%,transparent);text-shadow:0 1px 2px color-mix(in srgb,var(--ui-shadow-base) 80%,transparent)}.v-playbig{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:max(44px,30cqmin);height:max(44px,30cqmin);border-radius:50%;background:color-mix(in srgb,var(--ui-media-bg) 45%,transparent);display:grid;place-items:center;color:var(--ui-on-media);z-index:2}.v-media .v-playbig .ic{width:42%;height:42%;fill:currentColor;stroke:none;transform:translate(5%)}.v-media:not(.is-paused) .v-playbig{display:none}.v-bar{position:absolute;left:var(--v-space);right:var(--v-space);bottom:var(--v-space);z-index:3;display:grid;grid-template-columns:min(var(--v-control-size),14cqw) minmax(0,1fr) fit-content(28cqw) repeat(2,min(var(--v-control-size),14cqw));align-items:center;gap:var(--v-space);padding:var(--v-pad);border-radius:var(--ui-radius-control);background:color-mix(in srgb,var(--ui-media-bg) 55%,transparent);opacity:0;pointer-events:none;transition:opacity .15s}.v-media:hover .v-bar,.v-media:focus-within .v-bar{opacity:1;pointer-events:auto}body.viewing .v-bar{opacity:1;pointer-events:auto}.v-btn,.v-playbig{border:0;cursor:pointer;font:inherit}.v-btn{width:min(var(--v-control-size),14cqw);height:min(var(--v-control-size),14cqw);padding:0;display:grid;place-items:center;color:var(--ui-on-media);background:transparent;grid-row:1}.v-btn[data-vact=play]{grid-column:1}.v-btn[data-vact=mute]{grid-column:4}.v-btn[data-vact=fs]{grid-column:5}.v-media .v-btn .ic{width:60%;height:60%}.v-ic-pause,.v-ic-muted{display:none}.v-media:not(.is-paused) .v-ic-play{display:none}.v-media:not(.is-paused) .v-ic-pause{display:block}.v-media.is-muted .v-ic-vol{display:none}.v-media.is-muted .v-ic-muted{display:block}.v-seek{position:relative;grid-column:2;grid-row:1;min-width:0;height:var(--v-seek-height);display:flex;align-items:center;cursor:pointer}.v-seek:before{content:"";display:block;width:100%;height:var(--v-track-height);border-radius:999px;background:color-mix(in srgb,var(--ui-on-media) 30%,transparent)}.v-seek-in{position:absolute;left:0;top:50%;transform:translateY(-50%);height:var(--v-track-height);border-radius:999px;background:var(--ui-on-media);width:0;pointer-events:none}.v-seek:has(.v-seek-range):before{display:none}.v-seek-range{width:100%;height:var(--v-seek-height);margin:0;accent-color:var(--ui-on-media);cursor:pointer}.v-time{grid-column:3;grid-row:1;min-width:0;font-size:min(var(--v-time-size),7cqw);line-height:1.2;color:color-mix(in srgb,var(--ui-on-media) 92%,transparent);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}@container (max-height:140px){.v-playbig{display:none}.v-bar{opacity:1;pointer-events:auto}}
