@media (min-width: 901px) {body.skin-editor-hide-sidebars #sidebar_l, body.skin-editor-hide-sidebars .right-sidebar {display: none !important;}body.skin-editor-hide-sidebars main {grid-template-columns: 1fr !important;display: block !important;}body.skin-editor-hide-sidebars #content {width: 100% !important;max-width: 100% !important;margin: 0 !important;grid-column: 1 / -1 !important;flex: 1 1 100% !important;}body.skin-editor-hide-sidebars .skin-editor-page__intro {display: none !important;}}.skin-editor-page {background: var(--bg-secondary);margin-bottom: 16px;overflow: hidden;--skin-editor-panel-bg: rgba(255, 255, 255, 0.86);--skin-editor-text: var(--text-primary, #202124);--skin-editor-muted: var(--text-secondary, #595959);--skin-editor-control-bg: rgba(0, 0, 0, 0.06);--skin-editor-control-hover: rgba(0, 0, 0, 0.10);--skin-editor-control-border: rgba(0, 0, 0, 0.10);--skin-editor-select-bg: #ffffff;--skin-editor-select-scheme: light;}html[data-theme="dark-mode"] .skin-editor-page {--skin-editor-panel-bg: rgba(33, 33, 36, 0.78);--skin-editor-text: #E8EAED;--skin-editor-muted: #969c9d;--skin-editor-control-bg: rgba(255, 255, 255, 0.08);--skin-editor-control-hover: rgba(255, 255, 255, 0.15);--skin-editor-control-border: rgba(255, 255, 255, 0.12);--skin-editor-select-bg: #2b2b2e;--skin-editor-select-scheme: dark;}.skin-editor-page__title {margin: 0 0 10px;padding: 14px 16px 4px;font-size: 22px;color: var(--text-primary);}.skin-editor-page__intro {padding: 0 16px 10px;color: var(--text-primary);margin-top: 20px;}.skin-editor-page__intro:empty {display: none;}.skin-editor-page__share {padding: 0 16px 16px;}.skin-editor-page__intro p {margin: 0 0 12px;line-height: 1.6;}.skin-editor-page__intro h2 {font-size: 20px;font-weight: 600;margin: 20px 0 10px;line-height: 1.3;}.skin-editor-page__intro h3 {font-size: 17px;font-weight: 600;margin: 16px 0 8px;line-height: 1.3;}.skin-editor-page__intro ul, .skin-editor-page__intro ol {margin: 0 0 12px;padding-left: 24px;line-height: 1.6;}.skin-editor-page__intro ul, .skin-editor-page__intro ol {padding-left: 22px;}.skin-editor-page__intro ul > li {list-style: disc outside !important;margin: 4px 0;padding: 0;position: static;}.skin-editor-page__intro ol > li {list-style: decimal outside !important;margin: 4px 0;padding: 0;position: static;}.skin-editor-page__intro li::before {content: none !important;display: none !important;}.skin-editor-page__intro ul > li::marker {color: var(--text-primary);font-size: 1.2em;}.skin-editor-page__intro ol > li::marker {color: var(--text-primary);font-weight: 600;}.skin-editor-page__intro a {color: var(--blue);}.skin-editor-page__intro a:hover {text-decoration: underline;}.skin-editor-page__intro strong {font-weight: 600;}.skin-editor {position: relative;width: 100%;height: min(78vh, 720px);background-color: #1f2124;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 0;overflow: hidden;touch-action: none;user-select: none;-webkit-user-select: none;color: #E8EAED;}.skin-editor:fullscreen {height: 100vh;}.skin-editor__canvas {position: absolute;inset: 0;width: 100% !important;height: 100% !important;display: block;touch-action: none;}.skin-editor__overlay {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;z-index: 2;}.skin-editor__canvas-lock {display: none;}.skin-editor__canvas-lock-icon-locked {display: none;}.skin-editor.is-canvas-locked .skin-editor__canvas-lock-icon-unlocked {display: none;}.skin-editor.is-canvas-locked .skin-editor__canvas-lock-icon-locked {display: block;}.skin-editor__canvas-blocker {display: none;position: absolute;inset: 0;z-index: 3;background: transparent;touch-action: pan-y;-webkit-touch-callout: none;}.skin-editor.is-canvas-locked .skin-editor__canvas-blocker {display: block;}.skin-editor__panel {position: absolute;top: 52px;bottom: 10px;width: 170px;background: var(--skin-editor-panel-bg, rgba(33, 33, 36, 0.78));color: var(--skin-editor-text, #E8EAED);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 10px;padding: 8px;overflow-y: auto;z-index: 5;display: flex;flex-direction: column;gap: 6px;transition: transform .25s ease, opacity .2s ease;font-size: 12px;}.skin-editor__panel::-webkit-scrollbar {width: 6px;}.skin-editor__panel::-webkit-scrollbar-thumb {background: rgba(255,255,255,.2);border-radius: 3px;}.skin-editor__panel--left {left: 10px;}.skin-editor__panel--right {right: 10px;width: 84px;padding: 6px;gap: 4px;}.skin-editor__panel.is-collapsed {transform: translateX(calc(-100% - 20px));opacity: 0;pointer-events: none;}.skin-editor__panel--right.is-collapsed {transform: translateX(calc(100% + 20px));}.skin-editor__btn {display: flex;align-items: center;gap: 8px;padding: 6px 10px;background: var(--skin-editor-control-bg);color: var(--skin-editor-text);border: 0;border-radius: 6px;cursor: pointer;font: inherit;font-size: 13px;line-height: 1.2;text-align: left;box-sizing: border-box;min-height: 32px;height: 32px;transition: background .15s ease;}.skin-editor__btn:hover {background: var(--skin-editor-control-hover);}.skin-editor__btn:disabled, .skin-editor__btn[disabled], .skin-editor__tool:disabled, .skin-editor__tool[disabled] {opacity: 0.45;cursor: not-allowed;pointer-events: none;}.skin-editor__select:disabled, .skin-editor__select[disabled] {opacity: 0.45;cursor: not-allowed;}.skin-editor__layer input:disabled + span, .skin-editor__layer input[disabled] + span {opacity: 0.45;}.skin-editor__layer:has(input:disabled), .skin-editor__layer:has(input[disabled]) {cursor: not-allowed;}.skin-editor__btn--block {width: 100%;}.skin-editor__btn svg {flex-shrink: 0;}.skin-editor__group {display: flex;flex-direction: column;gap: 4px;}.skin-editor__group-title {font-size: 10px;text-transform: uppercase;letter-spacing: .5px;color: var(--skin-editor-muted);margin: 4px 0 0;font-weight: 600;}.skin-editor__layer-preview {display: flex;gap: 8px;justify-content: center;}.skin-editor__layer-col {display: flex;flex-direction: column;align-items: center;gap: 2px;}.skin-editor__layer-toggle {background: var(--skin-editor-control-bg);border: 1px solid var(--skin-editor-control-border);border-radius: 6px;padding: 4px;cursor: pointer;transition: background .15s ease, opacity .15s ease;line-height: 0;}.skin-editor__layer-toggle canvas {image-rendering: pixelated;image-rendering: crisp-edges;width: 32px;height: 64px;display: block;}.skin-editor__layer-toggle:hover {background: var(--skin-editor-control-hover);}.skin-editor__layers {display: flex;flex-direction: column;gap: 2px;}.skin-editor__layer {display: flex;align-items: center;gap: 8px;cursor: pointer;padding: 4px 6px;border-radius: 6px;min-height: 28px;font-size: 13px;}.skin-editor__layer:hover {background: var(--skin-editor-control-bg);}.skin-editor__layer input {accent-color: var(--blue, #1a8df8);}.skin-editor__record-group, .skin-editor__save-group {display: flex;flex-direction: column;gap: 6px;padding: 6px;background: var(--skin-editor-control-bg);border-radius: 8px;}.skin-editor__save-hint {font-size: 11px;line-height: 1.35;color: var(--skin-editor-muted);margin: 0;padding: 0 4px;}.skin-editor__record-head {display: flex;flex-direction: column;align-items: stretch;gap: 4px;min-width: 0;}.skin-editor__record-head .skin-editor__btn {width: 100%;min-width: 0;}.skin-editor__record-head .skin-editor__layer--compact {align-self: flex-start;white-space: nowrap;gap: 4px;}.skin-editor__record-grid {display: grid;grid-template-columns: 1fr;gap: 6px;}.skin-editor__record-grid .skin-editor__record-row {flex-direction: row;align-items: center;justify-content: space-between;}.skin-editor__record-group .skin-editor__btn {background: transparent;}.skin-editor__record-group .skin-editor__btn:hover {background: var(--skin-editor-control-hover);}.skin-editor__layer--compact {min-height: 24px;padding: 2px 4px;font-size: 11px;}.skin-editor__record-row {display: flex;align-items: center;justify-content: space-between;gap: 6px;font-size: 11px;color: var(--skin-editor-muted);padding: 0 4px;}.skin-editor__select--mini {min-height: 24px;height: 24px;padding: 2px 6px;font-size: 11px;width: auto;min-width: 56px;}.skin-editor__layer--inline {min-height: 0;padding: 0;font-size: 11px;color: var(--skin-editor-muted);text-transform: uppercase;letter-spacing: .5px;font-weight: 600;gap: 4px;}.skin-editor__layer--inline:hover {background: transparent;}.skin-editor__group-head {display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: 4px;}.skin-editor__group-head .skin-editor__group-title {margin: 0;}.skin-editor__select {width: 100%;padding: 6px 8px;background: var(--skin-editor-select-bg);color: var(--skin-editor-text);border: 1px solid var(--skin-editor-control-border);border-radius: 6px;font: inherit;font-size: 13px;cursor: pointer;min-height: 32px;color-scheme: var(--skin-editor-select-scheme);}.skin-editor__select:focus {outline: 2px solid var(--blue, #1a8df8);outline-offset: 1px;}.skin-editor__select option {background: var(--skin-editor-select-bg);color: var(--skin-editor-text);}.skin-editor__tools {display: grid;grid-template-columns: repeat(2, 1fr);background: var(--skin-editor-control-bg);border-radius: 6px;overflow: hidden;}.skin-editor__tools--triple {grid-template-columns: repeat(3, 1fr);}.skin-editor__tools + .skin-editor__tools {margin-top: 4px;}.skin-editor__tool {width: 100%;height: 30px;display: flex;align-items: center;justify-content: center;background: transparent;color: var(--skin-editor-text);border: 0;border-radius: 0;cursor: pointer;transition: background .15s ease, transform .1s ease;}.skin-editor__tool svg {width: 16px;height: 16px;}.skin-editor__tool:hover {background: var(--skin-editor-control-hover);}.skin-editor__tool:active {transform: scale(.95);}.skin-editor__tool.is-active {background: var(--blue, #1a8df8);color: #fff;}.skin-editor__palette {display: grid;grid-template-columns: repeat(2, 1fr);background: var(--skin-editor-control-bg);border-radius: 6px;overflow: hidden;margin-top: 4px;}.skin-editor__swatch {aspect-ratio: 1;border: 2px solid transparent;border-radius: 0;cursor: pointer;transition: transform .1s ease, outline-color .15s ease;outline: 2px solid transparent;outline-offset: -4px;padding: 0;}.skin-editor__swatch:hover {outline-color: rgba(255,255,255,.5);}.skin-editor__swatch.is-active {outline-color: #fff;}.skin-editor__color-input--current {width: 100%;height: 30px;margin-top: 4px;border: 1px solid var(--skin-editor-control-border);border-radius: 6px;background: transparent;cursor: pointer;padding: 2px;}.skin-editor__panel-toggle {display: flex;position: absolute;top: 10px;width: 32px;height: 32px;background: var(--skin-editor-panel-bg);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);color: var(--skin-editor-text);border: 0;border-radius: 8px;cursor: pointer;align-items: center;justify-content: center;z-index: 6;transition: background .15s ease;}.skin-editor__panel-toggle:hover {background: var(--skin-editor-control-hover);}.skin-editor__panel-toggle[data-panel-toggle="left"] {left: 10px;}.skin-editor__panel-toggle--right {right: 10px;}.skin-editor__rec-dot {width: 9px;height: 9px;border-radius: 50%;background: #e53935;display: inline-block;flex-shrink: 0;}.skin-editor__rec-dot--active {animation: skin-editor-pulse 1s ease-in-out infinite;}@keyframes skin-editor-pulse {0%, 100% {opacity: 1;}50% {opacity: .3;}}.skin-editor__record-indicator {position: absolute;top: 12px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,.75);color: #fff;padding: 6px 12px;border-radius: 16px;display: flex;align-items: center;gap: 8px;font-size: 13px;font-variant-numeric: tabular-nums;z-index: 10;}.skin-editor__record-indicator[hidden] {display: none;}.skin-editor__countdown {font-size: 22px;font-weight: 700;min-width: 22px;text-align: center;animation: skin-editor-countdown-pop .9s ease-in-out infinite;}@keyframes skin-editor-countdown-pop {0%, 100% {transform: scale(1);}50% {transform: scale(1.25);}}.skin-editor__toast {position: absolute;top: 12px;left: 50%;transform: translateX(-50%) translateY(-4px);background: rgba(0,0,0,.75);color: #fff;padding: 6px 14px;border-radius: 16px;font-size: 13px;z-index: 10;pointer-events: none;opacity: 0;transition: opacity .15s ease, transform .15s ease;white-space: nowrap;}.skin-editor__toast.is-visible {opacity: 1;transform: translateX(-50%) translateY(0);}.skin-editor__toast[hidden] {display: none;}.skin-editor__view-banner {position: absolute;top: 12px;left: 50%;transform: translateX(-50%);background: rgba(26, 141, 248, 0.92);color: #fff;padding: 8px 12px 8px 14px;border-radius: 18px;display: flex;align-items: center;gap: 10px;font-size: 13px;z-index: 10;box-shadow: 0 4px 16px rgba(0,0,0,.35);max-width: calc(100% - 24px);}.skin-editor__view-banner[hidden] {display: none;}.skin-editor__view-banner svg {flex-shrink: 0;}.skin-editor__view-banner button {background: rgba(255,255,255,.2);color: #fff;border: 0;border-radius: 12px;padding: 4px 12px;font: inherit;font-size: 12px;cursor: pointer;transition: background .15s ease;flex-shrink: 0;}.skin-editor__view-banner button:hover {background: rgba(255,255,255,.32);}@media (max-width: 900px) {.skin-editor__view-banner {font-size: 12px;padding: 6px 10px;gap: 8px;}}.skin-editor.is-animating .skin-editor__canvas {cursor: not-allowed;}.skin-editor.tool-move .skin-editor__canvas {cursor: move;}.skin-editor.tool-picker .skin-editor__canvas {cursor: crosshair;}@media (max-width: 900px) {.skin-editor {height: auto;min-height: 0;display: flex;flex-direction: column;background-color: transparent;background-image: none !important;}.skin-editor__canvas {position: relative;inset: auto;width: 100% !important;max-width: 480px;aspect-ratio: 4 / 5;height: auto !important;max-height: 600px;min-height: 0;margin: 0 auto;background: #1f2124;background-size: cover;background-position: center;touch-action: none;}.skin-editor__overlay {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 480px;height: auto;aspect-ratio: 4 / 5;max-height: 600px;touch-action: none;}.skin-editor__canvas-blocker {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 480px;aspect-ratio: 4 / 5;max-height: 600px;height: auto;}.skin-editor .skin-editor__group--layers {top: auto;bottom: auto;right: 8px;}.skin-editor {position: relative;}.skin-editor .skin-editor__group--layers {top: calc((100vw - 24px) * 5 / 4 - 100px);}.skin-editor__panel, .skin-editor__panel * {touch-action: pan-y;}.skin-editor__canvas-lock {display: flex;position: absolute;top: 8px;right: 8px;z-index: 6;width: 36px;height: 36px;align-items: center;justify-content: center;background: rgba(0,0,0,0.55);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);color: #fff;border: 1px solid rgba(255,255,255,0.18);border-radius: 50%;cursor: pointer;padding: 0;transition: background .15s ease;}.skin-editor__canvas-lock:active {background: rgba(0,0,0,0.75);}.skin-editor.is-canvas-locked .skin-editor__canvas-lock {background: var(--blue, #1a8df8);border-color: rgba(255,255,255,0.4);}.skin-editor[style*="background-image"] .skin-editor__canvas {background-image: inherit;}.skin-editor__panel {position: static;transform: none !important;opacity: 1 !important;pointer-events: auto !important;width: 100%;max-height: none;border-radius: 0;background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;padding: 12px;font-size: 14px;top: auto;bottom: auto;left: auto !important;right: auto !important;}.skin-editor__panel--right {order: 1;padding-bottom: 4px;}.skin-editor__panel--left {order: 2;padding-top: 4px;}.skin-editor__panel-toggle {display: none;}.skin-editor__panel--right {display: grid;grid-template-columns: 2fr 2fr 3fr;grid-template-rows: auto auto;gap: 0;background: var(--skin-editor-control-bg);border-radius: 6px;padding: 0;overflow: hidden;box-sizing: border-box;margin: 4px 12px 0;max-width: calc(100% - 24px);}.skin-editor__panel--right .skin-editor__tools {display: flex;background: transparent;margin: 0 !important;border-radius: 0;}.skin-editor__panel--right .skin-editor__tools--draw {grid-column: 1 / 3;grid-row: 1;border-right: 1px solid var(--skin-editor-control-border);border-bottom: 1px solid var(--skin-editor-control-border);}.skin-editor__panel--right .skin-editor__tools--history {grid-column: 3;grid-row: 1;border-bottom: 1px solid var(--skin-editor-control-border);}.skin-editor__panel--right .skin-editor__tools--brightness {grid-column: 1;grid-row: 2;border-right: 1px solid var(--skin-editor-control-border);}.skin-editor__panel--right .skin-editor__tools--zoom {grid-column: 2;grid-row: 2;border-right: 1px solid var(--skin-editor-control-border);}.skin-editor__panel--right .skin-editor__tools--camera {grid-column: 3;grid-row: 2;align-items: center;padding-right: 44px;}.skin-editor__panel--right .skin-editor__tool {flex: 1 1 0;min-width: 36px;height: 38px;border-radius: 0;}.skin-editor__panel--right .skin-editor__tool svg {width: 18px;height: 18px;}.skin-editor__panel--right .skin-editor__palette {display: none;}.skin-editor__panel--right .skin-editor__color-input--current {grid-column: 3;grid-row: 2;justify-self: end;align-self: center;width: 28px;height: 28px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.4);margin: 0 8px;padding: 0;pointer-events: auto;z-index: 2;}.skin-editor__panel--right .skin-editor__color-input--current::-webkit-color-swatch-wrapper {padding: 0;}.skin-editor__panel--right .skin-editor__color-input--current::-webkit-color-swatch {border: none;border-radius: 50%;}.skin-editor__panel--right .skin-editor__color-input--current::-moz-color-swatch {border: none;border-radius: 50%;}.skin-editor__panel--left [data-action="fullscreen"], .skin-editor__panel--left [data-action="toggle-sidebars"] {display: none;}.skin-editor .skin-editor__group--layers {position: absolute;right: max(8px, calc(50% - 240px + 8px));top: min(calc(100vw * 5 / 4 - 120px), 480px);bottom: auto;z-index: 4;background: rgba(0,0,0,0.45);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border-radius: 8px;padding: 6px 8px;margin: 0;max-width: 100%;pointer-events: auto;}.skin-editor .skin-editor__group--layers .skin-editor__group-title {color: rgba(255,255,255,0.75);text-align: center;margin: 0 0 4px;}.skin-editor .skin-editor__group--layers .skin-editor__layer-toggle canvas {width: 28px;height: 56px;}.skin-editor .skin-editor__group--layers .skin-editor__layer-preview {gap: 6px;}.skin-editor .skin-editor__group--layers .skin-editor__layer-toggle {background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.15);padding: 3px;}.skin-editor__panel--right .skin-editor__palette {display: none;}.skin-editor__panel--right .skin-editor__color-input--current {flex-basis: auto;margin: 4px;height: 32px;width: 32px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.4);padding: 0;order: 100;}.skin-editor__panel--right .skin-editor__color-input--current::-webkit-color-swatch-wrapper {padding: 0;}.skin-editor__panel--right .skin-editor__color-input--current::-webkit-color-swatch {border: none;border-radius: 50%;}.skin-editor__panel--right .skin-editor__color-input--current::-moz-color-swatch {border: none;border-radius: 50%;}.skin-editor__record-grid {grid-template-columns: 1fr 1fr;}.skin-editor__record-grid .skin-editor__record-row {flex-direction: column;align-items: stretch;gap: 2px;}.skin-editor__record-grid .skin-editor__select--mini {width: 100%;height: 36px;min-height: 36px;font-size: 13px;padding: 6px 8px;line-height: 1.2;-webkit-appearance: none;appearance: none;background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;background-size: 5px 5px, 5px 5px;background-repeat: no-repeat;padding-right: 24px;}.skin-editor__panel--left {display: grid;grid-template-columns: 1fr 1fr;gap: 8px;box-sizing: border-box;}.skin-editor__panel--left > * {min-width: 0;}.skin-editor__panel--left > .skin-editor__group, .skin-editor__panel--left > .skin-editor__record-group, .skin-editor__panel--left > .skin-editor__save-group {grid-column: 1 / -1;box-sizing: border-box;max-width: 100%;}.skin-editor__panel--left .skin-editor__record-group, .skin-editor__panel--left .skin-editor__save-group, .skin-editor__panel--left .skin-editor__group, .skin-editor__panel--left .skin-editor__btn {max-width: 100%;}.skin-editor__panel--left .skin-editor__save-group {display: grid;grid-template-columns: 1fr 1fr;gap: 6px;padding: 8px;}.skin-editor__panel--left .skin-editor__save-group .skin-editor__btn {min-width: 0;}.skin-editor__panel--left .skin-editor__save-group [data-clear-save][hidden] {display: none;}.skin-editor__panel--left .skin-editor__save-group [data-action="save"] {grid-column: 1 / -1;}.skin-editor__panel--left .skin-editor__save-group:has([data-clear-save]:not([hidden])) [data-action="save"] {grid-column: 1;}.skin-editor__panel--left .skin-editor__save-hint {grid-column: 1 / -1;}.skin-editor__panel--left .skin-editor__select {width: 100%;box-sizing: border-box;}.skin-editor__btn {min-height: 44px;height: 44px;font-size: 14px;}.skin-editor__select {min-height: 44px;font-size: 14px;}.skin-editor__layer {min-height: 40px;}}