.vue-office-docx {
    height: 100%;
    overflow-y: auto
}

.vue-office-docx .docx-wrapper>section.docx {
    margin-bottom: 5px
}

@media screen and (max-width: 800px) {
    .vue-office-docx .docx-wrapper {
        padding:10px
    }

    .vue-office-docx .docx-wrapper>section.docx {
        padding: 10px!important;
        width: 100%!important
    }
}

.x-spreadsheet {
    font-size: 13px;
    line-height: normal;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    font-family: Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;
    box-sizing: content-box;
    background: #fff;
    -webkit-font-smoothing: antialiased
}

.x-spreadsheet textarea {
    font: 400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif
}

.x-spreadsheet-sheet {
    position: relative;
    overflow: hidden
}

.x-spreadsheet-table {
    vertical-align: bottom
}

.x-spreadsheet-tooltip {
    font-family: inherit;
    position: absolute;
    padding: 5px 10px;
    color: #fff;
    border-radius: 1px;
    background: #000;
    font-size: 12px;
    z-index: 201
}

.x-spreadsheet-tooltip:before {
    pointer-events: none;
    position: absolute;
    left: calc(50% - 4px);
    top: -4px;
    content: "";
    width: 8px;
    height: 8px;
    background: inherit;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    box-shadow: 1px 1px 3px -1px #0000004d
}

.x-spreadsheet-color-palette {
    padding: 5px
}

.x-spreadsheet-color-palette table {
    margin: 0;
    padding: 0;
    border-collapse: separate;
    border-spacing: 2;
    background: #fff
}

.x-spreadsheet-color-palette table td {
    margin: 0;
    cursor: pointer;
    border: 1px solid transparent
}

.x-spreadsheet-color-palette table td:hover {
    border-color: #ddd
}

.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell {
    width: 16px;
    height: 16px
}

.x-spreadsheet-border-palette {
    padding: 6px
}

.x-spreadsheet-border-palette table {
    margin: 0;
    padding: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    table-layout: fixed
}

