@import"https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.7.0/style.css";@import"https://cdn.jsdelivr.net/npm/cn-fontsource-xiaolai-sc-regular@1.0.2/font.min.css";.yts-cc-tools{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);margin-bottom:6px;display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:var(--cc-tools-bg, oklch(0 0 0 / .62));backdrop-filter:var(--cc-blur, blur(2px));-webkit-backdrop-filter:var(--cc-blur, blur(2px));color:var(--cc-color, #fff);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap;z-index:6}.yts-cc-tools.on{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.yts-cc-tool-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 12px;color:inherit;font:inherit;font-size:14px;line-height:1;cursor:pointer;border-radius:16px;white-space:nowrap;transition:transform .2s ease,color .2s ease}.yts-cc-tool-btn:hover{transform:scale(1.1)}.yts-cc-tool-btn.active{color:var(--cc-accent, oklch(.72 .15 260))}.yts-cc-tool-btn.yts-cc-drag{font-size:16px;letter-spacing:-3px;cursor:grab;touch-action:none}.yts-cc-tool-btn.yts-cc-drag:active{cursor:grabbing}.yts-cc-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--cc-tools-bg, oklch(0 0 0 / .7));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:12px 14px;color:var(--cc-color, #fff);box-shadow:0 6px 28px #0000004d;font-size:12.5px;z-index:7}.yts-cc-slider-row{display:flex;align-items:center;gap:8px;margin:6px 0;min-width:220px}.yts-cc-slider-row.disabled{opacity:.4;pointer-events:none}.yts-cc-slider-label{flex:0 0 auto;width:72px;opacity:.85;text-align:left}.yts-cc-slider-val{flex:0 0 auto;width:40px;text-align:right;font-variant-numeric:tabular-nums;opacity:.85}.yts-cc-slider-row input[type=range]{flex:1;height:4px;appearance:none;-webkit-appearance:none;background:#80808080;border-radius:2px;outline:none;cursor:pointer}.yts-cc-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:currentColor;border:none;cursor:pointer}.yts-cc-mode-row{display:flex;gap:8px;justify-content:center;min-width:240px}.yts-cc-mode-btn{flex:1;background:#ffffff1a;border:1px solid oklch(1 0 0 / .3);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,border-radius .25s ease}.yts-cc-mode-btn:hover{background:#fff3}.yts-cc-mode-btn[data-active=true]{background:var(--cc-accent, oklch(.62 .17 260));border-color:var(--cc-accent, oklch(.62 .17 260))}.yts-cc-bi-group{flex:1;position:relative;transition:margin-right .25s cubic-bezier(.4,0,.2,1)}.yts-cc-bi-group .yts-cc-mode-btn{width:100%}.yts-cc-bi-group.expanded{margin-right:32px}.yts-cc-bi-group.expanded .yts-cc-mode-btn{border-top-right-radius:0;border-bottom-right-radius:0}.yts-cc-swap-btn{position:absolute;left:100%;top:0;height:100%;width:0;opacity:0;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid oklch(1 0 0 / .3);border-left:1px solid oklch(1 0 0 / .25);color:#fff;padding:0;border-radius:0 6px 6px 0;cursor:pointer;transition:width .25s cubic-bezier(.4,0,.2,1),opacity .2s ease .05s}.yts-cc-bi-group.expanded .yts-cc-swap-btn{width:32px;opacity:1;pointer-events:auto}.yts-cc-swap-btn:hover{filter:brightness(1.2)}.yts-cc-swap-btn.on{background:var(--cc-accent, oklch(.62 .17 260));border-color:var(--cc-accent, oklch(.62 .17 260));border-left-color:#ffffff40}.yts-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:320px;max-height:150px;overflow-y:auto;padding:2px}.yts-preset-card{display:flex;flex-direction:column;gap:4px;align-items:stretch;background:#22222280;border:1.5px solid transparent;border-radius:9px;padding:5px;cursor:pointer;color:inherit;transition:border-color .15s,transform .15s}.yts-preset-card:hover{transform:translateY(-1px)}.yts-preset-card.active{border-color:oklch(.72 .15 260)}.yts-preset-sample{display:flex;align-items:center;justify-content:center;gap:3px;border-radius:6px;height:40px;font-size:16px;font-weight:600;background-image:linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%),linear-gradient(45deg,#333 25%,#222 25% 75%,#333 75%);background-size:12px 12px;background-position:0 0,6px 6px}.yts-preset-name{font-size:10.5px;opacity:.85;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yts-style-backdrop{position:fixed;inset:0;z-index:60;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.yts-style-modal{--om-text-primary: oklch(.2101 .0318 264.66);--om-text-secondary: oklch(.3729 .0306 259.73);--om-text-tertiary: oklch(.5544 .0207 261.32);--om-bg-primary: oklch(1 0 0);--om-bg-secondary: oklch(.972 .002 260);--om-bg-tertiary: oklch(0 0 0 / .05);--om-border-color: oklch(0 0 0 / .12);--om-border-light: oklch(0 0 0 / .08);--om-border: oklch(0 0 0 / .12);--om-hover-bg: oklch(0 0 0 / .05);--om-dur-base: .2s;--om-theme-hue: var(--theme-hue, 267);--om-theme-chroma: var(--theme-chroma, .2);--om-font-family: inherit;background:var(--om-bg-primary);color:var(--om-text-primary);border-radius:18px;padding:22px 24px;width:min(820px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 18px 60px #0000004d}html.dark .yts-style-modal{--om-text-primary: oklch(.95 0 0);--om-text-secondary: oklch(.85 0 0);--om-text-tertiary: oklch(.7 0 0);--om-bg-primary: oklch(.21 .01 260);--om-bg-secondary: oklch(.26 .01 260);--om-bg-tertiary: oklch(1 0 0 / .08);--om-border-color: oklch(1 0 0 / .14);--om-border-light: oklch(1 0 0 / .1);--om-border: oklch(1 0 0 / .14);--om-hover-bg: oklch(1 0 0 / .08)}.yts-style-modal-close{float:right;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--om-text-tertiary);cursor:pointer}.yts-style-modal-close:hover{color:var(--om-text-primary);background:var(--om-hover-bg)}.yts-style-note{margin:0 0 14px;font-size:13px;color:var(--om-text-tertiary);padding:10px 12px;border-radius:10px;background:var(--om-bg-secondary)}.tsp-slider{display:flex;flex-direction:column;gap:6px}.tsp-slider-header{display:flex;align-items:center;justify-content:space-between}.tsp-slider-label{font-size:13px;font-weight:500;color:var(--om-text-secondary)}.tsp-slider-value{font-size:12px;color:var(--om-text-tertiary)}.tsp-hue-slider{width:100%;height:8px;appearance:none;-webkit-appearance:none;border-radius:4px;outline:none;cursor:pointer}.tsp-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid oklch(0 0 0 / .2);box-shadow:0 1px 4px #00000040;cursor:pointer}@media(max-width:760px){.tsp-palette-body{flex-direction:column}.tsp-palette-left{flex:none}}.tsp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tsp-master-label{font-size:18px;font-weight:600;color:var(--om-text-primary);line-height:1.4;flex-shrink:0}.tsp-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tsp-tabs{display:flex;gap:6px;align-items:center;background:var(--om-bg-tertiary);border-radius:10px;padding:4px;flex-shrink:0}.tsp-tab{padding:6px 16px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--om-text-tertiary);cursor:pointer;box-shadow:0 1px 4px #0000;transition:background var(--om-dur-base) ease,color var(--om-dur-base) ease,box-shadow var(--om-dur-base) ease;white-space:nowrap}.tsp-tab.active{background:var(--om-bg-primary);color:var(--om-text-primary);box-shadow:0 1px 4px #0000001a}html.dark .tsp-tab.active{background:var(--om-bg-tertiary)}.tsp-apply-global{padding:6px 12px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--om-dur-base) ease,color var(--om-dur-base) ease,border-color var(--om-dur-base) ease,opacity var(--om-dur-base) ease,transform var(--om-dur-base) ease;white-space:nowrap;text-align:center}.tsp-apply-global.dirty{background:oklch(.55 calc(var(--om-theme-chroma, .2) * 1.2) var(--om-theme-hue, 267));color:#fff;border-color:oklch(.55 calc(var(--om-theme-chroma, .2) * 1.2) var(--om-theme-hue, 267))}.tsp-apply-global.dirty:hover:not(:disabled){background:oklch(.6 calc(var(--om-theme-chroma, .2) * 1.2) var(--om-theme-hue, 267))}.tsp-apply-global.applied{background:transparent;border-color:var(--om-border-color);color:var(--om-text-tertiary);cursor:default;opacity:.7}.tsp-apply-global:disabled{cursor:default}html.dark .tsp-apply-global.dirty{background:oklch(.78 calc(var(--om-theme-chroma, .2) * .8) var(--om-theme-hue, 267));border-color:oklch(.78 calc(var(--om-theme-chroma, .2) * .8) var(--om-theme-hue, 267));color:#0b0b0b}html.dark .tsp-apply-global.dirty:hover:not(:disabled){background:oklch(.85 calc(var(--om-theme-chroma, .2) * .8) var(--om-theme-hue, 267))}html.dark .tsp-apply-global.applied{border-color:var(--om-border-color);color:var(--om-text-tertiary)}.tsp-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.tsp-chip{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border-radius:10px;border:1px solid var(--om-border-color);background:var(--om-bg-secondary);cursor:pointer;font-size:13px;font-weight:500;color:var(--om-text-secondary);outline:2px solid transparent;outline-offset:-1px;transition:all var(--om-dur-base) ease,outline-color var(--om-dur-base) ease;white-space:nowrap}.tsp-chip:hover{background:var(--om-hover-bg)}.tsp-chip.active{outline-color:var(--chip-color, oklch(.6268 0 0));background:color-mix(in oklch,var(--chip-color, oklch(.6268 0 0)) 12%,transparent);color:var(--om-text-primary)}html.dark .tsp-chip.active{background:color-mix(in oklch,var(--chip-color, oklch(.6268 0 0)) 18%,transparent)}.tsp-chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tsp-chip-name{line-height:1}.tsp-sliders{display:flex;flex-direction:column;gap:16px}.tsp-slider-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--om-text-tertiary);padding:0 2px;margin-top:-4px}.tsp-palette-body{display:flex;gap:20px;align-items:stretch}.tsp-palette-left{flex:0 0 320px;display:flex;flex-direction:column;gap:20px;min-width:0}.tsp-palette-right{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.tsp-space-square{width:100%;aspect-ratio:1 / 1;border:1px solid var(--om-border-light);border-radius:14px;background:var(--om-bg-secondary);overflow:hidden;position:relative}.tsp-space-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tsp-fun-btns{display:flex;gap:6px;margin-top:4px}.tsp-fun-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--om-border);background:var(--om-bg-secondary);color:var(--om-text-tertiary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--om-dur-base);display:flex;align-items:center;justify-content:center;padding:0}.tsp-fun-btn:hover:not(:disabled){border-color:oklch(.65 var(--om-theme-chroma, .2) var(--om-theme-hue, 267));color:var(--om-text-primary)}.tsp-fun-btn.active{background:oklch(.65 var(--om-theme-chroma, .2) var(--om-theme-hue, 267));border-color:oklch(.65 var(--om-theme-chroma, .2) var(--om-theme-hue, 267));color:#fff}.tsp-fun-btn:disabled{opacity:.35;cursor:default}.tsp-slider-disabled{opacity:.45;pointer-events:none}.tsp-space-scene{width:100%;height:100%;perspective:320px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.tsp-space-scene:active{cursor:grabbing}.tsp-space{--cube-size: 160px;--cube-half: 80px;width:var(--cube-size);height:var(--cube-size);position:relative;transform-style:preserve-3d;transform:rotateX(var(--space-rx, -20deg)) rotateY(var(--space-ry, 35deg))}.tsp-edge{position:absolute;transform-style:preserve-3d;background:var(--edge-grad)}.tsp-edge:after{content:"";position:absolute;background:inherit}.tsp-edge-x{left:0;width:var(--cube-size);height:1.5px}.tsp-edge-x:after{left:0;top:0;width:100%;height:1.5px;transform-origin:0 0;transform:rotateX(90deg)}.tsp-edge-y{top:0;width:1.5px;height:var(--cube-size)}.tsp-edge-y:after{left:0;top:0;width:1.5px;height:100%;transform-origin:0 0;transform:rotateY(-90deg)}.tsp-edge-z{width:var(--cube-size);height:1.5px;transform:rotateY(90deg)}.tsp-edge-z:after{left:0;top:0;width:100%;height:1.5px;transform-origin:0 0;transform:rotateX(90deg)}.tsp-tick{position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;transform-style:preserve-3d;background:oklch(.6 var(--om-theme-chroma, .2) var(--om-theme-hue, 267) / .18);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.tsp-tick:before,.tsp-tick:after{content:"";position:absolute;width:3px;height:3px;background:inherit}.tsp-tick:before{transform:rotateX(90deg)}.tsp-tick:after{transform:rotateY(90deg)}html.dark .tsp-tick{background:oklch(.7 var(--om-theme-chroma, .2) var(--om-theme-hue, 267) / .22)}.tsp-marker{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.tsp-mk{position:absolute;width:10px;height:10px;left:-5px;top:-5px;border:1px solid color-mix(in oklch,var(--mk-color, oklch(.6268 0 0)) 80%,transparent);background:color-mix(in oklch,var(--mk-color, oklch(.6268 0 0)) 25%,transparent)}.tsp-mk-front{transform:translateZ(5px)}.tsp-mk-back{transform:rotateY(180deg) translateZ(5px)}.tsp-mk-left{transform:rotateY(-90deg) translateZ(5px)}.tsp-mk-right{transform:rotateY(90deg) translateZ(5px)}.tsp-mk-top{transform:rotateX(90deg) translateZ(5px)}.tsp-mk-bottom{transform:rotateX(-90deg) translateZ(5px)}html.dark .tsp-mk{border-color:color-mix(in oklch,var(--mk-color, oklch(.6268 0 0)) 85%,transparent);background:color-mix(in oklch,var(--mk-color, oklch(.6268 0 0)) 30%,transparent)}.tsp-axis-lbl{position:absolute;font-size:13px;font-weight:600;white-space:nowrap;transform-style:preserve-3d}.tsp-lbl-tone{color:oklch(.55 .15 195);transform:translate3d(calc(var(--cube-size) * 1.15 + 6px),var(--cube-size),calc(-1 * var(--cube-half))) rotateY(calc(-1 * var(--space-ry))) rotateX(calc(-1 * var(--space-rx)))}.tsp-lbl-dens{color:#9f12a0;transform:translate3d(-10px,calc(var(--cube-size) * -.15 - 14px),calc(-1 * var(--cube-half))) rotateY(calc(-1 * var(--space-ry))) rotateX(calc(-1 * var(--space-rx)))}.tsp-lbl-loc{color:oklch(.55 .18 110);transform:translate3d(-10px,calc(var(--cube-size) + 4px),calc(var(--cube-half) * 1.15 + 6px)) rotateY(calc(-1 * var(--space-ry))) rotateX(calc(-1 * var(--space-rx)))}html.dark .tsp-lbl-tone{color:#2ad7d7}html.dark .tsp-lbl-dens{color:#ef79ed}html.dark .tsp-lbl-loc{color:#cbcc3b}.tsp-preview{flex:1;min-height:0;background:var(--om-bg-secondary);border:1px solid var(--om-border-light);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.tsp-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tsp-preview-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--om-text-tertiary)}.tsp-preview-src{font-size:15px;color:var(--om-text-tertiary);font-style:italic;line-height:1.55}.tsp-preview-tr-wrap{position:relative;min-height:1.6em}.tsp-preview-tr{font-size:16px;color:var(--om-text-primary);line-height:1.6;font-weight:500}.tsp-preview-tr.tsp-text-out{position:absolute;inset:0;animation:tsp-fade-out .2s ease forwards}@keyframes tsp-fade-out{0%{opacity:1}to{opacity:0}}.tsp-cursor{display:inline-block;width:2px;height:1em;margin-inline-start:1px;vertical-align:text-bottom;background:oklch(.55 var(--om-theme-chroma, .2) var(--om-theme-hue, 267));animation:tsp-blink .6s step-end infinite}@keyframes tsp-blink{50%{opacity:0}}.tsp-badges{display:flex;gap:4px;flex-wrap:wrap}.tsp-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap}.tsp-badge-tone{background:#b6f2f14d;color:oklch(.45 .12 195)}.tsp-badge-dens{background:#fbd7f940;color:#7c117d}.tsp-badge-loc{background:#f1f4b64d;color:oklch(.45 .15 110)}html.dark .tsp-badge-tone{background:#b6f2f11f;color:#2ad7d7}html.dark .tsp-badge-dens{background:#fbd7f91f;color:#ef79ed}html.dark .tsp-badge-loc{background:#f1f4b61f;color:#cbcc3b}.tsp-manual{display:flex;flex-direction:column;gap:8px}.tsp-manual-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.tsp-manual-hint{font-size:14px;color:var(--om-text-tertiary)}.tsp-parse-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;transition:all var(--om-dur-base) ease}.tsp-parse-badge.synced{background:#bbf7bc33;color:oklch(.42 .15 145)}.tsp-parse-badge.custom{background:oklch(.92 .08 65 / .2);color:oklch(.5 .14 65)}html.dark .tsp-parse-badge.synced{background:#235b2833;color:#61bd67}html.dark .tsp-parse-badge.custom{background:#8a561933;color:#ea9941}.tsp-textarea{width:100%;min-height:120px;field-sizing:content;padding:16px 20px;border-radius:12px;border:1px solid var(--om-border-color);background:var(--om-bg-secondary);color:var(--om-text-primary);font-size:14px;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;line-height:1.7;resize:none;outline:none;transition:border-color var(--om-dur-base) ease,box-shadow var(--om-dur-base) ease}.tsp-textarea:focus{border-color:oklch(.65 var(--om-theme-chroma, .2) var(--om-theme-hue, 267) / .7);box-shadow:0 0 0 3px oklch(.65 var(--om-theme-chroma, .2) var(--om-theme-hue, 267) / .1)}.tsp-textarea::placeholder{color:var(--om-text-tertiary);font-family:var(--om-font-family);font-style:italic}.tsp-textarea-over{border-color:oklch(.55 .25 25)!important;box-shadow:0 0 0 3px oklch(.55 .25 25 / .12)!important}.tsp-manual-footer{display:flex;align-items:center;justify-content:space-between}.tsp-char-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--om-text-tertiary);transition:color var(--om-dur-base) ease}.tsp-char-count.over{color:oklch(.55 .25 25);font-weight:600}.tsp-manual-footer-btns{display:flex;gap:8px}.tsp-regen-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--om-border-color);background:var(--om-bg-secondary);color:var(--om-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--om-dur-base) ease}.tsp-regen-btn:hover{background:var(--om-hover-bg)}.tsp-apply-btn{padding:8px 20px;border-radius:8px;border:none;background:oklch(.55 var(--om-theme-chroma, .2) var(--om-theme-hue, 267));color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--om-dur-base) ease}.tsp-apply-btn:hover:not(:disabled){background:oklch(.48 var(--om-theme-chroma, .2) var(--om-theme-hue, 267))}.tsp-apply-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.tsp-header{flex-wrap:wrap}.tsp-master-label{flex:1 1 auto}.tsp-header-actions{width:100%;justify-content:space-between}.tsp-presets{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tsp-chip{white-space:normal;line-height:1.25}.tsp-chip-name{line-height:1.25}}.danmaku-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:20}.danmaku-item{position:absolute;white-space:nowrap;color:#fff;font-size:20px;font-weight:600;font-family:var(--app-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-text-stroke:2px oklch(0 0 0 / .8);paint-order:stroke fill;text-shadow:1px 1px 2px oklch(0 0 0 / .5);user-select:none;will-change:transform}@keyframes danmaku-fly{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}@keyframes danmaku-fly-fast{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}@keyframes danmaku-popup{0%{opacity:0;transform:translate(-50%) scale(.8)}10%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.95)}}.danmaku-item.speed-normal{left:100%;animation:danmaku-fly 12s linear forwards}.danmaku-item.speed-fast{left:100%;animation:danmaku-fly-fast 7s linear forwards}.danmaku-item.reduce-motion{left:50%;animation:danmaku-popup 2.5s ease-out forwards}.danmaku-item.category-easterEgg{background:linear-gradient(90deg,#ff5e6c,#ffbe0b,#5ce65c,#4dabf7,#ce93ff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(1px 0 0 oklch(0 0 0 / .8)) drop-shadow(-1px 0 0 oklch(0 0 0 / .8)) drop-shadow(0 1px 0 oklch(0 0 0 / .8)) drop-shadow(0 -1px 0 oklch(0 0 0 / .8)) drop-shadow(1px 1px 2px oklch(0 0 0 / .5))}.options-modal-root{--om-theme-hue: var(--theme-hue, 267);--om-theme-chroma: var(--theme-chroma, .2);--om-font-family: var(--app-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);--om-bg-primary: oklch(1 0 0);--om-bg-secondary: oklch(.9846 .0017 247.84);--om-bg-tertiary: oklch(.967 .0029 264.54);--om-bg-hover: oklch(.967 .0029 264.54);--om-text-primary: oklch(.2101 .0318 264.66);--om-text-secondary: oklch(.4461 .0263 256.8);--om-text-tertiary: oklch(.551 .0234 264.36);--om-border-color: oklch(.9276 .0058 264.53);--om-border-light: oklch(0 0 0 / .05);--om-shadow-sm: 0 1px 2px oklch(0 0 0 / .05);--om-shadow-md: 0 4px 6px -1px oklch(0 0 0 / .1);--om-color-warning: oklch(.7686 .1647 70.08);--om-color-warning-fg: oklch(.5553 .1455 49);--om-dur-fast: .12s;--om-dur-base: .12s;--om-dur-slow: .3s;--om-hover-bg: oklch(0 0 0 / .05);--om-active-bg: oklch(.9 var(--om-theme-chroma) var(--om-theme-hue) / .25);--om-active-border: oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));--om-active-color: oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));font-family:var(--om-font-family);font-size:16px;line-height:1.3;color:var(--om-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.options-modal-root.dark{--om-bg-primary: oklch(.2046 0 0);--om-bg-secondary: oklch(.2686 0 0);--om-bg-tertiary: oklch(.3715 0 0);--om-bg-hover: oklch(.3715 0 0);--om-text-primary: oklch(1 0 0);--om-text-secondary: oklch(.7155 0 0);--om-text-tertiary: oklch(.5555 0 0);--om-border-color: oklch(.3715 0 0);--om-border-light: oklch(1 0 0 / .1);--om-color-warning-fg: oklch(.8369 .1644 84.43);--om-hover-bg: oklch(1 0 0 / .06);--om-active-bg: oklch(.6 var(--om-theme-chroma) var(--om-theme-hue) / .25)}.options-modal-root *{box-sizing:border-box}.options-modal-root button{font-family:inherit;font-size:inherit;line-height:inherit}.options-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:1000010;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),background-color .7s cubic-bezier(.16,1,.3,1)}.options-modal-overlay.visible{opacity:1;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.options-modal-container{position:relative;width:min(1200px,calc(100vw - 48px));height:min(800px,calc(100vh - 48px));background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;overflow:clip;display:flex;flex-direction:row;box-shadow:0 40px 100px #0f172a66;opacity:0;transform:scale(.96);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.options-modal-root.dark .options-modal-container{background:#1717174d}.options-modal-overlay.visible .options-modal-container{opacity:1;transform:scale(1)}.options-modal-close{position:absolute;top:12px;inset-inline-start:12px;z-index:50;width:36px;height:36px;border-radius:50%;background:var(--om-border-light);border:1px solid var(--om-border-light);color:var(--om-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--om-dur-base) ease}.options-modal-close:hover,.options-modal-root.dark .options-modal-close:hover{background:var(--om-hover-bg)}.options-modal-close svg{width:20px;height:20px}.options-modal-sidebar{flex-shrink:0;width:220px;display:flex;flex-direction:column;border-right:1px solid var(--om-border-color);background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px 16px}.options-modal-root.dark .options-modal-sidebar{background:#1717174d}.options-modal-sidebar-nav-group{flex:1;display:flex;flex-direction:column;justify-content:center}.options-modal-sidebar-header{display:flex;align-items:center;justify-content:center;padding:0 8px;margin-bottom:16px}.options-modal-sidebar-header img{width:28px;height:28px;margin-inline-end:8px}.options-modal-sidebar-header h1{font-size:18px;font-weight:700;color:var(--om-text-primary);margin:0}.options-modal-tabs{display:flex;flex-direction:column;gap:8px}.options-modal-sidebar-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--om-border-color)}.om-factory-reset-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 16px;border-radius:8px;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--om-text-tertiary);transition:background var(--om-dur-fast) ease,color var(--om-dur-fast) ease;font-family:var(--om-font-family, var(--app-font-family))}.om-factory-reset-btn svg{width:16px;height:16px;flex-shrink:0}.om-factory-reset-btn:hover{background:var(--om-hover-bg);color:var(--om-text-secondary)}.om-factory-reset-btn.confirming{color:#c53637;background:oklch(.97 .03 25)}.options-modal-root.dark .om-factory-reset-btn.confirming{color:#ff847d;background:#321a18}.options-modal-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:12px;background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--om-text-secondary);width:100%;transition:background var(--om-dur-base) ease,color var(--om-dur-base) ease}.options-modal-tab:before{content:"";position:absolute;inset:0;border-radius:12px;background-color:var(--om-active-bg);box-shadow:0 0 24px #0000001a,0 0 8px #0000000f;opacity:0;transition:opacity var(--om-dur-slow) ease-out;pointer-events:none;z-index:0}.options-modal-tab.active:before{opacity:1}.options-modal-root.dark .options-modal-tab:before{box-shadow:0 0 24px #0006,0 0 8px #00000040}.options-modal-tab:hover:not(.active){background:var(--om-hover-bg)}.options-modal-tab>*{position:relative;z-index:1}.options-modal-tab span{font-size:15px}.options-modal-tab svg{width:24px;height:24px;flex-shrink:0;color:var(--om-text-tertiary);transition:color var(--om-dur-slow) ease-out}.options-modal-main{flex:1;overflow-y:auto;overscroll-behavior:contain;background:transparent;position:relative;scrollbar-width:none}.options-modal-main::-webkit-scrollbar{display:none}.options-modal-page{display:flex;flex-direction:column}.options-modal-page:last-child{min-height:100%}.options-modal-page+.options-modal-page .options-modal-content{padding-top:0}.options-modal-page[data-page-id=feedback] .options-modal-content{padding-top:32px}.options-modal-page:not(:last-child) .options-modal-content{padding-bottom:0}.om-centered-page{flex:1;display:flex;flex-direction:column;justify-content:center}@keyframes om-page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes om-page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.options-modal-content{width:100%;max-width:1000px;margin:0 auto;padding:32px 24px;box-sizing:border-box}.om-section{background:var(--om-bg-primary);border-radius:24px;padding:32px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--om-border-light);margin-bottom:24px}.options-modal-root.dark .om-section{background:var(--om-bg-secondary)}.om-section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--om-border-color)}.om-section-title{font-size:18px;font-weight:600;color:var(--om-text-primary);margin:0 0 4px}.om-section-desc{font-size:16px;color:var(--om-text-secondary);margin:0}.om-settings-group>.om-feedback-card:first-child,.om-settings-group>.om-feedback-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.om-feedback-card-body{display:flex;flex-direction:column;gap:4px;flex:1;margin-inline-end:16px}.om-feedback-card-title{font-size:18px;font-weight:500;line-height:1.5;color:var(--om-text-primary)}.om-feedback-card-desc{font-size:16px;line-height:1.5;color:var(--om-text-secondary)}.om-feedback-review-btn{padding:8px 16px;border-radius:12px;border:none;background:oklch(.55 var(--theme-chroma) var(--theme-hue));color:#fff;font-size:13px;font-weight:500;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background var(--om-dur-fast) ease}.om-feedback-review-btn:hover{background:oklch(.5 var(--theme-chroma) var(--theme-hue))}.om-feedback-form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.om-feedback-form-title{font-size:14px;font-weight:500;color:var(--om-text-primary)}.om-feedback-textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--om-border-color);background:var(--om-bg-primary);color:var(--om-text-primary);font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;box-sizing:border-box;transition:border-color var(--om-dur-fast) ease}.om-feedback-textarea:focus{outline:none;border-color:oklch(.6 var(--theme-chroma) var(--theme-hue))}.om-feedback-submit-btn{align-self:flex-end;padding:8px 20px;border-radius:12px;border:none;background:oklch(.55 var(--theme-chroma) var(--theme-hue));color:#fff;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--om-dur-fast) ease}.om-feedback-submit-btn:hover:not(:disabled){background:oklch(.5 var(--theme-chroma) var(--theme-hue))}.om-feedback-submit-btn:disabled{background:var(--om-hover-bg);color:var(--om-text-secondary);cursor:not-allowed}.om-toggle{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0}.om-toggle-label{display:flex;flex-direction:column;cursor:pointer;flex:1;margin-inline-end:16px}.om-toggle-text{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-toggle-desc{font-size:16px;color:var(--om-text-secondary);margin-top:4px}.om-toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;border:none;cursor:pointer;flex-shrink:0}.options-modal-root.ready .om-toggle-switch{transition:background-color var(--om-dur-base) ease}.options-modal-root.dark .om-toggle-switch{background:#525252}.options-modal-root .om-toggle-switch.checked{background:oklch(.7 var(--om-theme-chroma) var(--om-theme-hue))}.om-toggle-switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003}.options-modal-root.ready .om-toggle-switch:after{transition:transform var(--om-dur-base) ease}.om-toggle-switch.checked:after{transform:translate(20px)}[dir=rtl] .om-toggle-switch.checked:after{transform:translate(-20px)}.om-toggle.disabled{opacity:.5;pointer-events:none}.om-radio{display:flex;align-items:flex-start;padding:12px 0;cursor:pointer;transition:background var(--om-dur-base) ease}.om-radio:hover{background:var(--om-hover-bg)}.om-radio-input{width:16px;height:16px;margin-inline-end:12px;margin-top:4px;accent-color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));cursor:pointer}.om-radio-content{flex:1}.om-radio-text{font-size:14px;font-weight:500;color:var(--om-text-primary);transition:color var(--om-dur-base) ease}.om-radio-desc{display:block;font-size:13px;color:var(--om-text-secondary);margin:2px 0 0}.om-slider-container{display:flex;flex-direction:column;gap:16px}.om-slider-header{display:flex;align-items:center;justify-content:space-between}.om-slider-label{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-slider-value{font-size:16px;font-weight:600;color:var(--om-text-secondary);background:var(--om-bg-tertiary);padding:4px 8px;border-radius:8px;border:1px solid var(--om-border-color)}.om-slider{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:4px;outline:none;background:var(--om-bg-tertiary)}.om-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:5px;height:24px;border-radius:2px;background:#fffc;border:1px solid oklch(1 0 0 / .5);box-shadow:0 1px 4px #00000040;cursor:pointer;transition:transform var(--om-dur-fast) ease}.om-slider::-webkit-slider-thumb:hover{transform:scale(1.08)}.om-slider::-moz-range-thumb{width:5px;height:24px;border-radius:2px;background:#fffc;border:1px solid oklch(1 0 0 / .5);box-shadow:0 1px 4px #00000040;cursor:pointer}.om-slider.disabled{opacity:.5;pointer-events:none}.om-hue-slider{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:4px;outline:none;background:linear-gradient(to right,#fb5c99,oklch(.7 .2 60),oklch(.7 .2 120),oklch(.7 .2 180),oklch(.7 .2 240),oklch(.7 .2 300),#fb5c99)}.om-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:5px;height:24px;border-radius:2px;background:#fff9;border:1px solid oklch(1 0 0 / .5);box-shadow:0 1px 4px #00000040;cursor:pointer;margin-top:-1px;transition:transform var(--om-dur-fast) ease}.om-hue-slider::-webkit-slider-thumb:hover{transform:scale(1.08)}.om-hue-slider::-moz-range-thumb{width:5px;height:24px;border-radius:2px;background:#fff9;border:1px solid oklch(1 0 0 / .5);box-shadow:0 1px 4px #00000040;cursor:pointer;transition:transform var(--om-dur-fast) ease}.om-hue-slider::-moz-range-thumb:hover{transform:scale(1.08)}.om-color-picker{display:flex;flex-direction:column;gap:16px;margin-top:16px}.om-color-picker-header{display:flex;align-items:center;justify-content:space-between}.om-color-picker-label{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-color-picker-preview{width:48px;height:24px;border-radius:6px;border:1px solid var(--om-border-color);box-shadow:var(--om-shadow-sm)}.om-color-picker-row{display:flex;flex-direction:column;gap:8px;margin-top:-8px}.om-color-picker-row-label{font-size:14px;color:var(--om-text-tertiary)}.om-color-picker.disabled{opacity:.5;pointer-events:none}.om-blur-slider-track{position:absolute;inset:0;height:100%;border-radius:4px;overflow:hidden;pointer-events:none;background-image:linear-gradient(45deg,oklch(.9288 .0126 255.51 / .9) 25%,transparent 25%),linear-gradient(-45deg,oklch(.9288 .0126 255.51 / .9) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,oklch(.9288 .0126 255.51 / .9) 75%),linear-gradient(-45deg,transparent 75%,oklch(.9288 .0126 255.51 / .9) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.om-blur-slider{position:relative;z-index:1;background:transparent!important}.om-blur-slider::-webkit-slider-runnable-track{background:transparent}.om-blur-slider::-moz-range-track{background:transparent}.om-divider{height:1px;background:var(--om-border-color);margin:24px 0}.om-divider-line{height:1px;background:var(--om-border-color);margin:16px 0}.om-settings-group{display:flex;flex-direction:column}.om-settings-group>div:first-child{padding-top:0}.om-settings-group>div:last-child{padding-bottom:0}.om-field-label{font-size:18px;font-weight:500;color:var(--om-text-primary);margin-bottom:4px}.om-field-desc{font-size:13px;color:var(--om-text-tertiary);margin-bottom:8px;line-height:1.4}.om-field-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0}.om-field-row-text{flex:1;min-width:0}.om-field-row-text .om-field-label{margin-bottom:4px}.om-field-row-text .om-field-desc{margin-bottom:0}.om-field-row-control{position:relative;flex-shrink:0}.om-field-row-control .om-dropdown-button{width:auto;min-width:180px;padding:10px 36px 10px 14px;font-size:14px}.om-field-row-control .om-dropdown-menu{width:max-content;min-width:100%;inset-inline-end:0;inset-inline-start:auto}.om-slider-value-badge{font-size:16px;font-weight:600;color:var(--om-text-secondary);background:var(--om-bg-tertiary);padding:4px 8px;border-radius:8px;border:1px solid var(--om-border-color)}.om-swap-label{display:flex;flex-direction:column;gap:2px;line-height:1.4}.om-swap-label-line{font-size:18px}.om-swap-label-line:first-child{font-weight:500}.om-radio-group{display:flex;flex-direction:column}.om-radio-group .om-radio{padding:8px 0}.om-text-red{color:#ef4444;margin-inline-end:4px}.om-text-blue{color:#3b82f6;margin-inline-end:4px}.om-icon-xs{width:12px;height:12px}.om-icon-sm{width:14px;height:14px}.om-icon-md{width:20px;height:20px;color:var(--om-text-tertiary)}.om-translation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.om-permission-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:color-mix(in oklab,var(--om-color-warning) 10%,transparent);color:var(--om-color-warning-fg);font-size:14px;font-weight:500;text-decoration:none;border:1px solid color-mix(in oklab,var(--om-color-warning) 20%,transparent);transition:all var(--om-dur-base) ease}.options-modal-root.dark .om-permission-badge{background:color-mix(in oklab,var(--om-color-warning) 15%,transparent);color:var(--om-color-warning-fg);border-color:color-mix(in oklab,var(--om-color-warning) 30%,transparent)}.om-permission-badge:hover{background:color-mix(in oklab,var(--om-color-warning) 20%,transparent)}.om-input-translate-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.om-tts-locked{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.om-tts-locked-content{flex:1;margin-inline-end:16px}.om-tts-locked-label{font-size:18px;font-weight:500;color:var(--om-text-secondary)}.om-tts-locked-desc{font-size:16px;color:var(--om-text-tertiary);margin-top:4px}.om-language-settings{display:flex;flex-direction:column;gap:24px;margin-top:16px}.om-dropdown-container{position:relative}.om-dropdown-label{display:block;font-size:18px;font-weight:500;color:var(--om-text-primary);margin-bottom:8px}.om-dropdown-desc{font-size:16px;color:var(--om-text-tertiary);margin-bottom:12px}.om-dropdown-button{position:relative;width:100%;padding:12px 40px 12px 16px;background:var(--om-bg-primary);border:1px solid var(--om-border-color);border-radius:12px;font-size:16px;color:var(--om-text-primary);text-align:start;cursor:pointer;transition:all var(--om-dur-base) ease}.om-dropdown-button:hover{background:var(--om-hover-bg)}.om-dropdown-button svg{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%)}.om-dropdown-menu{position:absolute;z-index:100;width:100%;max-height:240px;overflow-y:auto;background:var(--om-bg-primary);border:1px solid var(--om-border-color);border-radius:12px;box-shadow:var(--om-shadow-md);margin-top:4px}.om-dropdown-section-header{padding:8px 12px;font-size:14px;font-weight:600;color:var(--om-text-tertiary);background:var(--om-bg-secondary);border-bottom:1px solid var(--om-border-color)}.om-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:16px;color:var(--om-text-primary);cursor:pointer;outline:2px solid transparent;outline-offset:-1px;transition:all var(--om-dur-base) ease,outline-color var(--om-dur-base) ease}.om-dropdown-item.selected{outline-color:var(--om-active-border)}.om-dropdown-item svg{width:20px;height:20px;color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue))}.om-textarea{width:100%;min-height:80px;padding:12px 16px;background:var(--om-bg-primary);border:1px solid var(--om-border-color);border-radius:12px;font-size:14px;font-family:inherit;color:var(--om-text-primary);resize:vertical;transition:border-color var(--om-dur-base) ease,box-shadow var(--om-dur-base) ease;line-height:1.6}.om-textarea:focus{outline:none;border-color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));box-shadow:0 0 0 3px oklch(.6 var(--om-theme-chroma) var(--om-theme-hue) / .15)}.om-textarea::placeholder{color:var(--om-text-tertiary)}.om-shortcut-hint{font-size:13px;color:var(--om-text-tertiary);padding:4px 0}.om-usage-guide{margin-top:8px}.om-usage-guide .om-section-title{margin-bottom:16px}.om-usage-guide .om-guide-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:12px}.om-usage-guide .om-guide-item{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:var(--om-text-secondary);line-height:1.6}.om-usage-guide .om-guide-item svg{width:20px;height:20px;flex-shrink:0;color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));margin-top:2px}.om-upgrade-badge{display:inline-flex;margin-inline-start:8px;padding:2px 8px;font-size:14px;font-weight:500;background:oklch(.9 var(--om-theme-chroma) var(--om-theme-hue) / .25);color:oklch(.5 var(--om-theme-chroma) var(--om-theme-hue));border-radius:6px;border:1px solid oklch(.5 var(--om-theme-chroma) var(--om-theme-hue) / .1)}.om-community-links{text-align:center;padding-top:8px}.om-community-links p{font-size:16px;color:var(--om-text-tertiary);margin-bottom:8px}.om-link{color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));text-decoration:underline;font-weight:500;transition:background var(--om-dur-base) ease}.om-link:hover{background:var(--om-hover-bg)}.om-preview-container{position:relative;width:100%;min-height:220px;border-radius:16px;overflow:hidden;background:#000;margin-bottom:12px;display:flex;align-items:center;justify-content:center;padding:24px;box-shadow:inset 0 0 24px #0f172acc}.om-preview-subtitle{text-align:center;padding:12px 20px;border-radius:10px;max-width:90%;cursor:pointer;transition:all var(--om-dur-base) ease;user-select:none}.om-preview-subtitle:hover{transform:scale(1.05)}.om-preview-zh{margin-bottom:4px}.om-danmaku-mute-btn{position:absolute;top:12px;inset-inline-end:12px;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;z-index:10;transition:all var(--om-dur-base) ease}.om-danmaku-mute-btn:hover{background:var(--om-hover-bg)}.om-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:12px}.om-preset-section-title{font-size:18px;font-weight:600;color:#000;margin-bottom:12px}.options-modal-root.dark .om-preset-section-title{color:#fff}.om-preset-card{position:relative;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;padding:1.5px;background-color:#fff;background-image:linear-gradient(45deg,oklch(.9551 0 0) 25%,transparent 25%),linear-gradient(-45deg,oklch(.9551 0 0) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,oklch(.9551 0 0) 75%),linear-gradient(-45deg,transparent 75%,oklch(.9551 0 0) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-origin:content-box;background-clip:content-box}.om-preset-card:after{content:"";position:absolute;inset:0;border-radius:8px;border:2px solid transparent;pointer-events:none;z-index:10;transition:border-color var(--om-dur-base) ease}.om-preset-card.active:after{border-color:var(--om-active-border)}.om-preset-card.modified:after{border-color:var(--om-color-warning);border-style:dashed}.options-modal-root.dark .om-preset-card:not(.om-lucky-dice){background-color:#262626;background-image:linear-gradient(45deg,oklch(.3211 0 0) 25%,transparent 25%),linear-gradient(-45deg,oklch(.3211 0 0) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,oklch(.3211 0 0) 75%),linear-gradient(-45deg,transparent 75%,oklch(.3211 0 0) 75%)}.om-preset-card-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:8px}.om-preset-name{font-size:16px;font-weight:600;display:flex;align-items:center;gap:2px}.om-preset-name-en{font-size:14px;margin-top:2px}.om-preset-modified-mark{color:var(--om-color-warning)}.om-preset-lock-overlay{position:absolute;inset:0;background:#80808066}.om-preset-lock-icon{position:absolute;top:4px;inset-inline-end:4px;width:16px;height:16px;color:#666}.om-preset-delete-btn{position:absolute;top:4px;inset-inline-end:4px;width:20px;height:20px;border-radius:50%;background:#fffc;border:none;color:#666;font-size:16px;cursor:pointer;opacity:0;transition:opacity var(--om-dur-base) ease,background var(--om-dur-base) ease,color var(--om-dur-base) ease;display:flex;align-items:center;justify-content:center}.om-preset-card:before{content:"";position:absolute;inset:0;background:var(--om-hover-bg);opacity:0;transition:opacity var(--om-dur-base) ease;pointer-events:none;z-index:5}.om-preset-card:hover:before{opacity:1}.om-preset-card:hover .om-preset-delete-btn{opacity:1}.om-preset-delete-btn.confirming{background:#e62b34;color:#fff;opacity:1}.om-preset-delete-btn:hover{background:#fff;color:#333}.om-preset-placeholder{border-style:dashed;opacity:.5}.om-preset-placeholder-text{font-size:16px;font-weight:600;color:#9ca3af}.om-preset-placeholder-subtext{font-size:14px;color:#9ca3af}.om-lucky-dice{background:linear-gradient(to right,oklch(.8 .15 0),oklch(.8 .15 60),#b2cb52,oklch(.8 .15 180),oklch(.8 .15 240),oklch(.8 .15 300),oklch(.8 .15 360))}.om-lucky-dice-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.om-lucky-dice-icon{width:24px;height:24px;color:#fff;transition:transform .5s ease}.om-lucky-dice:hover .om-lucky-dice-icon{transform:scale(1.1)}.om-lucky-dice.generating .om-lucky-dice-icon{animation:om-spin 1s linear infinite}.om-lucky-dice-text{font-size:14px;font-weight:500;color:#fff}@keyframes om-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.om-preset-action-btn{height:60px;border-radius:8px;border:2px dashed;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--om-dur-base) ease;font-weight:600;font-size:16px;width:100%}.om-preset-action-btn-inner{width:100%;padding:12px 8px;text-align:center}.om-preset-action-btn-text{font-size:16px;font-weight:600}.om-preset-action-btn.save{border-color:var(--om-color-warning);background:color-mix(in oklab,var(--om-color-warning) 10%,transparent);color:var(--om-color-warning-fg)}.om-preset-action-btn.save:hover{background:color-mix(in oklab,var(--om-color-warning) 20%,transparent)}.om-preset-action-btn.update{border-style:solid;border-color:oklch(.7 var(--om-theme-chroma) var(--om-theme-hue));background:oklch(.9 var(--om-theme-chroma) var(--om-theme-hue));color:oklch(.5 var(--om-theme-chroma) var(--om-theme-hue))}.om-preset-action-btn.update:hover{background:oklch(.85 var(--om-theme-chroma) var(--om-theme-hue))}.om-preset-action-btn.saved{border-style:solid;border-color:#d1d5db;background:#f9fafb;color:#9ca3af;cursor:not-allowed}.options-modal-root.dark .om-preset-action-btn.save{background:color-mix(in oklab,var(--om-color-warning) 20%,transparent);color:var(--om-color-warning-fg)}.options-modal-root.dark .om-preset-action-btn.saved{border-color:var(--om-border-color);background:var(--om-bg-tertiary);color:var(--om-text-tertiary)}.om-font-selector{display:flex;flex-direction:column;gap:12px;margin-top:16px}.om-font-option{width:100%;text-align:start;padding:12px 16px;border-radius:12px;border:1px solid var(--om-border-color);background:var(--om-bg-secondary);cursor:pointer;outline:2px solid transparent;outline-offset:-1px;transition:background var(--om-dur-base) ease,outline-color var(--om-dur-base) ease}.om-font-option:hover{background:var(--om-hover-bg)}.om-font-option.selected{outline-color:var(--om-active-border)}.om-font-option-header{display:flex;align-items:center;justify-content:space-between}.om-font-option-name{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-font-option-check{width:20px;height:20px;color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));opacity:0;transition:opacity var(--om-dur-base) ease;flex-shrink:0}.om-font-option.selected .om-font-option-check,.om-font-option-full.selected .om-font-option-check{opacity:1}.om-font-option-preview{font-size:16px;color:var(--om-text-secondary);margin-top:4px}.om-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media(max-width:800px){.om-two-columns{grid-template-columns:1fr;gap:24px}}.om-column{display:flex;flex-direction:column;gap:32px}.om-toast{position:absolute;left:calc(50% + 110px);bottom:32px;transform:translate(-50%);z-index:100;padding:12px 20px;border-radius:12px;background:#ffffffeb;color:#222;font-size:16px;font-weight:500;box-shadow:0 8px 24px #0f172a2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid oklch(.2077 .0398 265.75 / .06);pointer-events:none;opacity:0;transition:opacity var(--om-dur-slow) ease,transform var(--om-dur-slow) ease}.options-modal-root.dark .om-toast{background:#171717e6;color:#fff;box-shadow:0 8px 24px #0000004d;border-color:#ffffff14}.om-toast.visible{opacity:1}.om-banner{padding:24px;border-radius:24px;margin-bottom:24px}.om-banner.info{background:#eefffa;border:1px solid oklch(.6959 .1491 162.48 / .4)}.om-banner.warning{background:#fff6e5;border:1px solid color-mix(in oklab,var(--om-color-warning) 40%,transparent)}.om-banner-content{display:flex;gap:12px}.om-banner-icon{flex-shrink:0;width:20px;height:20px}.om-banner.info .om-banner-icon{color:#10b981}.om-banner.warning .om-banner-icon{color:var(--om-color-warning)}.om-banner-text{flex:1}.om-banner-title{font-size:18px;font-weight:600;margin-bottom:8px}.om-banner.info .om-banner-title{color:#065f46}.om-banner.warning .om-banner-title{color:#92400e}.options-modal-root.dark .om-banner.info .om-banner-title{color:#6ee7b7}.options-modal-root.dark .om-banner.warning .om-banner-title{color:#fcd34d}.om-banner-desc{font-size:16px;margin-bottom:16px}.om-banner.info .om-banner-desc{color:#047857}.om-banner.warning .om-banner-desc{color:var(--om-color-warning-fg)}.options-modal-root.dark .om-banner.info .om-banner-desc{color:#a7f3d0}.options-modal-root.dark .om-banner.warning .om-banner-desc{color:#fde68a}.om-banner-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;color:#fff;text-decoration:none;transition:all var(--om-dur-base) ease}.om-banner.info .om-banner-btn{background:#10b981}.om-banner.info .om-banner-btn:hover{background:#059669}.om-banner.warning .om-banner-btn{background:var(--om-color-warning)}.om-banner.warning .om-banner-btn:hover{background:#d97706}.om-banner-btn svg{width:16px;height:16px}.om-dropdown{position:relative}.om-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--om-bg-primary);border:1px solid var(--om-border-color);border-radius:12px;cursor:pointer;transition:all var(--om-dur-base) ease}.om-dropdown-trigger:hover{background:var(--om-hover-bg)}.om-dropdown-trigger:focus{outline:none;border-color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));box-shadow:0 0 0 2px oklch(.6 var(--om-theme-chroma) var(--om-theme-hue) / .2)}.om-dropdown-value{font-size:16px;font-weight:500;color:var(--om-text-primary)}.om-dropdown-icon{width:20px;height:20px;color:var(--om-text-tertiary)}.om-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--om-bg-primary);border:1px solid var(--om-border-color);border-radius:12px;box-shadow:0 12px 32px #00000026;z-index:100;max-height:240px;overflow-y:auto}.om-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;outline:2px solid transparent;outline-offset:-1px;transition:all var(--om-dur-base) ease,outline-color var(--om-dur-base) ease}.om-dropdown-item:hover{background:var(--om-hover-bg)}.om-dropdown-item-check{width:20px;height:20px;color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue))}.om-dropdown-section-title{padding:8px 16px;font-size:14px;font-weight:600;color:var(--om-text-tertiary);background:var(--om-bg-tertiary)}.om-dropdown-item.disabled{color:var(--om-text-tertiary);cursor:not-allowed}.om-guide-list{background:var(--om-bg-tertiary);border-radius:16px;padding:24px;border:1px solid var(--om-border-light)}.om-guide-title{font-size:18px;font-weight:600;color:var(--om-text-primary);margin-bottom:16px}.om-guide-items{display:flex;flex-direction:column;gap:12px}.om-guide-item{display:flex;gap:12px;font-size:16px;color:var(--om-text-secondary)}.om-guide-item svg{flex-shrink:0;width:20px;height:20px;color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue))}.om-guide-badge{display:inline-flex;align-items:center;margin-inline-start:8px;padding:2px 8px;font-size:14px;font-weight:500;background:oklch(.9 var(--om-theme-chroma) var(--om-theme-hue) / .25);color:oklch(.5 var(--om-theme-chroma) var(--om-theme-hue));border-radius:6px}.om-links{text-align:center;padding-top:24px}.om-links p{font-size:16px;color:var(--om-text-secondary);margin-bottom:8px}.om-links a{color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));text-decoration:underline;transition:background var(--om-dur-base) ease}.om-links a:hover{background:var(--om-hover-bg)}.om-locked-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;background:color-mix(in oklab,var(--om-color-warning) 10%,transparent);color:var(--om-color-warning-fg);border-radius:8px;border:1px solid color-mix(in oklab,var(--om-color-warning) 20%,transparent);text-decoration:none;transition:all var(--om-dur-base) ease}.om-locked-badge:hover{background:color-mix(in oklab,var(--om-color-warning) 20%,transparent)}.options-modal-root.dark .om-locked-badge{background:color-mix(in oklab,var(--om-color-warning) 20%,transparent);color:var(--om-color-warning-fg)}.om-locked-badge svg{width:14px;height:14px}@media(max-width:900px){.options-modal-container{flex-direction:column}.options-modal-sidebar{width:100%;flex-direction:row;border-right:none;padding:16px;justify-content:flex-start}.options-modal-sidebar-header{display:none}.options-modal-tabs{flex-direction:row;gap:8px;width:100%;justify-content:space-around}.options-modal-tab{flex-direction:column;padding:8px 12px;gap:4px;font-size:14px}.options-modal-tab span{display:none}.om-toast{left:50%}}@keyframes om-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.om-animate-in{animation:om-fade-in .3s ease-out forwards}.om-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;position:relative}.om-settings-grid-divider{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--om-border-color);transform:translate(-50%)}.om-settings-column{display:flex;flex-direction:column;gap:32px}.om-settings-column-divider{height:1px;background:var(--om-border-color);margin:8px 0}.om-settings-full-width{grid-column:1 / -1;margin-top:16px;padding-top:24px}@media(max-width:800px){.om-settings-grid{grid-template-columns:1fr;gap:24px}.om-settings-grid-divider{display:none}.om-settings-full-width{grid-column:1}}.om-setting-slider{display:flex;flex-direction:column;gap:12px}.om-setting-slider.disabled{opacity:.5;pointer-events:none}.om-setting-slider-header{display:flex;align-items:center;justify-content:space-between}.om-setting-slider-label{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-setting-slider-value{font-size:13px;font-weight:600;color:var(--om-text-secondary);background:var(--om-bg-tertiary);padding:4px 8px;border-radius:8px;border:1px solid var(--om-border-color)}.om-slider-track{background:#e5e7eb}.om-blur-slider-wrapper{position:relative;height:16px}.om-blur-slider-track{position:absolute;inset:0;height:100%;border-radius:4px;overflow:hidden;pointer-events:none;background-image:linear-gradient(45deg,oklch(.9288 .0126 255.51 / .9) 25%,transparent 25%,transparent 75%,oklch(.9288 .0126 255.51 / .9) 75%,oklch(.9288 .0126 255.51 / .9)),linear-gradient(45deg,oklch(.9288 .0126 255.51 / .9) 25%,transparent 25%,transparent 75%,oklch(.9288 .0126 255.51 / .9) 75%,oklch(.9288 .0126 255.51 / .9));background-size:8px 8px;background-position:0 0,4px 4px}.om-blur-slider-track:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,oklch(1 0 0 / .95) 100%)}.om-blur-slider{background:transparent;position:relative;z-index:1}.om-color-picker-full{display:flex;flex-direction:column;gap:12px}.om-color-picker-full.disabled{opacity:.5;pointer-events:none}.om-color-picker-full-header{display:flex;align-items:center;justify-content:space-between}.om-color-picker-full-label{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-color-picker-preview{width:48px;height:24px;border-radius:4px;box-shadow:0 1px 2px #0000001a;border:1px solid var(--om-border-color)}.om-color-picker-slider-group{display:flex;flex-direction:column;gap:6px}.om-color-picker-slider-label{font-size:14px;font-weight:500;color:var(--om-text-tertiary)}.om-toggle-row{display:flex;align-items:center;gap:16px}.om-toggle-item{flex:1}.om-toggle-item .om-toggle{padding:0}.om-toggle-divider{width:1px;height:24px;background:var(--om-border-color);flex-shrink:0}.om-font-selector-full{display:flex;flex-direction:column;gap:16px}.om-font-selector-full.disabled{opacity:.5;pointer-events:none}.om-font-selector-label{font-size:18px;font-weight:500;color:var(--om-text-primary)}.om-font-options{display:flex;flex-direction:column;gap:12px}.om-font-option-full{width:100%;text-align:start;padding:12px 16px;border-radius:12px;border:1px solid var(--om-border-color);background:var(--om-bg-secondary);cursor:pointer;outline:2px solid transparent;outline-offset:-1px;transition:background var(--om-dur-base) ease,outline-color var(--om-dur-base) ease}.om-font-option-full:hover{background:var(--om-hover-bg)}.om-font-option-full.selected{outline-color:var(--om-active-border)}.om-font-option-full .om-font-option-header{display:flex;align-items:center;justify-content:space-between}.om-font-option-full .om-font-option-name{font-size:16px;font-weight:500;color:var(--om-text-primary)}.om-font-option-full .om-font-option-check{width:18px;height:18px;color:oklch(.6 var(--om-theme-chroma) var(--om-theme-hue))}.om-font-option-full .om-font-option-preview{font-size:14px;color:var(--om-text-secondary);margin-top:6px;line-height:1.4}.om-anim-settings{display:flex;flex-direction:column;gap:16px}.om-anim-settings>div{display:flex;flex-direction:column;gap:12px}.om-anim-options{display:flex;flex-wrap:wrap;gap:8px}.om-anim-option{text-align:center;padding:8px 12px;border-radius:8px;border:1px solid var(--om-border-color);background:var(--om-bg-secondary);cursor:pointer;outline:2px solid transparent;outline-offset:-1px;transition:background var(--om-dur-base) ease,outline-color var(--om-dur-base) ease;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:500;color:var(--om-text-secondary);white-space:nowrap}.om-anim-option:hover{background:var(--om-hover-bg)}.om-anim-option.selected{outline-color:var(--om-active-border)}.options-modal-root .om-anim-chip-group{display:flex;flex-wrap:wrap;gap:8px}.options-modal-root .om-segment-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:13px;font-weight:500;line-height:1;border-radius:8px;background:var(--om-bg-secondary);color:var(--om-text-secondary);border:1px solid var(--om-border-color);cursor:pointer;font-family:inherit;outline:2px solid transparent;outline-offset:-1px;white-space:nowrap;transition:background var(--om-dur-base) ease,outline-color var(--om-dur-base) ease}.options-modal-root .om-segment-btn:hover{background:var(--om-hover-bg)}.options-modal-root .om-segment-btn.active{outline-color:var(--om-active-border);color:var(--om-text-primary)}.om-anim-option-name{font-size:14px;font-weight:500;color:var(--om-text-primary)}.om-preset-section{margin-bottom:24px}.om-preset-section:last-of-type{margin-bottom:0}.om-preset-action-group{display:flex;flex-direction:row;gap:8px;height:60px}.om-preset-action-group .om-preset-action-btn{flex:1;height:60px}.om-preset-action-btn.save-secondary{border-style:dashed;border-color:var(--om-border-color);background:transparent;color:var(--om-text-tertiary)}.om-preset-action-btn.save-secondary:hover{background:var(--om-hover-bg)}.options-modal-root.reduce-motion,.options-modal-root.reduce-motion *{transition:none!important;animation:none!important}.options-modal-root.reduce-motion .options-modal-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;transform:scale(1)!important;filter:none!important}.options-modal-overlay.reduce-motion{transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;background-color:#0f172a66!important}.theme-preset-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:4px 2px 12px}.theme-preset-card{height:80px;padding:8px;border:2px solid transparent;outline:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:background var(--om-dur-base) ease,transform var(--om-dur-base) ease,border-color var(--om-dur-base) ease,box-shadow var(--om-dur-base) ease;font-family:inherit}.theme-preset-card:hover{background:var(--om-hover-bg)}.theme-preset-card.active{border-color:oklch(.55 calc(var(--om-theme-chroma, .2) * 1.2) var(--om-theme-hue, 267))}.theme-preset-swatches{display:flex;gap:6px;align-items:center}.theme-preset-swatches>span{display:block;width:28px;height:28px}.theme-preset-default-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.6}.theme-preset-name{font-size:13px;font-weight:500;line-height:1.2}.theme-cursor-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.theme-cursor-btn{display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:6px;border:1px solid var(--om-border-color);border-radius:12px;background:var(--om-bg-tertiary);font-family:inherit;font-size:13px;color:var(--om-text-secondary);cursor:pointer;outline:2px solid transparent;outline-offset:-1px;overflow:hidden;transition:all var(--om-dur-base) ease,outline-color var(--om-dur-base) ease}.theme-cursor-btn:hover{background:var(--om-hover-bg)}.theme-cursor-btn.active{outline-color:oklch(.55 calc(var(--om-theme-chroma, .2) * 1.2) var(--om-theme-hue, 267));color:var(--om-text-primary)}.theme-cursor-preview{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.theme-cursor-preview svg{width:24px;height:24px}.theme-cursor-default-icon{opacity:.5}.theme-cursor-default-text{font-size:11px;font-weight:500;color:var(--om-text-primary);text-align:center;line-height:1.3}.theme-cursor-preview-img{display:block;margin:auto}.theme-cursor-name{font-weight:500;white-space:nowrap}.theme-cursor-preview-img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.theme-wheel-container{display:flex;justify-content:center;padding:8px 0}.theme-wheel-row{display:flex;align-items:flex-start;gap:16px;padding:8px 0}.theme-wheel-controls{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:4px}.theme-color-wheel{position:relative;user-select:none;touch-action:none}.options-modal-root.square-corners,.options-modal-root.square-corners *{border-radius:0/0px!important}.options-modal-root.square-corners .om-toggle button,.options-modal-root.square-corners .om-toggle button span{border-radius:0!important}.theme-wheel-handle{transform-box:fill-box;transform-origin:center;transform:scale(1);transition:transform var(--om-dur-base) cubic-bezier(.34,1.56,.64,1),opacity .1s ease}.theme-color-ramp-label{transition:opacity .1s ease}.theme-wheel-handle:hover{transform:scale(1.1)}.theme-wheel-guide{transition:opacity .1s ease-out}.theme-color-wheel-wrap{position:relative;width:100%;margin-top:12px}.theme-presets-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.theme-preset-mini{position:relative;display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:7px;border:2px solid transparent;cursor:pointer;transition:transform var(--om-dur-base) ease,border-color var(--om-dur-base) ease;font-family:inherit;outline:none}.theme-preset-mini.active{border-color:oklch(.7 var(--om-theme-chroma, .2) var(--om-theme-hue, 50))}.tpm-canvas{width:100%;aspect-ratio:16 / 10;border-radius:3px;overflow:hidden}.tpm-row{width:100%;height:100%;display:flex;gap:4px}.tpm-player{flex:0 0 64%;position:relative;border-radius:2px;overflow:hidden}.tpm-progress{position:absolute;left:0;right:0;bottom:0;height:10%}.tpm-sidebar{flex:1;border-radius:2px}.tpm-name{position:absolute;top:8px;inset-inline-start:6px;font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1;pointer-events:none;will-change:transform}.tpm-egg-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:4px 8px;background:#000000c7;color:#fff;font-size:11px;line-height:1.2;white-space:nowrap;border-radius:6px;pointer-events:none;z-index:10;opacity:0;animation:tpm-egg-fade-in var(--om-dur-slow) ease forwards}@keyframes tpm-egg-fade-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.tpm-delete{position:absolute;top:2px;inset-inline-end:2px;width:18px;height:18px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--om-dur-base) ease,transform var(--om-dur-base) ease,background var(--om-dur-base) ease;z-index:5;padding:0}.theme-preset-mini:hover .tpm-delete{opacity:1}.tpm-delete:hover{transform:scale(1.05);background:#cc272e}.tpm-delete.confirming{opacity:1;background:#e62b34;color:#fff}.theme-custom-presets-section{margin-top:0}.theme-custom-presets-title{font-size:18px;font-weight:600;color:#000;margin:16px 0 12px}.options-modal-root.dark .theme-custom-presets-title{color:#fff}.theme-custom-tile{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;aspect-ratio:16 / 10;padding:6px;border-radius:9px;border:2px dashed var(--om-border-color);background:transparent;cursor:pointer;font-family:inherit;outline:none;transition:border-color var(--om-dur-base) ease,background var(--om-dur-base) ease,transform var(--om-dur-base) ease;color:var(--om-text-secondary)}.theme-custom-tile-save,.theme-custom-tile-update{border-color:oklch(.7 var(--om-theme-chroma, .2) var(--om-theme-hue, 50));background:oklch(.7 var(--om-theme-chroma, .2) var(--om-theme-hue, 50) / .08);color:oklch(.55 var(--om-theme-chroma, .2) var(--om-theme-hue, 50));border-style:solid}.theme-custom-tile-save-secondary{border-style:solid;border-color:oklch(.7 var(--om-theme-chroma, .2) var(--om-theme-hue, 50) / .5);color:var(--om-text-secondary)}.theme-custom-tile-saved{border-style:solid;border-color:var(--om-border-color);background:#6363630d;color:var(--om-text-secondary);cursor:default;opacity:.7}.theme-custom-tile:hover:not(:disabled){background:var(--om-hover-bg)}.theme-custom-tile-save:hover,.theme-custom-tile-update:hover{background:oklch(.7 var(--om-theme-chroma, .2) var(--om-theme-hue, 50) / .16)}.theme-custom-tile-save-secondary:hover,.theme-custom-tile-generate:hover{background:var(--om-hover-bg)}.theme-custom-tile-text{font-size:15px;font-weight:600;line-height:1.25;padding:0 6px}.theme-color-wheel-bar{width:100%;display:flex;overflow:hidden;position:relative;background:transparent}.theme-color-wheel-inset{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 10px #0003;pointer-events:none}.theme-color-wheel-svg{position:absolute;top:0;left:0;overflow:visible}.theme-color-ramps{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 20px;min-width:0}.theme-color-ramp{flex:1;display:flex;border-radius:8px;overflow:hidden;min-height:40px;outline:2px dashed transparent;outline-offset:-1px;transition:outline-color .1s ease}.theme-color-ramp.is-toggle{cursor:pointer}.theme-color-ramp.inactive{outline-color:#00000040}.theme-color-ramp.inactive .theme-color-ramp-shade{background-color:transparent!important}.theme-color-ramp.is-toggle.inactive:not(.disabled):hover .theme-color-ramp-shade{background-color:var(--shade-color)!important}.theme-color-ramp.is-toggle.disabled{cursor:default;pointer-events:none}.theme-color-ramp-shade{flex:1;display:flex;align-items:center;padding:0 12px;font-size:16px;font-weight:700;transition:background-color var(--om-dur-base) ease}.theme-color-ramp-label{letter-spacing:.02em;transition:color .1s ease}.options-modal-root.dark .theme-color-ramp.is-secondary.inactive .theme-color-ramp-label{color:#fff}.theme-color-previews{display:none}.theme-color-preview-swatch{width:70px;flex:1;border-radius:12px;border:none;padding:0;cursor:default}.theme-color-preview-toggle{cursor:pointer;border:2px dashed oklch(0 0 0 / .2);transition:background var(--om-dur-base) ease,border-color var(--om-dur-base) ease,transform var(--om-dur-base) ease}.theme-color-preview-toggle.active{border:none}.theme-color-preview-toggle:hover,.theme-color-preview-toggle.inactive:hover{background:var(--om-hover-bg)}.theme-color-wheel-gradient{transition:opacity var(--om-dur-base) ease;opacity:1}.theme-color-wheel-gradient.is-disabled{opacity:.35}.yts-set-backdrop{position:fixed;inset:0;z-index:60;background:#0000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),background-color .7s cubic-bezier(.16,1,.3,1)}.yts-set-backdrop.visible{opacity:1;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.yts-set-modal{--om-theme-hue: var(--theme-hue, 267);--om-theme-chroma: var(--theme-chroma, .2);--om-font-family: var(--app-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);--om-bg-primary: oklch(1 0 0);--om-bg-secondary: oklch(.9846 .0017 247.84);--om-bg-tertiary: oklch(.967 .0029 264.54);--om-hover-bg: oklch(0 0 0 / .05);--om-text-primary: oklch(.2101 .0318 264.66);--om-text-secondary: oklch(.4461 .0263 256.8);--om-text-tertiary: oklch(.551 .0234 264.36);--om-border-color: oklch(.9276 .0058 264.53);--om-border-light: oklch(0 0 0 / .05);--om-shadow-sm: 0 1px 2px oklch(0 0 0 / .05);--om-shadow-md: 0 4px 6px -1px oklch(0 0 0 / .1);--om-color-warning: oklch(.7686 .1647 70.08);--om-color-warning-fg: oklch(.5553 .1455 49);--om-dur-fast: .12s;--om-dur-base: .12s;--om-dur-slow: .3s;--om-active-bg: oklch(.9 var(--om-theme-chroma) var(--om-theme-hue) / .25);--om-active-border: oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));--om-active-color: oklch(.6 var(--om-theme-chroma) var(--om-theme-hue));--om-accent: var(--om-active-color);font-family:var(--om-font-family);font-size:16px;line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:flex;background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--om-text-primary);border-radius:20px;width:min(1200px,calc(100vw - 48px));height:min(800px,calc(100vh - 48px));overflow:hidden;box-shadow:0 40px 100px #0f172a66;transform:scale(.96);opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.yts-set-backdrop.visible .yts-set-modal{transform:scale(1);opacity:1}html.dark .yts-set-modal{--om-bg-primary: oklch(.2046 0 0);--om-bg-secondary: oklch(.2686 0 0);--om-bg-tertiary: oklch(.3715 0 0);--om-hover-bg: oklch(1 0 0 / .06);--om-text-primary: oklch(1 0 0);--om-text-secondary: oklch(.7155 0 0);--om-text-tertiary: oklch(.5555 0 0);--om-border-color: oklch(.3715 0 0);--om-border-light: oklch(1 0 0 / .1);--om-color-warning-fg: oklch(.8369 .1644 84.43);--om-active-bg: oklch(.6 var(--om-theme-chroma) var(--om-theme-hue) / .25);background:#1717174d}.yts-set-content{flex:1;overflow-y:auto;overscroll-behavior:contain;position:relative;scrollbar-width:none}.yts-set-content::-webkit-scrollbar{display:none}.yts-set-note{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--om-text-secondary);padding:11px 14px;border-radius:10px;background:#fff6e5;border:1px solid oklch(.7686 .1647 70.08 / .4)}html.dark .yts-set-note{background:#f59e0b26;border-color:#f59e0b59;color:var(--om-text-primary)}.yts-set-plan{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--om-bg-tertiary);color:var(--om-text-secondary)}.yts-set-billing-btn{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:1px solid var(--om-border-color);border-radius:10px;background:var(--om-bg-primary);color:var(--om-text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.yts-set-billing-btn:hover:not(:disabled){background:var(--om-bg-hover)}.yts-set-billing-btn:disabled{opacity:.6;cursor:default}.yts-set-content .options-modal-page[data-page-id=account]{min-height:100%}.yts-set-seg{display:inline-flex;background:var(--om-bg-tertiary);border-radius:10px;padding:3px;gap:2px}.yts-set-seg-btn{padding:7px 14px;border:none;border-radius:8px;background:none;color:var(--om-text-secondary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.yts-set-seg-btn:hover{color:var(--om-text-primary)}.yts-set-seg-btn.active{background:var(--om-bg-primary);color:var(--om-text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.yts-set-mobile-reset{display:none}.yts-set-content .options-modal-page[data-page-id=theme]{min-height:100%}.yts-set-content .options-modal-page[data-page-id=theme] .options-modal-content{padding-bottom:32px}@media(max-width:900px){.yts-set-modal{flex-direction:column}.yts-set-modal .options-modal-sidebar{height:60px;align-items:center;padding-block:0;padding-inline-start:56px;gap:8px}.yts-set-modal .options-modal-sidebar-footer{display:none}.yts-set-modal .yts-set-mobile-reset{display:flex;justify-content:center;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--om-border-color)}.yts-set-modal .yts-set-mobile-reset .om-factory-reset-btn{width:auto;padding:9px 18px;border:1px solid var(--om-border-color);border-radius:999px;background:var(--om-bg-primary);color:var(--om-text-primary);white-space:nowrap}.yts-set-modal .yts-set-mobile-reset .om-factory-reset-btn.confirming{border-color:#c5363773;background:oklch(.97 .03 25);color:#c53637}html.dark .yts-set-modal .yts-set-mobile-reset .om-factory-reset-btn.confirming{border-color:#ff847d80;background:#321a18;color:#ff847d}}@media(max-width:560px){.yts-set-backdrop{padding:0}.yts-set-modal{width:100vw;height:100vh;height:100dvh;max-width:none;border-radius:0}.yts-set-modal .yts-set-content{overflow-x:hidden}.yts-set-modal .options-modal-content{padding:20px 16px}.yts-set-modal .om-section{padding:20px 18px;border-radius:18px}.yts-set-modal .om-field-row{flex-wrap:wrap;gap:12px}.yts-set-modal .om-field-row-control{width:100%}.yts-set-modal .om-field-row-control .om-dropdown-button{width:100%;min-width:0}.yts-set-modal .yts-set-seg{width:100%}.yts-set-modal .yts-set-seg-btn{flex:1}}
