:root{--vm-bg:#08080a;--vm-panel:#0f1014;--vm-card:#12141a;--vm-border:rgba(255, 255, 255, 0.06);--vm-text:#e8e8ec;--vm-muted:#6e6e7a;--vm-label:#b4b4be;--vm-accent:#a855f7;--vm-accent-hi:#c084fc;--vm-accent-dim:rgba(168, 85, 247, 0.18);--vm-accent-line:rgba(168, 85, 247, 0.55);--vm-rail-w:52px}.vm-wrap{display:flex;justify-content:center;padding:0 0 24px;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,0.4) transparent}.vm{width:min(100%,920px);min-height:500px;display:grid;grid-template-columns:var(--vm-rail-w) 1fr;border-radius:8px;overflow:hidden;position:relative;background:var(--vm-bg);border:1px solid var(--vm-border);box-shadow:0 32px 80px rgba(0,0,0,.75),0 0 60px rgba(139,92,246,.08);font-family:"Segoe UI","DM Sans",system-ui,sans-serif;font-size:12px;color:var(--vm-text)}.vm::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(40,40,50,.5),transparent),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(30,30,40,.4),transparent)}.vm-particles{display:none}.vm-rail{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;padding:12px 0 14px;background:rgba(0,0,0,.45);border-right:1px solid var(--vm-border)}.vm-rail-logo{width:28px;height:28px;object-fit:contain;margin-bottom:16px;filter:brightness(1.05)}.vm-rail-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:6px;padding:0;border:1px solid transparent;border-radius:6px;background:rgba(255,255,255,.03);color:var(--vm-muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.vm-rail-btn svg{width:18px;height:18px}.vm-rail-btn:hover{color:#ccc;background:rgba(255,255,255,.06)}.vm-rail-btn.active{color:var(--vm-accent-hi);background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.25)}.vm-rail-btn.active::before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--vm-accent);box-shadow:0 0 10px rgba(168,85,247,.6)}.vm-body{position:relative;z-index:2;display:flex;flex-direction:column;min-height:500px;max-height:560px}.vm-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0;flex-shrink:0}.vm-crumb{font-size:13px;font-weight:500;letter-spacing:.01em}.vm-crumb-cat{color:var(--vm-muted)}.vm-crumb-sep{color:var(--vm-muted);margin:0 6px}.vm-crumb-page{color:var(--vm-accent-hi)}.vm-settings{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--vm-border);border-radius:6px;background:rgba(255,255,255,.04);color:var(--vm-muted);cursor:pointer;transition:color .2s,border-color .2s}.vm-settings:hover{color:#fff;border-color:rgba(168,85,247,.35)}.vm-settings svg{width:16px;height:16px}.vm-tabs{display:flex;gap:0;padding:12px 18px 0;border-bottom:1px solid var(--vm-border);flex-shrink:0}.vm-tab{padding:8px 16px 10px;border:0;background:0 0;color:var(--vm-muted);font:inherit;font-size:12px;font-weight:500;cursor:pointer;position:relative;transition:color .2s}.vm-tab:hover{color:#ccc}.vm-tab.active{color:#fff}.vm-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--vm-accent);border-radius:2px 2px 0 0;box-shadow:0 0 8px rgba(168,85,247,.5)}.vm-main{flex:1;padding:14px 18px 18px;overflow-y:auto;min-height:0}.vm-main::-webkit-scrollbar{width:5px}.vm-main::-webkit-scrollbar-thumb{background:rgba(168,85,247,.35);border-radius:4px}.vm-panel{display:none;flex-direction:column;flex:1;min-height:0;animation:.25s vmFade}.vm-panel.active{display:flex}.vm-panel>.vm-tabs{flex-shrink:0}.vm-panel>.vm-main{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 18px}@keyframes vmFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.vm-sub{display:none}.vm-sub.active{display:block}.vm-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vm-cols-1{max-width:420px}.vm-card{background:var(--vm-card);border:1px solid var(--vm-border);border-radius:6px;padding:12px 14px 14px;min-height:280px}.vm-card-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:#fff}.vm-card-dot{width:6px;height:6px;border-radius:50%;background:var(--vm-accent);box-shadow:0 0 6px rgba(168,85,247,.7);flex-shrink:0}.vm-card-line{height:1px;background:var(--vm-accent-line);margin-bottom:12px;opacity:.85}.vm-card-sub{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vm-muted);margin:14px 0 8px}.vm-check{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;user-select:none;color:var(--vm-label)}.vm-check.has-key{justify-content:space-between}.vm-check:hover{color:#fff}.vm-check-left{display:flex;align-items:center;gap:10px;min-width:0}.vm-check-box{width:15px;height:15px;border-radius:3px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);flex-shrink:0;transition:background .2s,border-color .2s}.vm-check.on .vm-check-box{background:var(--vm-accent);border-color:var(--vm-accent)}.vm-check.on .vm-check-box::after{content:"";display:block;width:4px;height:8px;margin:1px auto 0;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(1px,-1px)}.vm-slider{padding:12px 0 8px}.vm-slider-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--vm-label)}.vm-slider-head .vm-val{color:#fff;font-weight:500}.vm-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:11px;border-radius:999px;background:rgba(255,255,255,.12);cursor:pointer;outline:0;display:block}.vm-slider input[type=range]::-webkit-slider-runnable-track{height:11px;border-radius:999px}.vm-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3px;height:15px;margin-top:-2px;border-radius:999px;background:var(--vm-accent-hi);box-shadow:0 0 8px rgba(168,85,247,.6),0 0 3px rgba(192,132,252,.35);border:none}.vm-slider input[type=range]::-moz-range-track{height:11px;border-radius:999px;background:rgba(255,255,255,.12);border:none}.vm-slider input[type=range]::-moz-range-thumb{width:3px;height:15px;border:none;border-radius:999px;background:var(--vm-accent-hi);box-shadow:0 0 8px rgba(168,85,247,.6)}.vm-key{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(0,0,0,.35);font-size:10px;color:var(--vm-accent-hi);cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s}.vm-key:hover{border-color:rgba(168,85,247,.45);background:var(--vm-accent-dim)}.vm-key.open{border-color:var(--vm-accent);box-shadow:0 0 0 2px rgba(168,85,247,.2)}.vm-kb-icon{width:16px;height:11px;opacity:.75}.vm-key-val{font-weight:600;letter-spacing:.04em}.vm-colf{margin-bottom:10px}.vm-colf-label{display:block;font-size:11px;color:var(--vm-muted);margin-bottom:5px}.vm-colf-in{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(0,0,0,.35);border:1px solid var(--vm-border);border-radius:4px}.vm-color-dot,.vm-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0;padding:0}.vm-color-dot:hover,.vm-swatch:hover{box-shadow:0 0 0 2px rgba(168,85,247,.4)}.vm-hex-in{flex:1;border:0;background:0 0;color:var(--vm-label);font:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;outline:0;min-width:0}.vm-list{max-height:320px;overflow-y:auto}.vm-list::-webkit-scrollbar{width:4px}.vm-list::-webkit-scrollbar-thumb{background:rgba(168,85,247,.35);border-radius:4px}.vm-list-item{padding:7px 4px;font-size:12px;color:var(--vm-label);cursor:pointer;border-radius:3px;transition:background .15s,color .15s}.vm-list-item:hover{background:rgba(168,85,247,.08);color:#fff}.vm-list-item.selected{background:rgba(168,85,247,.14);color:#fff}.vm-info-empty{color:var(--vm-muted);font-size:12px;padding:8px 0}.vm-kv{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;font-size:12px}.vm-kv-k{color:var(--vm-accent-hi)}.vm-kv-v{color:#fff}.vm-actions{margin-top:12px;display:flex;flex-direction:column;gap:6px}.vm-action{display:block;width:100%;padding:9px 12px;border:1px solid var(--vm-border);border-radius:5px;background:rgba(255,255,255,.04);color:var(--vm-label);font:inherit;font-size:11px;text-align:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.vm-action:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.3);color:#fff}.vm-btn{display:block;width:100%;padding:10px;margin-top:8px;border:1px solid var(--vm-border);border-radius:5px;background:rgba(255,255,255,.04);color:var(--vm-label);font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.vm-btn:hover{background:rgba(168,85,247,.12);color:#fff}.vm-btn.danger{margin-top:16px}.vm-btn.danger:hover{background:rgba(239,68,68,.12);color:#fca5a5}.vm-kv-highlight .vm-kv-v{color:var(--vm-accent-hi)}.pvm-panel .vm-rail,.pvm-panel .vm-tabs,.pvm-panel .vm-top{display:none}.pvm-panel .vm-cols-2{grid-template-columns:1fr;gap:10px}.pvm-panel .vm-card{min-height:auto;padding:10px}.vm-pop{position:fixed;z-index:9999;display:none;background:rgba(14,12,20,.98);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 16px 48px rgba(0,0,0,.65);animation:.18s vmFade}.vm-pop.show{display:block}.vm-color-pop{width:220px;padding:12px}.vm-cp-sv{position:relative;width:100%;height:130px;border-radius:6px;cursor:crosshair;overflow:hidden;margin-bottom:10px}.vm-cp-sv-black,.vm-cp-sv-white{position:absolute;inset:0;pointer-events:none}.vm-cp-sv-white{background:linear-gradient(to right,#fff,transparent)}.vm-cp-sv-black{background:linear-gradient(to top,#000,transparent)}.vm-cp-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.vm-cp-hue{-webkit-appearance:none;width:100%;height:10px;border-radius:999px;margin-bottom:10px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.vm-cp-hue::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25)}.vm-cp-hex{display:flex;align-items:center;gap:4px;padding:7px 10px;background:rgba(0,0,0,.35);border:1px solid rgba(168,85,247,.35);border-radius:5px;font-size:12px;color:#888}.vm-cp-hex input{flex:1;border:0;background:0 0;color:#e8e8ec;font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;outline:0}.vm-key-pop{width:min(280px,calc(100vw - 24px));padding:8px;max-height:220px;overflow-y:auto}.vm-key-pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px}.vm-key-pop-grid.wide{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.vm-key-opt{padding:7px 4px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:rgba(255,255,255,.03);color:#c8c8d0;font:inherit;font-size:10px;font-weight:600;cursor:pointer}.vm-key-opt:hover{background:var(--vm-accent-dim);border-color:rgba(168,85,247,.35);color:#fff}.vm-key-opt.active{background:rgba(168,85,247,.35);border-color:var(--vm-accent);color:#fff}@media (max-width:720px){.vm-wrap{justify-content:flex-start;padding:0 0 20px}.vm{grid-template-columns:1fr;width:min(100%,920px);min-width:min(100%,320px);min-height:auto;font-size:11px}.vm-rail{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:8px 10px;border-right:0;border-bottom:1px solid var(--vm-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.vm-rail-logo{display:none}.vm-rail-btn{flex-shrink:0;width:40px;height:40px;min-width:40px}.vm-rail-btn.active::before{left:6px;right:6px;top:auto;bottom:-8px;width:auto;height:3px}.vm-body{min-width:0}.vm-top{padding:10px 12px;flex-wrap:wrap;gap:8px}.vm-crumb{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-panel>.vm-main{padding:10px 12px 14px}.vm-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding-bottom:4px}.vm-tab{flex-shrink:0;padding:7px 12px;font-size:10px}.vm-cols-2,.vm-cols-3,.vm-cols-4{grid-template-columns:1fr}.vm-box{padding:10px 12px}.vm-slider input[type=range]{height:11px}.vm-key{min-height:36px}.vm-color-pop,.vm-key-pop{max-width:calc(100vw - 20px)}}@media (max-width:480px){.vm{border-radius:6px}.vm-top .vm-settings{min-width:40px;min-height:40px}}