.x-spreadsheet-border-palette table td {
    margin: 0
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left {
    border-right: 1px solid #eee;
    padding-right: 6px
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell {
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover {
    background-color: #eee
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right {
    padding-left: 6px
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type {
    position: relative;
    left: 0;
    top: -3px
}

.x-spreadsheet-dropdown {
    position: relative
}

.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {
    position: absolute;
    z-index: 200;
    background: #fff;
    box-shadow: 1px 2px 5px 2px #33333326
}

.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {
    top: calc(100% + 5px);
    left: 0
}

.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content {
    top: calc(100% + 5px);
    right: 0
}

.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content {
    bottom: calc(100% + 5px);
    left: 0
}

.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content {
    bottom: calc(100% + 5px);
    right: 0
}

.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title {
    padding: 0 5px;
    display: inline-block
}

.x-spreadsheet-resizer {
    position: absolute;
    z-index: 11
}

.x-spreadsheet-resizer .x-spreadsheet-resizer-hover {
    background-color: #4b89ff40
}

.x-spreadsheet-resizer .x-spreadsheet-resizer-line {
    position: absolute
}

.x-spreadsheet-resizer.horizontal {
    cursor: row-resize
}

.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line {
    border-bottom: 2px dashed #4b89ff;
    left: 0;
    bottom: 0
}

.x-spreadsheet-resizer.vertical {
    cursor: col-resize
}

.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line {
    border-right: 2px dashed #4b89ff;
    top: 0;
    right: 0
}

.x-spreadsheet-scrollbar {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f4f5f8;
    opacity: .9;
    z-index: 12
}

.x-spreadsheet-scrollbar.horizontal {
    right: 15px;
    overflow-x: scroll;
    overflow-y: hidden
}

.x-spreadsheet-scrollbar.horizontal>div {
    height: 1px;
    background: #ddd
}

.x-spreadsheet-scrollbar.vertical {
    bottom: 15px;
    overflow-x: hidden;
    overflow-y: scroll
}

.x-spreadsheet-scrollbar.vertical>div {
    width: 1px;
    background: #ddd
}

.x-spreadsheet-overlayer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.x-spreadsheet-editor,.x-spreadsheet-selector {
    box-sizing: content-box;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.x-spreadsheet-selector .hide-input {
    position: absolute;
    z-index: 0
}

.x-spreadsheet-selector .hide-input input {
    padding: 0;
    width: 0;
    border: none!important
}

.x-spreadsheet-selector .x-spreadsheet-selector-area {
    position: absolute;
    border: 2px solid #4b89ff;
    background: #4b89ff1a;
    z-index: 5
}

.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
    position: absolute;
    background: transparent;
    z-index: 100
}

.x-spreadsheet-selector .x-spreadsheet-selector-clipboard {
    border: 2px dashed #4b89ff
}

.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
    border: 1px dashed rgba(0,0,0,.45)
}

.x-spreadsheet-selector .x-spreadsheet-selector-corner {
    pointer-events: auto;
    position: absolute;
    cursor: crosshair;
    font-size: 0;
    height: 5px;
    width: 5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #ffffff;
    background: #4b89ff
}

.x-spreadsheet-editor {
    z-index: 20
}

.x-spreadsheet-editor .x-spreadsheet-editor-area {
    position: absolute;
    text-align: left;
    border: 2px solid #4b89ff;
    line-height: 0;
    z-index: 100;
    pointer-events: auto
}

.x-spreadsheet-editor .x-spreadsheet-editor-area textarea {
    box-sizing: content-box;
    border: none;
    padding: 0 3px;
    outline: none;
    resize: none;
    text-align: start;
    overflow-y: hidden;
    font: 400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;
    color: inherit;
    white-space: normal;
    word-wrap: break-word;
    line-height: 22px;
    margin: 0
}

.x-spreadsheet-editor .x-spreadsheet-editor-area .textline {
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0
}

.x-spreadsheet-item {
    -webkit-user-select: none;
    user-select: none;
    background: 0;
    border: 1px solid transparent;
    outline: none;
    height: 26px;
    color: #000000e6;
    line-height: 26px;
    list-style: none;
    padding: 2px 10px;
    cursor: default;
    text-align: left;
    overflow: hidden
}

.x-spreadsheet-item.disabled {
    pointer-events: none;
    opacity: .5
}

.x-spreadsheet-item:hover,.x-spreadsheet-item.active {
    background: #0000000d
}

.x-spreadsheet-item.divider {
    height: 0;
    padding: 0;
    margin: 5px 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.x-spreadsheet-item .label {
    float: right;
    opacity: .65;
    font-size: 1em
}

.x-spreadsheet-item.state,.x-spreadsheet-header.state {
    padding-left: 35px!important;
    position: relative
}

.x-spreadsheet-item.state:before,.x-spreadsheet-header.state:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 12px;
    top: calc(50% - 5px);
    background: #00000014;
    border-radius: 2px
}

.x-spreadsheet-item.state.checked:before,.x-spreadsheet-header.state.checked:before {
    background: #4b89ff
}

.x-spreadsheet-checkbox {
    position: relative;
    display: inline-block;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    font-size: 1rem;
    line-height: 1em
}

.x-spreadsheet-checkbox>input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: -1
}

.x-spreadsheet-suggest,.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter {
    position: absolute;
    box-shadow: 1px 2px 5px 2px #33333326;
    background: #fff;
    z-index: 100;
    width: 260px;
    pointer-events: auto;
    overflow: auto
}

.x-spreadsheet-suggest {
    width: 200px
}

.x-spreadsheet-filter {
    border: 1px solid #e9e9e9;
    font-size: 12px;
    margin: 10px
}

.x-spreadsheet-filter .x-spreadsheet-header {
    padding: .5em .75em;
    background: #f8f8f9;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid transparent
}

.x-spreadsheet-filter .x-spreadsheet-body {
    height: 200px;
    overflow-y: auto
}

.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item {
    height: 20px;
    line-height: 20px
}

.x-spreadsheet-sort-filter .x-spreadsheet-buttons {
    margin: 10px
}

.x-spreadsheet-bottombar {
    height: 40px;
    padding: 0 30px;
    text-align: left;
    background: #f5f6f7;
    display: flex
}

.x-spreadsheet-bottombar {
    position: relative;
    border-top: 1px solid #e0e2e4
}

.x-spreadsheet-bottombar .x-spreadsheet-menu>li {
    line-height: 40px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
    border-right: 1px solid #e8eaed
}

.x-spreadsheet-menu {
    display: flex;
    overflow-x: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.x-spreadsheet-menu>li {
    float: left;
    line-height: 1.25em;
    padding: .785em 1em;
    margin: 0;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    color: #80868b;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
    font-weight: 700
}

.x-spreadsheet-menu>li.active {
    background-color: #fff;
    color: #000000a6
}

.x-spreadsheet-menu>li .x-spreadsheet-dropdown {
    display: inline-block
}

.x-spreadsheet-print {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.x-spreadsheet-print-bar {
    background: #424242;
    height: 60px;
    line-height: 60px;
    padding: 0 30px
}

.x-spreadsheet-print-bar .-title {
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    float: left
}

.x-spreadsheet-print-bar .-right {
    float: right;
    margin-top: 12px
}

.x-spreadsheet-print-content {
    display: flex;
    flex: auto;
    flex-direction: row;
    background: #d0d0d0;
    height: calc(100% - 60px)
}

.x-spreadsheet-print-content .-sider {
    flex: 0 0 300px;
    width: 300px;
    border-left: 2px solid #ccc;
    background: #fff
}

.x-spreadsheet-print-content .-content {
    flex: auto;
    overflow-x: auto;
    overflow-y: scroll;
    height: 100%
}

.x-spreadsheet-canvas-card-wraper {
    margin: 40px 20px
}

.x-spreadsheet-canvas-card {
    background: #fff;
    margin: auto;
    page-break-before: auto;
    page-break-after: always;
    box-shadow: 0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003
}

.x-spreadsheet-calendar {
    color: #000000a6;
    background: #fff;
    -webkit-user-select: none;
    user-select: none
}

.x-spreadsheet-calendar .calendar-header {
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    width: 100%;
    float: left;
    background: #f9fafb
}

.x-spreadsheet-calendar .calendar-header .calendar-header-left {
    padding-left: 5px;
    float: left
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right {
    float: right
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right a {
    padding: 3px 0;
    margin-right: 2px;
    border-radius: 2px
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover {
    background: #00000014
}

.x-spreadsheet-calendar .calendar-body {
    border-collapse: collapse;
    border-spacing: 0
}

.x-spreadsheet-calendar .calendar-body th,.x-spreadsheet-calendar .calendar-body td {
    width: 14.28571429%;
    min-width: 32px;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    padding: 0
}

.x-spreadsheet-calendar .calendar-body td>.cell:hover {
    background: #ecf6fd
}

.x-spreadsheet-calendar .calendar-body td>.cell.active,.x-spreadsheet-calendar .calendar-body td>.cell.active:hover {
    background: #ecf6fd;
    color: #2185d0
}

.x-spreadsheet-calendar .calendar-body td>.cell.disabled {
    pointer-events: none;
    opacity: .5
}

.x-spreadsheet-datepicker {
    box-shadow: 2px 2px 5px #0003;
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    z-index: 10;
    width: auto
}

.x-spreadsheet-buttons {
    display: flex;
    justify-content: flex-end
}

.x-spreadsheet-buttons .x-spreadsheet-button {
    margin-left: 8px
}

.x-spreadsheet-button {
    display: inline-block;
    border-radius: 3px;
    line-height: 1em;
    min-height: 1em;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: .75em 1em;
    color: #0009;
    background: #e0e1e2;
    text-decoration: none;
    font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
    outline: none;
    vertical-align: baseline;
    zoom:1;-webkit-user-select: none;
    user-select: none;
    transition: all .1s linear
}

.x-spreadsheet-button.active,.x-spreadsheet-button:hover {
    background-color: #c0c1c2;
    color: #000c
}

.x-spreadsheet-button.primary {
    color: #fff;
    background-color: #2185d0
}

.x-spreadsheet-button.primary:hover,.x-spreadsheet-button.primary.active {
    color: #fff;
    background-color: #1678c2
}

.x-spreadsheet-form-input {
    font-size: 1em;
    position: relative;
    font-weight: 400;
    display: inline-flex;
    color: #000000de
}

.x-spreadsheet-form-input input {
    z-index: 1;
    margin: 0;
    max-width: 100%;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 30px;
    height: 30px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    transition: box-shadow .1s ease,border-color .1s ease;
    box-shadow: inset 0 1px 2px #0a0a0a0f
}

.x-spreadsheet-form-input input:focus {
    border-color: #4b89ff;
    box-shadow: inset 0 1px 2px #4b89ff33
}

.x-spreadsheet-form-select {
    position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    cursor: pointer;
    color: #000000de;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: inset 0 1px 2px #0a0a0a0f
}

.x-spreadsheet-form-select .input-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 60px;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 8px
}

.x-spreadsheet-form-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.x-spreadsheet-form-fields .x-spreadsheet-form-field {
    flex: 0 1 auto
}

.x-spreadsheet-form-fields .x-spreadsheet-form-field .label {
    display: inline-block;
    margin: 0 10px 0 0
}

.x-spreadsheet-form-field {
    display: block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 10px
}

.x-spreadsheet-form-field:first-child {
    margin-left: 0
}

.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input {
    border-color: #f04134
}

.x-spreadsheet-form-field .tip {
    color: #f04134;
    font-size: .9em
}

.x-spreadsheet-dimmer {
    display: none;
    position: absolute;
    top: 0!important;
    left: 0!important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #0009;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    transition: background-color .5s linear;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1000
}

.x-spreadsheet-dimmer.active {
    display: block;
    opacity: 1
}

form fieldset {
    border: none
}

form fieldset label {
    display: block;
    margin-bottom: .5em;
    font-size: 1em;
    color: #666
}

form fieldset select {
    font-size: 1.1em;
    width: 100%;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #ddd;
    padding: .5em .85em;
    border-radius: 2px
}

.x-spreadsheet-modal,.x-spreadsheet-toast {
    font-size: 13px;
    position: fixed;
    z-index: 1001;
    text-align: left;
    line-height: 1.25em;
    min-width: 360px;
    color: #000000de;
    font-family: Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: #0003 0 2px 8px
}

.x-spreadsheet-toast {
    background-color: #ffffffd9
}

.x-spreadsheet-modal-header,.x-spreadsheet-toast-header {
    font-weight: 600;
    background-clip: padding-box;
    background-color: #ffffffd9;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-radius: 4px 4px 0 0
}

.x-spreadsheet-toast-header {
    color: #f2711c
}

.x-spreadsheet-modal-header {
    border-bottom: 1px solid #e0e2e4;
    background: #00000014;
    font-size: 1.0785em
}

.x-spreadsheet-modal-header,.x-spreadsheet-modal-content,.x-spreadsheet-toast-header,.x-spreadsheet-toast-content {
    padding: .75em 1em
}

.x-spreadsheet-menu li:first-child {
    display: none
}

.vue-office-excel {
    height: 100%
}

body {
    margin: 0
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.textLayer {
    position: absolute;
    text-align: initial;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: 1;
    line-height: 1;
    text-size-adjust: none;
    forced-color-adjust: none;
    transform-origin: 0 0;
    align-content: end
}

.textLayer :is(span,br,div) {
    color: transparent;
    white-space: pre;
    cursor: text;
    transform-origin: 0 0
}

.textLayer .highlight {
    --highlight-bg-color: rgb(180 0 170 / .25);
    --highlight-selected-bg-color: rgb(0 100 0 / .25);
    --highlight-backdrop-filter: none;
    --highlight-selected-backdrop-filter: none
}

.textLayer::selection {
    background: #0000ff40;
    color: transparent;
    align-content: end
}

.selectNone::selection {
    background: #0000ff40;
    color: transparent
}

.highLighting {
    background-color: #00640040;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.selectHighLight {
    touch-action: none;
    margin: -1px;
    padding: 1px;
    background-color: #00640040;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 4px
}

.selectHighLight::selection {
    background: #0000ff40;
    color: transparent
}

.pages-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.jv-toolbar-btn[data-v-9abd52f0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 10px;
    border: none;
    border-radius: var(--jv-radius);
    background: transparent;
    color: var(--jv-text-secondary);
    cursor: pointer;
    transition: all .2s ease
}

.jv-toolbar-btn[data-v-9abd52f0]:hover:not(:disabled) {
    background: var(--jv-bg-secondary);
    color: var(--jv-text-primary)
}

.jv-toolbar-btn[data-v-9abd52f0]:active:not(:disabled) {
    background: var(--jv-bg-tertiary)
}

.jv-toolbar-btn--disabled[data-v-9abd52f0],.jv-toolbar-btn[data-v-9abd52f0]:disabled {
    opacity: .5;
    cursor: not-allowed
}

.jv-toolbar-btn__icon[data-v-9abd52f0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px
}

.jv-toolbar-btn__icon svg[data-v-9abd52f0] {
    width: 100%;
    height: 100%
}

.jv-toolbar-btn__label[data-v-9abd52f0] {
    font-size: 13px;
    font-weight: 500
}

.jv-zoom-control[data-v-874ddbac] {
    display: flex;
    align-items: center;
    gap: 4px
}

.jv-zoom-control__value[data-v-874ddbac] {
    min-width: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--jv-text-primary)
}

.jv-rotate-control[data-v-ad291658] {
    display: flex;
    align-items: center;
    gap: 4px
}

.jv-pagination[data-v-97c0759f] {
    display: flex;
    align-items: center;
    gap: 8px
}

.jv-pagination__info[data-v-97c0759f] {
    font-size: 13px;
    color: var(--jv-text-secondary);
    min-width: 100px;
    text-align: center
}

.jv-video-toolbar[data-v-80052329] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    position: relative
}

.jv-video-toolbar__time[data-v-80052329] {
    font-size: 12px;
    color: var(--jv-text-secondary);
    white-space: nowrap
}

.jv-video-toolbar__progress[data-v-80052329] {
    width: 180px;
    accent-color: var(--jv-primary-color);
    cursor: pointer
}

.jv-video-toolbar__progress-track[data-v-80052329] {
    width: 180px;
    height: 8px;
    border-radius: 999px;
    background: var(--jv-bg-secondary);
    overflow: hidden
}

.jv-video-toolbar__progress-fill[data-v-80052329] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,var(--jv-primary-color),#22c55e)
}

.jv-video-toolbar__volume[data-v-80052329] {
    width: 72px;
    accent-color: var(--jv-primary-color);
    cursor: pointer
}

.jv-video-toolbar__rate[data-v-80052329] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--jv-text-secondary)
}

.jv-video-toolbar__rate select[data-v-80052329],.jv-video-toolbar__select--menu[data-v-80052329] {
    border: 1px solid var(--jv-border-color);
    border-radius: 8px;
    padding: 4px 6px;
    background: var(--jv-bg-primary);
    color: var(--jv-text-primary)
}

.jv-video-toolbar__more[data-v-80052329] {
    position: relative
}

.jv-video-toolbar__more-menu[data-v-80052329] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--jv-border-color);
    border-radius: 12px;
    background: var(--jv-bg-primary);
    box-shadow: 0 12px 32px #0f172a24;
    z-index: 1000
}

.jv-video-toolbar__menu-action[data-v-80052329] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--jv-border-color);
    border-radius: 10px;
    background: var(--jv-bg-secondary);
    color: var(--jv-text-primary);
    cursor: pointer
}

