.vp-shell{--bg:#0b0e13;--panel:#12171e;--surface:#181f29;--line:#2a3340;--muted:#727f91;--text:#e8edf4;--accent:#667aff;--cyan:#43cbbb;color:#e8edf4;background:#0b0e13;grid-template-columns:70px minmax(0,1fr);padding-top:58px;font-family:Tahoma,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.vp-frame{grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:calc(100vh - 58px);min-height:0;display:grid;overflow:hidden}.vp-app-top{background:#10161df2;border-bottom:1px solid #293340;justify-content:space-between;align-items:center;padding:7px 14px;display:flex}.vp-app-top>div,.vp-brand{align-items:center;gap:7px;display:flex}.vp-brand i{color:#fff;background:linear-gradient(145deg,#775cff,#2887f3);border-radius:9px;place-items:center;width:31px;height:31px;font:700 15px Arial;display:grid}.vp-brand b{font-size:10px}.vp-brand small{color:#657184;font-size:7px}.vp-app-top button{color:#9ca8b8;background:#171f29;border:1px solid #2d3644;border-radius:7px;height:30px;padding:0 9px;font-size:8px}.vp-app-top .vp-avatar{color:#fff;background:#202a3b;border-radius:50%;width:30px;padding:0}.vp-frame>.vn-top{z-index:80;position:fixed;top:0;left:0;right:0}.vp-frame>.vp-main{z-index:1;grid-row:1;min-height:0;position:relative;overflow:hidden auto}.vp-main{min-height:0;padding:24px clamp(22px,4vw,64px) 60px;overflow:auto}.vp-main>header,.vp-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.vp-main>header{justify-content:flex-start;margin-bottom:24px}.vp-heading{align-items:center;display:flex}.vp-main>header small{color:#657184;font-size:9px}.vp-main h1{margin-top:5px;font-size:24px}.vp-create{color:#fff;background:linear-gradient(115deg,#536dff,#7959e9);border:1px solid #7181ff;border-radius:9px;height:40px;padding:0 17px;font-weight:700}.vp-toolbar{margin-bottom:26px}.vp-toolbar .vp-search{background:#121821;border:1px solid #2c3543;border-radius:9px;align-items:center;gap:8px;width:min(380px,45vw);height:39px;padding:0 12px;display:flex}.vp-toolbar input{color:#e5ebf4;background:0 0;border:0;outline:0;width:100%}.vp-toolbar>div{align-items:center;gap:5px;display:flex}.vp-sort{color:#7e8a9b;background:#151c25;border:1px solid #2b3543;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:9px;display:flex}.vp-sort select{color:#e5ebf4;font:inherit;cursor:pointer;background:0 0;border:0;outline:0}.vp-sort option{color:#e5ebf4;background:#151c25}.vp-toolbar button{color:#7e8a9b;background:#151c25;border:1px solid #2b3543;border-radius:8px;height:34px;padding:0 11px}.vp-toolbar button.active{color:#fff;background:#202a3b;border-color:#5368e5}.vp-toolbar button:disabled{opacity:.48;cursor:not-allowed}.vp-toolbar button small{color:#8f9bad;background:#263140;border-radius:8px;margin-right:5px;padding:2px 5px;font-size:7px}.vp-section{background:#10161eaa;border:1px solid #283443;border-radius:14px;margin-top:20px;padding:18px;position:relative;overflow:visible;box-shadow:0 14px 34px #0003}.vp-section.recent{background:radial-gradient(circle at 92% 0,#6b78ff17,#0000 32%),linear-gradient(145deg,#131a27db,#10161ecc);border-color:#435274}.vp-section.all{background:radial-gradient(circle at 8% 100%,#43cbbb0b,#0000 30%),#0f151dcc;margin-top:24px}.vp-section>header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #273342;align-items:center;gap:9px;margin-bottom:16px;padding-bottom:13px;display:flex}.vp-section>header>span{flex:1;min-width:0}.vp-section>header>button{color:#8f9db0;cursor:pointer;background:#151d27;border:1px solid #314052;border-radius:8px;place-items:center;width:32px;height:32px;font-size:17px;transition:rotate .18s,border-color .18s,color .18s;display:grid}.vp-section>header:hover>button{color:#fff;border-color:#5d70cf}.vp-section.collapsed{padding-top:13px;padding-bottom:13px}.vp-section.collapsed>header{border-bottom-color:#0000;margin-bottom:0;padding-bottom:0}.vp-section.collapsed>header>button{rotate:90deg}.vp-section>header i{color:#78d7cc;border:1px solid #314052;border-radius:8px;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.vp-section h2{font-size:14px}.vp-section small{color:#687587;font-size:9px}.vp-grid{grid-template-columns:repeat(auto-fill,300px);justify-content:start;gap:16px;display:grid}.vp-grid.recent{grid-template-columns:repeat(auto-fill,300px)}.vp-card{cursor:pointer;background:#141b24;border:1px solid #293544;border-radius:12px;width:300px;min-height:224px;transition:all .18s;position:relative;overflow:visible}.vp-card:hover{border-color:#5065c5;translate:0 -3px}.vp-card:has(.vp-card-actions>button[aria-expanded=true]){z-index:30}.vp-section:has(.vp-card-actions>button[aria-expanded=true]){z-index:30}.vp-cover{background:linear-gradient(140deg,#263d55,#725669);place-items:center;height:138px;display:grid;position:relative}.vp-cover.c1{background:linear-gradient(140deg,#524b87,#273a57)}.vp-cover.c2{background:linear-gradient(140deg,#3b685d,#243344)}.vp-cover.c3{background:linear-gradient(140deg,#825843,#303e55)}.vp-cover>b{color:#fff2;font:62px Arial}.vp-graph-preview{z-index:1;filter:drop-shadow(0 10px 14px #0008);width:calc(100% - 32px);height:calc(100% - 40px);position:absolute;inset:13px 16px 27px;overflow:visible}.vp-graph-preview line{stroke:#67d6cc;stroke-width:4px;stroke-linecap:round;opacity:.78}.vp-graph-preview rect{fill:#131b28e8;stroke:#91a4ff;stroke-width:3px}.vp-graph-preview path{fill:none;stroke:#58677c;stroke-width:3px;stroke-linecap:round}.vp-graph-preview circle{fill:#6f83ff}.vp-graph-preview circle.n1{fill:#45cbbb}.vp-graph-preview circle.n2{fill:#e7b45c}.vp-graph-preview circle.n3{fill:#a86ef1}.vp-cover>span{background:#101722d9;border-radius:12px;padding:4px 7px;font-size:7px;position:absolute;bottom:8px;right:9px}.vp-card footer{justify-content:space-between;min-height:69px;padding:11px;display:flex}.vp-card footer b{font-size:12px}.vp-card footer small{color:#8996a8;margin-top:7px;font-size:9px;line-height:1.6;display:block}.vp-card footer button{color:#738094;background:0 0;border:0}.vp-card-actions{position:relative}.vp-card-actions>button{cursor:pointer;border-radius:7px;min-width:28px;height:28px}.vp-card-actions>button:hover,.vp-card-actions>button[aria-expanded=true]{color:#fff;background:#222c39}.vp-card-menu{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151c25f5;border:1px solid #354253;border-radius:9px;width:128px;padding:5px;position:absolute;top:auto;bottom:28px;left:0;overflow:hidden;box-shadow:0 14px 32px #000b}.vp-card-menu button{color:#c8d1dc;text-align:right;cursor:pointer;border-radius:6px;width:100%;height:32px;padding:0 9px}.vp-card-menu button:hover{color:#fff;background:#232e3c}.vp-card-menu button.danger{color:#ff8d96}.vp-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080db8;place-items:center;padding:20px;display:grid;position:fixed;inset:58px 0 0}.vp-dialog{background:#141b24;border:1px solid #354459;border-radius:14px;width:min(420px,100%);max-height:calc(100vh - 98px);padding:20px;overflow:auto;box-shadow:0 28px 80px #000c,0 0 0 1px #7181ff14}.vp-dialog>header,.vp-dialog>footer{justify-content:space-between;align-items:center;display:flex}.vp-dialog h2{margin:0;font-size:17px}.vp-dialog>header>button{color:#aab5c4;cursor:pointer;background:#202936;border:0;border-radius:8px;width:30px;height:30px;font-size:20px}.vp-dialog label{color:#aab5c4;gap:8px;margin:24px 0;font-size:11px;display:grid}.vp-dialog input{color:#eef2f7;height:42px;font:inherit;background:#0d131b;border:1px solid #344256;border-radius:9px;outline:0;padding:0 12px}.vp-dialog input:focus{border-color:#7181ff;box-shadow:0 0 0 3px #7181ff20}.vp-dialog p{color:#b9c3d0;margin:24px 0;line-height:1.9}.vp-dialog>footer{justify-content:flex-start;gap:8px}.vp-dialog>footer button{color:#b9c3d0;cursor:pointer;background:#1a222d;border:1px solid #344154;border-radius:8px;height:36px;padding:0 14px}.vp-dialog>footer button.primary{color:#fff;background:linear-gradient(115deg,#536dff,#7959e9);border-color:#7181ff}.vp-dialog>footer button.danger{color:#fff;background:#642b32;border-color:#a7434c}.vp-dialog>footer button:disabled{opacity:.45;cursor:not-allowed}.vp-empty{color:#6f7c8e;text-align:center;background:#11171f;border:1px dashed #334052;border-radius:12px;place-content:center;justify-items:center;gap:8px;min-height:160px;display:grid}.vp-empty b{color:#d3dbe6}.vp-empty button{color:#fff;background:#24335d;border:1px solid #4f64ce;border-radius:8px;padding:8px 12px}.vp-empty.compact{min-height:105px}.vp-main{background:radial-gradient(circle at 82% 4%,#596dff12,#0000 25%),radial-gradient(circle at 18% 28%,#9b5de80b,#0000 24%),#0b0f15;position:relative}.vp-main>:not(.vp-dialog-backdrop){z-index:1;position:relative}.vp-main>header{border-bottom:1px solid #202a37;padding-bottom:18px}.vp-main h1{letter-spacing:-.03em;font-size:27px}.vp-create{transition:transform .18s,box-shadow .18s;box-shadow:0 10px 28px #596dff32}.vp-create:hover{transform:translateY(-2px);box-shadow:0 14px 34px #735fff48}.vp-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101720b8;border:1px solid #273342;border-radius:11px;padding:7px}.vp-toolbar label{background:#0c121a;border-color:#0000}.vp-card{border-color:#334154;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 14px 34px #0006}.vp-card:hover{border-color:#687cff;transform:translateY(-5px)translate(0,0);box-shadow:0 22px 44px #0009,0 0 0 1px #687cff22}.vp-cover{isolation:isolate;height:154px;overflow:hidden}.vp-cover:before{content:"";background:radial-gradient(circle at 75% 22%,#ffffff20,#0000 24%),linear-gradient(135deg,#0000 47%,#060a11a8 48%);transition:transform .35s;position:absolute;inset:0}.vp-card:hover .vp-cover:before{transform:scale(1.06)}.vp-cover>b{z-index:-1;color:#ffffff0d;font-size:84px;position:absolute}.vp-flow-art{z-index:1;position:absolute;inset:22px 30px 32px}.vp-flow-art i,.vp-empty-art i{background:#18233bbf;border:1px solid #b7c2ff88;border-radius:6px;width:32px;height:22px;position:absolute;box-shadow:0 7px 18px #0007}.vp-flow-art i:first-child,.vp-empty-art i:first-child{top:12%;right:4%}.vp-flow-art i:nth-child(2),.vp-empty-art i:nth-child(2){top:56%;right:42%}.vp-flow-art i:nth-child(3),.vp-empty-art i:nth-child(3){top:20%;left:4%}.vp-flow-art em,.vp-empty-art em{transform-origin:100%;background:linear-gradient(90deg,#7b8cff,#62d8c9);height:1px;position:absolute}.vp-flow-art em:first-of-type,.vp-empty-art em:first-of-type{width:38%;top:34%;right:18%;rotate:18deg}.vp-flow-art em:nth-of-type(2),.vp-empty-art em:nth-of-type(2){width:35%;top:53%;right:52%;rotate:-16deg}.vp-cover>span{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b111bd9;border:1px solid #ffffff12}.vp-card footer{padding:13px}.vp-card footer>b{font-size:11px}.vp-empty{background:radial-gradient(circle at 50% 38%,#6277ff10,#0000 34%),#0e151e;border-color:#3b4d65;min-height:210px}.vp-empty-art{width:170px;height:62px;margin-bottom:4px;position:relative}.vp-empty-art i{width:27px;height:19px}.vp-empty-art em{background:linear-gradient(90deg,#667aff,#43cbbb)}.vp-empty button{cursor:pointer;box-shadow:0 8px 24px #5064d52b}@media (max-width:1000px){.vp-grid,.vp-grid.recent{grid-template-columns:repeat(auto-fill,minmax(260px,300px))}}@media (max-width:700px){.vp-shell{grid-template-columns:52px 1fr}.vp-main{padding:20px 14px}.vp-toolbar{flex-direction:column;align-items:stretch}.vp-toolbar label{width:100%}.vp-toolbar>div{flex-wrap:wrap}.vp-sort{width:auto}.vp-grid.recent,.vp-grid{grid-template-columns:1fr}.vp-card{width:100%}}