.jih-editor { position: absolute; inset: 0; z-index: 40; pointer-events: none; color: #fff; font: 400 13px/20px 'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; }
.jih-editor *, .jih-editor *::before, .jih-editor *::after { box-sizing: border-box; }
.jih-editor [hidden] { display: none !important; }
.jih-editor button, .jih-editor input { font: inherit; }
.jih-editor button { cursor: pointer; }
.jih-editor button:disabled { cursor: default; opacity: .45; }
.jih-editor :is(button,input):focus-visible { outline: 2px solid #7eddf0; outline-offset: 2px; }
.jih-toolbar { position: absolute; display: flex; align-items: center; gap: 2px; width: max-content; max-width: calc(100% - 16px); height: 40px; padding: 4px; overflow-x: auto; overflow-y: hidden; border-radius: 12px; background: #202022; scrollbar-width: none; pointer-events: auto; }
.jih-editor[data-mode="standard"] .jih-toolbar { width: 479.4375px; }
.jih-toolbar::-webkit-scrollbar { display: none; }
.jih-toolbar button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; height: 32px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: #f5f5f5; white-space: nowrap; }
.jih-toolbar button:hover { background: #ffffff0d; }
.jih-toolbar .jih-mode { width: 104px; margin-right: 6px; }
.jih-toolbar .jih-detail { width: 130px; margin-right: 6px; }
.jih-editor .jih-toolbar svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; }
.jih-mode-glyph { display: inline-flex; flex: 0 0 16px; }
.jih-standard-hint { flex: 1 1 0; min-width: 0; padding: 0; overflow: hidden; color: #ffffff99; font-size: 13px; line-height: 19.5px; text-overflow: ellipsis; white-space: nowrap; }
.jih-resolution { text-transform: lowercase; }
.jih-toolbar .jih-resolution-2k { width: 31.46875px; }
.jih-toolbar .jih-resolution-4k { width: 50.703125px; }
.jih-toolbar .jih-resolution-8k { width: 50.375px; }
.jih-resolution[aria-pressed="true"] { background: #ffffff14; }
.jih-pending { flex: 0 0 36.890625px; width: 36.890625px; color: #898989; font-size: 12px; text-align: center; white-space: nowrap; }
.jih-toolbar .jih-save { width: 80px; background: #ddd; color: #202022; }
.jih-toolbar .jih-save:hover { background: #fff; }
.jih-menu { position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 4px; padding: 4px; border-radius: 12px; background: #262626; box-shadow: 0 8px 24px #0006; pointer-events: auto; }
.jih-mode-menu { width: 160px; }
.jih-menu-item { display: flex; align-items: center; min-height: 34px; padding: 6px 10px; border: 0; border-radius: 8px; background: transparent; color: #f5f5f5; text-align: left; }
.jih-menu-item:hover, .jih-menu-item[aria-checked="true"] { background: #ffffff12; }
.jih-detail-menu { width: 204px; gap: 10px; padding: 12px 16px; }
.jih-detail-heading { display: flex; justify-content: space-between; gap: 8px; }
.jih-detail-value { color: #b9b9c2; }
.jih-detail-range { width: 100%; min-width: 0; height: 20px; margin: 0; accent-color: #fff; }
.jih-menu { max-width: calc(100% - 16px); max-height: calc(100% - 16px); overflow-y: auto; overscroll-behavior: contain; }
.jih-editor[data-compact="true"] .jih-toolbar { flex-wrap: wrap; width: 515.4375px; height: auto; min-height: 40px; overflow: visible; }
.jih-editor[data-compact="true"][data-mode="standard"] .jih-toolbar { width: 479.4375px; }
.jih-editor[data-mobile="true"] .jih-toolbar { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
@media (prefers-reduced-motion: reduce) { .jih-editor *, .jih-editor *::before, .jih-editor *::after { animation: none !important; transition: none !important; } }