.jv-video-toolbar__menu-action[data-v-80052329]:hover {
    background: var(--jv-bg-tertiary)
}

.jv-video-toolbar__menu-row[data-v-80052329] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    color: var(--jv-text-secondary)
}

.jv-video-toolbar__menu-label[data-v-80052329] {
    font-size: 12px;
    color: var(--jv-text-secondary)
}

.jv-video-toolbar__progress-track--menu[data-v-80052329],.jv-video-toolbar__progress--menu[data-v-80052329],.jv-video-toolbar__volume--menu[data-v-80052329] {
    width: 100%
}

.jv-model3d-toolbar[data-v-de243c00] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0
}

.jv-model3d-toolbar__button--active[data-v-de243c00] {
    background: var(--jv-bg-secondary);
    color: var(--jv-text-primary)
}

.jv-model3d-toolbar__meta[data-v-de243c00] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 8px;
    color: var(--jv-text-secondary);
    font-size: 12px;
    white-space: nowrap
}

.jv-model3d-toolbar__meta span[data-v-de243c00] {
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--jv-bg-secondary)
}

.jv-toolbar[data-v-c0f0eea5] {
    display: flex;
    flex-direction: column;
    background: var(--jv-toolbar-bg);
    border-bottom: 1px solid var(--jv-toolbar-border);
    position: relative;
    z-index: 20;
    overflow: visible
}

