/* ===== [皮肤系统 2.0] 面板 + 工作台 ===== */
#skinBtnFloat{position:fixed;top:60px;right:14px;z-index:3000;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:17px;cursor:pointer;box-shadow:var(--shadow-2);display:none;}
#skinPanel{position:fixed;top:106px;right:14px;z-index:3001;width:300px;max-height:74vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:10px;display:none;}
#skinPanel h4{margin:0 0 8px;font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.05em;}
#skinSearch{width:100%;box-sizing:border-box;padding:5px 8px;margin-bottom:8px;font-size:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);}
.skin-toolbar{display:flex;gap:6px;margin-bottom:8px;}
.skin-toolbar .btn{flex:1;padding:4px 2px;font-size:11px;}
.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.skin-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--bg);transition:border-color .15s,transform .15s;}
.skin-item:hover{transform:translateY(-1px);border-color:var(--accent);}
.skin-item.on{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px;}
.skin-dots{display:flex;padding-left:4px;flex-shrink:0;}
.skin-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.18);margin-left:-4px;}
.skin-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.skin-custom-ops{display:flex;gap:6px;margin-top:8px;}
.skin-custom-ops .btn{flex:1;padding:4px 2px;font-size:11px;}
#skinEditor{position:fixed;inset:0;z-index:3100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);}
#skinEditorBox{width:min(420px,94vw);max-height:88vh;overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.3);padding:16px;}
#skinEditorBox h3{margin:0 0 4px;font-size:15px;}
#skinEditorBox .se-sub{font-size:11px;color:var(--text-muted);margin-bottom:12px;}
.se-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;}
.se-field{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--text-muted);}
.se-field input[type=color]{width:100%;height:30px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;}
.se-field input[type=range]{width:100%;}
.se-field select,.se-field input[type=text]{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:12px;}
.se-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.se-actions .btn{flex:1;padding:7px 4px;font-size:12px;}
#skinExportArea{width:100%;height:64px;margin-top:8px;font-size:11px;font-family:monospace;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);box-sizing:border-box;padding:6px;}