.skin-picker-legacy-select{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;opacity:0;pointer-events:none;padding:0!important}
.site-skin-trigger{display:inline-flex;align-items:center;gap:7px;max-width:250px;min-width:0!important;min-height:30px!important;padding:6px 10px!important;border:1px solid var(--border)!important;border-radius:5px;color:var(--text);background:var(--surface);font:12px var(--font);cursor:pointer;white-space:nowrap;overflow:hidden}
.site-skin-trigger i{width:13px;height:13px;flex-shrink:0;background:var(--picker-accent);border:1px solid #ffffff66;border-radius:2px}
.site-skin-trigger [data-picker-name]{overflow:hidden;text-overflow:ellipsis}
.site-skin-floating{position:fixed;right:16px;bottom:16px;z-index:110}
.site-skin-dialog{color:#f3f5fc!important;background:#121720!important;border:1px solid #465263!important;border-radius:14px;padding:23px;width:min(830px,calc(100vw - 28px));max-height:86dvh;overflow:auto;box-sizing:border-box;box-shadow:0 24px 100px #0009;font:13px/1.4 system-ui,sans-serif!important}
.site-skin-dialog::backdrop{background:#02050aaa;backdrop-filter:blur(4px)}
.site-skin-dialog-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}
.site-skin-dialog h2{font:600 25px/1.2 system-ui,sans-serif!important;color:#f3f5fc!important;margin:6px 0!important}
.site-skin-dialog p,.site-skin-dialog small{font:12px/1.4 system-ui,sans-serif;color:#a5b2c3!important;margin:0}
.site-skin-eyebrow{letter-spacing:.15em;font-size:10px!important}
.site-skin-dialog button{min-width:0!important;cursor:pointer;color:#f3f5fc!important;font:12px/1.3 system-ui,sans-serif!important;box-shadow:none!important}
.site-skin-close{align-self:flex-start;width:31px!important;height:31px!important;padding:0!important;border:1px solid #5b6573!important;background:#1e2735!important;border-radius:4px;font-size:23px!important}
.site-skin-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.site-skin-tools input{background:#1c2532!important;color:#f3f5fc!important;border:1px solid #465263!important;border-radius:4px;padding:8px 10px!important;width:180px;min-width:0;font:12px system-ui,sans-serif!important}
.site-skin-tools [data-picker-count]{margin-left:auto;color:#9eacbc;font-size:11px}
.site-skin-groups{display:flex;gap:5px}
.site-skin-groups button{padding:7px 9px!important;background:#1c2532!important;border:1px solid #465263!important;border-radius:4px;min-height:30px}
.site-skin-groups button[aria-pressed=true]{border-color:#8cd0ec!important;background:#29485b!important}
.site-skin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.site-skin-option{display:flex;flex-direction:column;text-align:left;gap:6px;padding:7px!important;border:1px solid #455163!important;border-radius:6px!important;background:var(--preview-page)!important;overflow:hidden;position:relative;box-sizing:border-box}
.site-skin-option[hidden]{display:none!important}
.site-skin-option[aria-pressed=true]{border:2px solid #bfeaff!important;padding:6px!important}
.site-skin-option strong{font:600 11px/1.3 system-ui,sans-serif!important;color:var(--preview-text)!important;text-shadow:0 1px 5px #0005;min-height:28px}
.site-skin-option small{font-size:10px;opacity:.9}
.site-skin-preview{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--preview-page);border-radius:3px}
.site-skin-preview img{width:100%;height:100%;object-fit:cover;display:block;opacity:.76}
.site-skin-bars{position:absolute;inset:20% 20% 18%;display:flex;align-items:flex-end;gap:13%;filter:drop-shadow(0 1px 3px #000)}
.site-skin-bars i{display:block;width:24%;height:40%;background:linear-gradient(90deg,var(--preview-accent),#fff9,var(--preview-accent));border:1px solid #ffffff77}
.site-skin-bars i:nth-child(2){height:65%}.site-skin-bars i:nth-child(3){height:95%}
.site-skin-ascii{display:none;font:11px/1.3 monospace!important;margin:10px 0!important;padding:0!important;background:none!important;color:var(--preview-accent)!important}
.site-skin-scene{display:flex;gap:12px;flex-wrap:wrap;padding:15px 0;border-block:1px solid #384357;margin-top:18px}
.site-skin-scene[hidden]{display:none!important}
.site-skin-scene label,.site-skin-bottom label{display:flex;align-items:center;gap:7px;font:11px system-ui,sans-serif!important;color:#acbacd!important}
.site-skin-dialog select{max-width:210px;border:1px solid #455163!important;background:#1c2532!important;color:#f3f5fc!important;border-radius:3px;padding:5px 7px!important;min-height:29px;font:11px system-ui,sans-serif!important;appearance:auto!important}
.site-skin-dialog input[type=range]{width:100px;accent-color:#8cd0ec}
.site-skin-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}
.site-skin-bottom a{color:#a3dbf4!important;font:12px system-ui,sans-serif!important}
html[data-lab-ui=ascii] .site-skin-bars{display:none}.site-skin-option[data-skin-id=lab-ascii] .site-skin-ascii,html[data-lab-ui=ascii] .site-skin-ascii{display:block}
@media(max-width:650px){.site-skin-dialog{padding:16px}.site-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-skin-dialog h2{font-size:22px!important}.site-skin-trigger{max-width:190px}.site-skin-groups{flex-wrap:wrap}.site-skin-option strong{font-size:10px!important}}