.jv-toolbar--hidden[data-v-c0f0eea5] {
    display: none
}

.jv-toolbar__top[data-v-c0f0eea5],.jv-toolbar__bottom[data-v-c0f0eea5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--jv-toolbar-height);
    padding: 0 16px;
    position: relative
}

.jv-toolbar__top[data-v-c0f0eea5] {
    border-bottom: 1px solid var(--jv-toolbar-border);
    z-index: 1
}

.jv-toolbar__bottom[data-v-c0f0eea5] {
    z-index: 2;
    overflow: visible
}

.jv-toolbar__left[data-v-c0f0eea5],.jv-toolbar__right[data-v-c0f0eea5],.jv-toolbar__center[data-v-c0f0eea5] {
    display: flex;
    align-items: center;
    gap: 8px
}

.jv-toolbar__filename[data-v-c0f0eea5] {
    font-size: 14px;
    font-weight: 500;
    color: var(--jv-text-primary);
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jv-toolbar--bottom .jv-toolbar__top[data-v-c0f0eea5],.jv-toolbar--top .jv-toolbar__bottom[data-v-c0f0eea5] {
    display: none
}

.jv-file-render--docx[data-v-9181c8b1] {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    padding: 20px
}

.jv-file-render--docx[data-v-9181c8b1] .vue-office-docx {
    background: #fff;
    box-shadow: var(--jv-shadow)
}

.jv-file-render--excel[data-v-a8c7c89f] {
    width: 100%;
    height: 100%;
    overflow: auto
}

.jv-file-render--csv[data-v-0dc1ca7d] {
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    background: var(--jv-bg-primary);
    display: flex;
    flex-direction: column
}

.jv-csv-toolbar[data-v-0dc1ca7d] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 12px 16px;
    background: color-mix(in srgb,var(--jv-bg-secondary) 92%,white);
    border-bottom: 1px solid var(--jv-border-color, #e5e7eb)
}

.jv-csv-meta[data-v-0dc1ca7d] {
    font-size: 13px;
    color: var(--jv-text-secondary)
}

.jv-csv-scroll[data-v-0dc1ca7d] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden
}

.jv-csv-stage[data-v-0dc1ca7d] {
    padding: 16px;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%
}

.jv-csv-empty[data-v-0dc1ca7d] {
    padding: 24px;
    color: var(--jv-text-secondary)
}

.jv-csv-fit-scroll[data-v-0dc1ca7d] {
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: auto
}

.jv-csv-fit-shell[data-v-0dc1ca7d] {
    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.jv-csv-fit-content[data-v-0dc1ca7d] {
    position: absolute;
    top: 0;
    left: 0
}

.jv-csv-table[data-v-0dc1ca7d] {
    border-collapse: collapse;
    width: max-content;
    background: #fff;
    box-shadow: var(--jv-shadow)
}

.jv-csv-table th[data-v-0dc1ca7d],.jv-csv-table td[data-v-0dc1ca7d] {
    min-width: 140px;
    max-width: 280px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    text-align: left;
    vertical-align: top;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 13px;
    color: var(--jv-text-primary)
}

.jv-csv-table thead th[data-v-0dc1ca7d] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    font-weight: 600
}

.jv-csv-index[data-v-0dc1ca7d] {
    min-width: 60px!important;
    width: 60px;
    text-align: center!important;
    color: var(--jv-text-secondary)!important;
    background: #f8fafc
}

.jv-csv-table tbody tr[data-v-0dc1ca7d]:nth-child(2n) {
    background: #fcfcfd
}

.jv-file-render--pdf[data-v-32fed398] {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: var(--jv-bg-secondary)
}

.jv-file-render--pdf[data-v-32fed398] canvas {
    display: block;
    margin: 10px auto;
    box-shadow: var(--jv-shadow)
}

.jv-pdf-iframe[data-v-32fed398] {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

.jv-file-render--pptx[data-v-b31abca4] {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: var(--jv-bg-secondary)
}

.jv-file-render--pptx[data-v-b31abca4] .pptx-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px
}

.jv-file-render--pptx[data-v-b31abca4] .pptx-slide {
    background: #fff;
    box-shadow: var(--jv-shadow)
}

.jv-file-render--text[data-v-f5957104] {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: var(--jv-bg-primary);
    padding: 20px
}

.jv-text-content[data-v-f5957104] {
    margin: 0;
    padding: 20px;
    font-family: Consolas,Monaco,Courier New,monospace;
    font-size: 14px;
    line-height: 1.6;
    color: var(--jv-text-primary);
    white-space: pre-wrap;
    word-wrap: break-word;
    background: var(--jv-bg-secondary);
    border-radius: var(--jv-radius);
    min-height: 100%
}

.jv-file-render--code[data-v-1f367958] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--jv-bg-primary)
}

.jv-code-header[data-v-1f367958] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
    border-bottom: 1px solid var(--jv-border-color);
    background: color-mix(in srgb,var(--jv-bg-secondary) 84%,var(--jv-bg-primary) 16%)
}

.jv-code-meta[data-v-1f367958] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

.jv-code-actions[data-v-1f367958] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.jv-code-language[data-v-1f367958] {
    padding: 2px 10px;
    border-radius: 999px;
    background: color-mix(in srgb,var(--jv-primary-color) 14%,transparent);
    color: var(--jv-primary-color);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em
}

.jv-code-filename[data-v-1f367958],.jv-code-stats[data-v-1f367958] {
    color: var(--jv-text-secondary);
    font-size: 12px;
    white-space: nowrap
}

.jv-code-filename[data-v-1f367958] {
    overflow: hidden;
    text-overflow: ellipsis
}

.jv-code-body[data-v-1f367958] {
    flex: 1;
    overflow: auto;
    background: var(--jv-bg-primary)
}

.jv-code-body--wrap .jv-code-line[data-v-1f367958] {
    white-space: pre-wrap;
    overflow-wrap: anywhere
}

.jv-code-table[data-v-1f367958] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.jv-code-row[data-v-1f367958]:hover {
    background: color-mix(in srgb,var(--jv-bg-secondary) 72%,transparent)
}

.jv-code-line-number[data-v-1f367958] {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 64px;
    min-width: 64px;
    padding: 0 12px 0 16px;
    border-right: 1px solid var(--jv-border-color-light);
    background: color-mix(in srgb,var(--jv-bg-primary) 94%,var(--jv-bg-secondary) 6%);
    color: var(--jv-text-tertiary);
    text-align: right;
    vertical-align: top;
    -webkit-user-select: none;
    user-select: none;
    font: 12px/1.7 SFMono-Regular,Consolas,Monaco,Liberation Mono,monospace
}

.jv-code-line-content[data-v-1f367958] {
    padding: 0
}

.jv-code-line[data-v-1f367958] {
    margin: 0;
    padding: 0 20px;
    color: var(--jv-text-primary);
    white-space: pre;
    font: 13px/1.7 SFMono-Regular,Consolas,Monaco,Liberation Mono,monospace;
    -moz-tab-size: 2;
    tab-size: 2;
    background: none;
    border-radius: 0
}

.jv-code-line code[data-v-1f367958] {
    background: none;
    border-radius: 0;
    padding: 0;
    font: inherit;
    color: inherit
}

.jv-code-action[data-v-1f367958] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--jv-border-color);
    border-radius: var(--jv-radius);
    background: color-mix(in srgb,var(--jv-bg-primary) 90%,var(--jv-bg-secondary) 10%);
    color: var(--jv-text-secondary);
    cursor: pointer;
    transition: all .2s ease;
    font-size: 12px;
    font-weight: 500
}

.jv-code-action[data-v-1f367958]:hover {
    border-color: color-mix(in srgb,var(--jv-primary-color) 36%,var(--jv-border-color));
    color: var(--jv-text-primary);
    background: color-mix(in srgb,var(--jv-primary-color) 8%,var(--jv-bg-primary))
}

.jv-code-action svg[data-v-1f367958] {
    width: 14px;
    height: 14px;
    flex: 0 0 auto
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--comment {
    color: #7a8699
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--keyword {
    color: #c45508;
    font-weight: 600
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--string {
    color: #0c7d4a
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--number {
    color: #8e44ad
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--literal {
    color: #9f2f6c;
    font-weight: 600
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--function {
    color: #0f5fd7
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--property {
    color: #b05a00
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--operator,.jv-file-render--code[data-v-1f367958] .jv-code-token--punctuation {
    color: var(--jv-text-secondary)
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--decorator,.jv-file-render--code[data-v-1f367958] .jv-code-token--variable {
    color: #a2371e
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--comment {
    color: #7f8c9a
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--keyword {
    color: #ffb454
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--string {
    color: #8bd49c
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--number {
    color: #d2a8ff
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--literal {
    color: #ff8dc7
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--function {
    color: #79c0ff
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--property {
    color: #ffd580
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--operator,.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--punctuation {
    color: #b9c3d0
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--decorator,.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--variable {
    color: #ffab91
}

.jv-file-render--markdown[data-v-2d9fb509] {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: var(--jv-bg-primary);
    padding: 20px
}

.jv-markdown-content[data-v-2d9fb509] {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
    background: var(--jv-bg-primary);
    border-radius: var(--jv-radius-lg);
    line-height: 1.8;
    color: var(--jv-text-primary)
}

.jv-markdown-content[data-v-2d9fb509] h1,.jv-markdown-content[data-v-2d9fb509] h2,.jv-markdown-content[data-v-2d9fb509] h3,.jv-markdown-content[data-v-2d9fb509] h4,.jv-markdown-content[data-v-2d9fb509] h5,.jv-markdown-content[data-v-2d9fb509] h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--jv-text-primary)
}

.jv-markdown-content[data-v-2d9fb509] h1 {
    font-size: 2em;
    border-bottom: 1px solid var(--jv-border-color);
    padding-bottom: .3em
}

.jv-markdown-content[data-v-2d9fb509] h2 {
    font-size: 1.5em;
    border-bottom: 1px solid var(--jv-border-color);
    padding-bottom: .3em
}

.jv-markdown-content[data-v-2d9fb509] h3 {
    font-size: 1.25em
}

.jv-markdown-content[data-v-2d9fb509] p {
    margin-bottom: 16px
}

.jv-markdown-content[data-v-2d9fb509] code {
    padding: .2em .4em;
    background: var(--jv-bg-secondary);
    border-radius: 3px;
    font-family: Consolas,Monaco,Courier New,monospace;
    font-size: 85%
}

.jv-markdown-content[data-v-2d9fb509] pre {
    padding: 16px;
    overflow: auto;
    background: var(--jv-bg-secondary);
    border-radius: var(--jv-radius);
    margin-bottom: 16px
}

.jv-markdown-content[data-v-2d9fb509] pre code {
    padding: 0;
    background: transparent
}

.jv-markdown-content[data-v-2d9fb509] ul,.jv-markdown-content[data-v-2d9fb509] ol {
    padding-left: 2em;
    margin-bottom: 16px
}

.jv-markdown-content[data-v-2d9fb509] li {
    margin-bottom: .25em
}

.jv-markdown-content[data-v-2d9fb509] blockquote {
    padding: 0 1em;
    border-left: 4px solid var(--jv-primary-color);
    margin-bottom: 16px;
    color: var(--jv-text-secondary)
}

.jv-markdown-content[data-v-2d9fb509] a {
    color: var(--jv-primary-color);
    text-decoration: none
}

.jv-markdown-content[data-v-2d9fb509] a:hover {
    text-decoration: underline
}

.jv-markdown-content[data-v-2d9fb509] hr {
    border: none;
    border-top: 1px solid var(--jv-border-color);
    margin: 24px 0
}

.jv-markdown-content[data-v-2d9fb509] img {
    max-width: 100%;
    height: auto;
    border-radius: var(--jv-radius)
}

.jv-markdown-content[data-v-2d9fb509] table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
    border: 1px solid var(--jv-border-color)
}

.jv-markdown-content[data-v-2d9fb509] th,.jv-markdown-content[data-v-2d9fb509] td {
    padding: 12px 16px;
    border: 1px solid var(--jv-border-color);
    text-align: left
}

.jv-markdown-content[data-v-2d9fb509] th {
    background: var(--jv-bg-secondary);
    font-weight: 600;
    color: var(--jv-text-primary)
}

.jv-markdown-content[data-v-2d9fb509] tr:nth-child(2n) {
    background: var(--jv-bg-secondary)
}

.jv-markdown-content[data-v-2d9fb509] tr:hover {
    background: var(--jv-bg-hover, rgba(0, 0, 0, .05))
}

.jv-markdown-content[data-v-2d9fb509] del {
    text-decoration: line-through;
    color: var(--jv-text-secondary)
}

.jv-file-render--ofd[data-v-f933a20c] {
    width: 100%;
    height: 100%;
    position: relative;
    background: var(--jv-bg-secondary, #f5f5f5)
}

.jv-ofd-scroll[data-v-f933a20c] {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px 0
}

.jv-ofd-stage[data-v-f933a20c] {
    min-height: 100%;
    display: flex;
    justify-content: center
}

.jv-ofd-container[data-v-f933a20c] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.jv-ofd-loading[data-v-f933a20c],.jv-ofd-error[data-v-f933a20c] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jv-text-secondary, #666);
    font-size: 14px;
    background: #ffffffe0;
    z-index: 1
}

.jv-ofd-error[data-v-f933a20c] {
    color: var(--jv-error, #f56c6c)
}

.jv-ofd-container[data-v-f933a20c] .page-container {
    margin: 12px auto;
    box-shadow: 0 2px 8px #0000001a;
    background: #fff
}

.jv-ofd-container[data-v-f933a20c] canvas {
    display: block
}

.jv-file-render--html[data-v-be7a9198] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(180deg,#f8fbfd,#eef3f7);
    position: relative
}

.jv-html-iframe[data-v-be7a9198] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    background: #fff
}

.jv-html-loading[data-v-be7a9198] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #ffffffe6;
    color: #666;
    font-size: 14px
}

.jv-loading-spinner[data-v-be7a9198] {
    width: 32px;
    height: 32px;
    border: 3px solid #e0e0e0;
    border-top-color: #1677ff;
    border-radius: 50%;
    animation: jv-spin-be7a9198 1s linear infinite
}

@keyframes jv-spin-be7a9198 {
    to {
        transform: rotate(360deg)
    }
}

.jv-html-error[data-v-be7a9198] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffffe6;
    color: #ff4d4f;
    font-size: 14px
}

.jv-file-render--image[data-v-4810f73a] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jv-bg-secondary);
    position: relative;
    overflow: hidden
}

.jv-image-loading[data-v-4810f73a],.jv-image-error[data-v-4810f73a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--jv-text-secondary)
}

.jv-image-error svg[data-v-4810f73a] {
    width: 48px;
    height: 48px;
    color: #ff4d4f
}

.jv-loading-spinner[data-v-4810f73a] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--jv-border-color);
    border-top-color: var(--jv-primary-color);
    border-radius: 50%;
    animation: jv-spin-4810f73a 1s linear infinite
}

@keyframes jv-spin-4810f73a {
    to {
        transform: rotate(360deg)
    }
}

.jv-image-wrapper[data-v-4810f73a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.jv-image-wrapper--dragging[data-v-4810f73a] {
    -webkit-user-select: none;
    user-select: none
}

.jv-image[data-v-4810f73a] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    will-change: transform
}

.jv-image-controls[data-v-4810f73a] {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    gap: 8px;
    padding: 8px 12px;
    background: #000000b3;
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease
}

.jv-file-render--image:hover .jv-image-controls[data-v-4810f73a] {
    opacity: 1
}

.jv-image-btn[data-v-4810f73a] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    line-height: 1
}

.jv-image-btn[data-v-4810f73a]:hover {
    background: #fff3
}

.jv-image-btn svg[data-v-4810f73a] {
    display: block;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none
}

.jv-image-info[data-v-4810f73a] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 12px;
    background: #0009;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity .3s ease
}

.jv-file-render--image:hover .jv-image-info[data-v-4810f73a] {
    opacity: 1
}

:fullscreen .jv-file-render--image[data-v-4810f73a] {
    background: #000
}

.jv-file-render--video[data-v-3724591d] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    overflow: auto;
    position: relative
}

.jv-video-loading[data-v-3724591d],.jv-video-error[data-v-3724591d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #e2e8f0
}

.jv-video-error svg[data-v-3724591d] {
    width: 40px;
    height: 40px
}

.jv-loading-spinner[data-v-3724591d] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255,255,255,.24);
    border-top-color: #fff;
    border-radius: 50%;
    animation: jv-video-spin-3724591d .8s linear infinite
}

.jv-video-stage[data-v-3724591d] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 24px;
    position: relative
}

.jv-video-stage__inner[data-v-3724591d] {
    max-width: 100%;
    max-height: 100%;
    position: relative
}

.jv-video-loading[data-v-3724591d] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #0f172ab8;
    z-index: 1
}

.jv-video-player[data-v-3724591d] {
    max-width: min(100%,1200px);
    max-height: calc(100vh - 220px);
    width: min(100%,1200px);
    border-radius: 16px;
    background: #000;
    box-shadow: 0 20px 40px #00000059
}

.jv-video-controls[data-v-3724591d] {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg,#0f172ac7,#0f172aeb);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #e2e8f0;
    box-shadow: 0 18px 40px #02061759
}

.jv-video-controls--compact .jv-video-controls__timeline[data-v-3724591d] {
    min-width: 96px
}

.jv-video-controls__btn[data-v-3724591d] {
    border: 0;
    border-radius: 999px;
    padding: 8px 14px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.jv-video-controls__btn--ghost[data-v-3724591d] {
    background: #ffffff1f;
    color: #e2e8f0
}

.jv-video-controls__timeline[data-v-3724591d] {
    flex: 1;
    min-width: 140px
}

.jv-video-controls__progress-track[data-v-3724591d] {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: #94a3b847;
    overflow: hidden
}

.jv-video-controls__progress-fill[data-v-3724591d] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#38bdf8,#22c55e)
}

.jv-video-controls__range[data-v-3724591d],.jv-video-controls__volume[data-v-3724591d] {
    width: 100%;
    accent-color: #38bdf8;
    cursor: pointer
}

.jv-video-controls__time[data-v-3724591d] {
    white-space: nowrap;
    font-size: 13px;
    color: #cbd5e1
}

.jv-video-controls__rate[data-v-3724591d] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 13px
}

.jv-video-controls__rate select[data-v-3724591d] {
    border: 1px solid rgba(148,163,184,.35);
    border-radius: 10px;
    padding: 6px 8px;
    background: #0f172acc;
    color: #e2e8f0
}

.jv-video-controls__volume[data-v-3724591d] {
    width: 96px
}

.jv-video-info[data-v-3724591d] {
    display: inline-flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: #0f172ab3;
    color: #cbd5e1;
    font-size: 13px
}

@media (max-width: 768px) {
    .jv-video-controls[data-v-3724591d] {
        flex-wrap:wrap;
        gap: 10px
    }

    .jv-video-controls__timeline[data-v-3724591d] {
        order: 10;
        width: 100%
    }

    .jv-video-controls__volume[data-v-3724591d] {
        width: 100%
    }
}

@keyframes jv-video-spin-3724591d {
    to {
        transform: rotate(360deg)
    }
}

.jv-file-render--audio[data-v-1e63b799] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 280px;
    background: var(--jv-bg-primary);
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.jv-audio-error[data-v-1e63b799] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--jv-text-secondary, #888);
    font-size: 14px
}

.jv-audio-error svg[data-v-1e63b799] {
    width: 40px;
    height: 40px;
    color: #ef4444
}

.jv-audio-visualizer[data-v-1e63b799] {
    flex: 1;
    position: relative;
    overflow: hidden;
    min-height: 120px;
    background: linear-gradient(175deg,var(--jv-bg-secondary, #f8f8f8) 0%,var(--jv-bg-primary, #ffffff) 100%)
}

.jv-audio-canvas[data-v-1e63b799] {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.jv-audio-idle[data-v-1e63b799] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    pointer-events: none
}

.jv-audio-idle__icon svg[data-v-1e63b799] {
    width: 52px;
    height: 52px;
    color: var(--jv-primary-color, #6366f1);
    opacity: .3
}

.jv-audio-idle__bars[data-v-1e63b799] {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    height: 36px
}

.jv-audio-idle__bar[data-v-1e63b799] {
    width: 5px;
    background: var(--jv-primary-color, #6366f1);
    opacity: .35;
    border-radius: 3px;
    animation: jv-idle-bounce-1e63b799 1.4s ease-in-out infinite;
    animation-delay: calc((var(--bar-idx, 1) - 1) * .18s);
    transform-origin: bottom
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(1) {
    height: 10px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(2) {
    height: 18px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(3) {
    height: 28px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(4) {
    height: 36px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(5) {
    height: 28px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(6) {
    height: 18px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(7) {
    height: 10px
}

@keyframes jv-idle-bounce-1e63b799 {
    0%,to {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(.25)
    }
}

.jv-audio-overlay[data-v-1e63b799] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--jv-bg-primary);
    color: var(--jv-text-secondary, #888);
    font-size: 13px;
    z-index: 1
}

.jv-audio-meta[data-v-1e63b799] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px 4px;
    gap: 12px;
    min-height: 36px
}

.jv-audio-meta__name[data-v-1e63b799] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: var(--jv-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 6px
}

.jv-audio-meta__note[data-v-1e63b799] {
    color: var(--jv-primary-color, #6366f1);
    font-size: 15px;
    flex-shrink: 0
}

.jv-audio-meta__time[data-v-1e63b799] {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--jv-text-secondary, #888);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0
}

.jv-audio-meta__sep[data-v-1e63b799] {
    opacity: .45
}

.jv-audio-progress[data-v-1e63b799] {
    padding: 8px 16px;
    cursor: pointer;
    position: relative
}

.jv-audio-progress__track[data-v-1e63b799] {
    height: 4px;
    background: var(--jv-border-color, #e8e8e8);
    border-radius: 3px;
    position: relative;
    transition: height .15s ease
}

.jv-audio-progress:hover .jv-audio-progress__track[data-v-1e63b799] {
    height: 6px
}

.jv-audio-progress__buf[data-v-1e63b799] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--jv-primary-color, #6366f1);
    opacity: .22;
    border-radius: 3px;
    pointer-events: none;
    transition: width .3s linear
}

.jv-audio-progress__fill[data-v-1e63b799] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--jv-primary-color, #6366f1);
    border-radius: 3px;
    pointer-events: none
}

.jv-audio-progress__thumb[data-v-1e63b799] {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px;
    background: var(--jv-primary-color, #6366f1);
    border-radius: 50%;
    box-shadow: 0 1px 4px #0003;
    pointer-events: none
}

.jv-audio-progress__tip[data-v-1e63b799] {
    position: absolute;
    bottom: calc(100% + 2px);
    transform: translate(-50%);
    background: #000000b8;
    color: #fff;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 4px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 2
}

.jv-audio-controls[data-v-1e63b799] {
    display: flex;
    align-items: center;
    padding: 6px 10px 12px;
    gap: 4px
}

.jv-audio-controls__spacer[data-v-1e63b799] {
    flex: 1
}

.jv-audio-btn[data-v-1e63b799] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 50%;
    transition: background .15s,color .15s,filter .15s;
    flex-shrink: 0;
    outline: none;
    color: var(--jv-text-primary);
    width: 40px;
    height: 40px
}

.jv-audio-btn[data-v-1e63b799]:hover {
    background: var(--jv-hover-bg, rgba(0, 0, 0, .06))
}

.jv-audio-btn--sm[data-v-1e63b799] {
    width: 34px;
    height: 34px
}

.jv-audio-btn--primary[data-v-1e63b799] {
    width: 44px;
    height: 44px;
    background: var(--jv-primary-color, #6366f1);
    color: #fff
}

.jv-audio-btn--primary[data-v-1e63b799]:hover {
    filter: brightness(.9);
    background: var(--jv-primary-color, #6366f1)
}

.jv-audio-btn--ghost[data-v-1e63b799] {
    color: var(--jv-text-secondary, #999)
}

.jv-audio-btn--ghost[data-v-1e63b799]:hover {
    color: var(--jv-text-primary)
}

.jv-audio-btn--active[data-v-1e63b799] {
    color: var(--jv-primary-color, #6366f1)!important
}

.jv-audio-btn--vis[data-v-1e63b799] {
    width: auto;
    padding: 0 8px;
    gap: 4px
}

.jv-audio-vis-label[data-v-1e63b799] {
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    opacity: .85
}

.jv-audio-volume[data-v-1e63b799] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 2px
}

.jv-audio-volume__slider[data-v-1e63b799] {
    width: 70px;
    cursor: pointer;
    accent-color: var(--jv-primary-color, #6366f1);
    height: 4px
}

.jv-loading-spinner[data-v-1e63b799] {
    width: 28px;
    height: 28px;
    border: 3px solid var(--jv-border-color, #e8e8e8);
    border-top-color: var(--jv-primary-color, #6366f1);
    border-radius: 50%;
    animation: jv-spin-1e63b799 .75s linear infinite
}

@keyframes jv-spin-1e63b799 {
    to {
        transform: rotate(360deg)
    }
}

.jv-audio-fade-enter-active[data-v-1e63b799],.jv-audio-fade-leave-active[data-v-1e63b799] {
    transition: opacity .3s ease
}

.jv-audio-fade-enter-from[data-v-1e63b799],.jv-audio-fade-leave-to[data-v-1e63b799] {
    opacity: 0
}

:root[data-jv-theme=dark] .jv-audio-visualizer[data-v-1e63b799],.jv-viewer[data-jv-theme=dark] .jv-audio-visualizer[data-v-1e63b799] {
    background: linear-gradient(175deg,var(--jv-bg-secondary, #1e1e1e) 0%,var(--jv-bg-primary, #141414) 100%)
}

.jv-file-render--cad[data-v-e15cac16] {
    width: 100%;
    height: 100%;
    background: var(--jv-cad-background);
    color: #e2e8f0;
    position: relative;
    overflow: hidden
}

.jv-cad-stage[data-v-e15cac16],.jv-cad-dxf[data-v-e15cac16],.jv-cad-iframe[data-v-e15cac16] {
    width: 100%;
    height: 100%
}

.jv-cad-iframe[data-v-e15cac16] {
    display: block;
    border: none;
    background: #fff
}

.jv-cad-loading[data-v-e15cac16],.jv-cad-error[data-v-e15cac16] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 2
}

.jv-cad-loading[data-v-e15cac16] {
    background: #0b1220ad
}

.jv-cad-error[data-v-e15cac16] {
    padding: 24px;
    text-align: center;
    background: linear-gradient(180deg,#0b1220eb,#0f172af5)
}

.jv-cad-error svg[data-v-e15cac16] {
    width: 40px;
    height: 40px
}

.jv-loading-spinner[data-v-e15cac16] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255,255,255,.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: jv-cad-spin-e15cac16 .8s linear infinite
}

@keyframes jv-cad-spin-e15cac16 {
    to {
        transform: rotate(360deg)
    }
}

.jv-watermark-container[data-v-3c7535d0] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.jv-watermark-layer[data-v-3c7535d0] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
    overflow: hidden
}

.jv-watermark-line[data-v-3c7535d0] {
    text-align: center;
    line-height: 1.5
}

.jv-watermark-row[data-v-3c7535d0] {
    display: flex;
    gap: 100px
}

.jv-watermark-image[data-v-3c7535d0] {
    opacity: .3
}

.jv-watermark--top[data-v-3c7535d0] {
    z-index: 9999
}

.jv-viewer[data-v-aa1e8663] {
    display: flex;
    flex-direction: column;
    background: var(--jv-bg-primary);
    border-radius: var(--jv-radius-lg);
    overflow: hidden;
    box-shadow: var(--jv-shadow);
    min-width: 0
}

.jv-viewer--fullscreen[data-v-aa1e8663] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    border-radius: 0
}

.jv-viewer__content[data-v-aa1e8663] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative
}

.jv-viewer__render[data-v-aa1e8663] {
    width: 100%;
    height: 100%;
    min-width: 0;
    transition: transform .3s ease;
    position: relative
}

.jv-viewer__loading-overlay[data-v-aa1e8663] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--jv-text-secondary);
    background: var(--jv-bg-primary);
    z-index: 10
}

.jv-viewer__loading[data-v-aa1e8663],.jv-viewer__error[data-v-aa1e8663],.jv-viewer__empty[data-v-aa1e8663],.jv-viewer__unsupported[data-v-aa1e8663] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
    color: var(--jv-text-secondary)
}

.jv-loading-spinner[data-v-aa1e8663] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--jv-border-color);
    border-top-color: var(--jv-primary-color);
    border-radius: 50%;
    animation: jv-spin-aa1e8663 1s linear infinite
}

@keyframes jv-spin-aa1e8663 {
    to {
        transform: rotate(360deg)
    }
}

.jv-loading-text[data-v-aa1e8663],.jv-error-text[data-v-aa1e8663],.jv-empty-text[data-v-aa1e8663] {
    font-size: 14px
}

.jv-error-icon[data-v-aa1e8663] {
    width: 48px;
    height: 48px;
    color: #ff4d4f
}

.jv-unsupported-icon[data-v-aa1e8663] {
    position: relative;
    width: 64px;
    height: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 14px;
    flex-shrink: 0
}

.jv-unsupported-icon__svg[data-v-aa1e8663] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jv-unsupported-icon__ext[data-v-aa1e8663] {
    position: relative;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--jv-text-secondary, #999);
    line-height: 1
}

.jv-unsupported-name[data-v-aa1e8663] {
    max-width: 320px;
    font-size: 14px;
    font-weight: 500;
    color: var(--jv-text-primary, #333);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

.jv-unsupported-msg[data-v-aa1e8663] {
    font-size: 14px;
    color: var(--jv-text-secondary, #999);
    margin: 0
}

.jv-unsupported-hint[data-v-aa1e8663] {
    font-size: 12px;
    color: var(--jv-text-secondary, #aaa);
    margin: 0;
    opacity: .8
}

.jv-unsupported-hint__code[data-v-aa1e8663] {
    font-family: ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;
    background: var(--jv-bg-secondary, #f5f5f5);
    border: 1px solid var(--jv-border-color, #e8e8e8);
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px
}

.jv-viewer__branding[data-v-aa1e8663] {
    flex-shrink: 0;
    padding: 8px 16px;
    text-align: center;
    font-size: 12px;
    color: var(--jv-text-secondary);
    background: var(--jv-bg-secondary);
    border-top: 1px solid var(--jv-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.jv-branding-link[data-v-aa1e8663] {
    color: var(--jv-primary-color);
    text-decoration: none;
    font-weight: 500
}

.jv-branding-text[data-v-aa1e8663] {
    color: var(--jv-text-secondary)
}

.jv-branding-link[data-v-aa1e8663]:hover {
    text-decoration: underline
}

.jv-file-render--model3d[data-v-d76870c7] {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--jv-model3d-background)
}

.jv-model3d-stage[data-v-d76870c7],.jv-model3d-canvas[data-v-d76870c7],.jv-model3d-iframe[data-v-d76870c7] {
    width: 100%;
    height: 100%
}

.jv-model3d-canvas[data-v-d76870c7] canvas {
    width: 100%!important;
    height: 100%!important;
    display: block
}

.jv-model3d-iframe[data-v-d76870c7] {
    border: 0;
    background: var(--jv-model3d-background)
}

.jv-model3d-loading[data-v-d76870c7],.jv-model3d-error[data-v-d76870c7] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #e2e8f0;
    background: #0f172ab8;
    z-index: 5
}

.jv-model3d-error[data-v-d76870c7] {
    z-index: 10
}

.jv-model3d-error svg[data-v-d76870c7] {
    width: 48px;
    height: 48px;
    color: #f87171
}

.jv-loading-spinner[data-v-d76870c7] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(226,232,240,.24);
    border-top-color: #60a5fa;
    border-radius: 50%;
    animation: jv-model3d-spin-d76870c7 .8s linear infinite
}

.jv-model3d-meta[data-v-d76870c7] {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    z-index: 3
}

.jv-model3d-meta span[data-v-d76870c7] {
    padding: 6px 10px;
    border-radius: 999px;
    background: #0f172ab8;
    color: #e2e8f0;
    font-size: 12px;
    line-height: 1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@keyframes jv-model3d-spin-d76870c7 {
    to {
        transform: rotate(360deg)
    }
}