:root{--bg:#141017;--bg2:#1c1620;--panel:#1a141d;--line:#2e2431;--line2:#3a2d3e;--ink:#f3e9df;--ink2:#c8b6ac;--ink3:#8f7d78;--gold:#d99a2b;--gold2:#c9a253;--madder:#a4262c;--green:#3b6e3f;--cyan:#0e5a57;--amber:#d99a2b;--radius:12px;--f:"Inter",system-ui,Arial,sans-serif;--mono:"JetBrains Mono",monospace;--serif:"Fraunces",Georgia,serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f)}.mono{font-family:var(--mono)}.vc-app{height:100%;display:flex;flex-direction:column}.vc-top{display:flex;align-items:center;gap:18px;padding:12px 20px;background:linear-gradient(180deg,#221a26,#1a141d);border-bottom:1px solid var(--line);flex:0 0 auto}.vc-brand{display:flex;align-items:center;gap:11px}.vc-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--madder),var(--gold));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;color:#fff;font-size:20px;box-shadow:0 4px 16px #d99a2b4d}.vc-en{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.02em}.vc-hi{font-size:11px;color:var(--ink3);font-family:var(--mono)}.vc-top-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.vc-logout{margin-left:16px;padding:6px 13px;border:1px solid var(--line2);border-radius:20px;color:var(--ink2);font-size:12px;cursor:pointer}.vc-logout:hover{border-color:var(--gold);color:#fff}.vc-search{display:flex;align-items:center;gap:8px;background:#120e15;border:1px solid var(--line2);border-radius:22px;padding:8px 15px;min-width:340px}.vc-search span{color:var(--gold)}.vc-search input{background:none;border:none;outline:none;color:var(--ink);width:100%;font-family:var(--mono);font-size:13px}.vc-btn{background:#241b28;border:1px solid var(--line2);color:var(--ink);border-radius:9px;padding:9px 15px;font:600 13px var(--f);cursor:pointer}.vc-btn:hover{border-color:var(--gold2)}.vc-btn.gold{background:linear-gradient(135deg,var(--gold),#b9832180);color:#1a1208;border:none}.vc-btn.ghost{background:transparent}.vc-btn.sm{padding:5px 10px;font-size:11.5px;border-radius:7px}.vc-btn.del{color:#ff8a8a;border-color:#4a2b2b}.vc-btn.del:hover{background:#3a1f1f}.vc-btn:disabled{opacity:.5;cursor:default}.vc-cat{padding:22px 26px;overflow:auto}.vc-cat-head{display:flex;align-items:center;gap:22px;margin-bottom:20px;flex-wrap:wrap}.vc-cat-head h1{font-family:var(--serif);font-size:24px;margin:0}.vc-sub{color:var(--ink3);font-size:12px;font-family:var(--mono);margin-top:2px}.vc-kpis{display:flex;gap:10px;margin-left:auto}.vc-kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 16px;text-align:center;min-width:66px}.vc-kpi .v{font-family:var(--serif);font-size:20px;color:var(--gold)}.vc-kpi .l{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}.vc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.vc-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .1s}.vc-card:hover{border-color:var(--line2);transform:translateY(-2px)}.vc-card-thumb{cursor:pointer;background:#0e0a10;aspect-ratio:4/3;overflow:hidden}.vc-thumb,.vc-thumb svg{width:100%;height:100%;display:block}.vc-card-body{padding:12px 13px 13px}.vc-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vc-card-row b{font-family:var(--serif);font-size:15px;font-weight:600}.vc-card-meta{color:var(--ink2);font-size:11.5px;font-family:var(--mono);margin-top:4px}.vc-card-meta.dim{color:var(--ink3)}.vc-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.vc-badge{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.vc-badge.green{background:#3b6e3f38;color:#7ec886}.vc-badge.amber{background:#d99a2b33;color:var(--gold)}.vc-badge.cyan{background:#0e5a5747;color:#5fd6cf}.vc-badge.muted{background:#2a222e;color:var(--ink3)}.vc-empty{padding:60px;text-align:center;color:var(--ink3);font-family:var(--mono)}.vc-studio{flex:1;display:grid;grid-template-columns:96px 320px 1fr;min-height:0}.vc-rail{background:#120e15;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;padding:10px 8px;overflow:auto}.vc-rail-b{background:transparent;border:1px solid transparent;border-radius:10px;color:var(--ink3);cursor:pointer;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--f)}.vc-rail-b .ic{font-size:19px;line-height:1}.vc-rail-b .tx{font-size:9.5px;font-family:var(--mono);text-align:center;letter-spacing:.02em}.vc-rail-b:hover{color:var(--ink2);background:#1a141d}.vc-rail-b.on{color:var(--ink);background:#241a13;border-color:var(--gold)}.vc-rail-b.on .ic{color:var(--gold)}.vc-inline-ctrls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:14px 20px;border-bottom:1px solid var(--line)}.vc-ic{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--ink3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}.vc-ic input,.vc-ic select{background:#120e15;border:1px solid var(--line2);border-radius:7px;color:var(--ink);padding:8px 10px;font:13px var(--f);min-width:120px}.vc-ic input[type=range]{padding:0;min-width:150px}.vc-ic input:focus,.vc-ic select:focus{outline:none;border-color:var(--gold)}.vc-seg.wide{display:inline-grid;grid-template-columns:repeat(3,auto);gap:6px}.vc-seg.wide button{background:#120e15;border:1px solid var(--line2);color:var(--ink2);border-radius:7px;padding:8px 14px;font:600 12px var(--f);cursor:pointer;text-transform:capitalize}.vc-seg.wide button.on{border-color:var(--gold);background:#241a13;color:var(--ink)}.vc-canvas-foot .wl{display:inline-flex;align-items:center;gap:5px;margin-right:12px}.vc-canvas-foot .wl i{width:11px;height:11px;border-radius:3px;display:inline-block}.vc-cway-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:22px}.vc-cway-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;padding:0;text-align:left}.vc-cway-tile:hover{border-color:var(--line2);transform:translateY(-2px);transition:.12s}.vc-cway-tile.on{border-color:var(--gold)}.vc-cway-tile .vc-thumb{aspect-ratio:4/3;background:#0e0a10}.vc-cway-tile .cap{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.vc-cway-tile .cap b{font-family:var(--serif);font-size:14px;color:var(--ink)}.vc-cway-tile .cap small{font-size:11px;color:var(--ink3);font-family:var(--mono)}.vc-drape{position:relative;width:min(760px,92%);aspect-ratio:720/520;box-shadow:0 30px 80px #0000008c;border-radius:4px;overflow:hidden}.vc-drape .vc-artboard{width:100%;box-shadow:none;border:none;border-radius:0}.vc-weave-tex{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;opacity:.6;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}.vc-drape-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(96deg,#00000038 0,#00000038 40px,#ffffff0f 40px,#ffffff0f 84px,#0003 84px,#0003 128px);mix-blend-mode:soft-light;opacity:.8}.vc-motif-lib{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:22px}.vc-lib-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;padding:0;text-align:left}.vc-lib-card:hover{border-color:var(--line2);transform:translateY(-2px);transition:.12s}.vc-lib-card.on{border-color:var(--gold)}.vc-lib-card svg{width:100%;display:block;background:#0e0a10}.vc-lib-card .cap{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.vc-lib-card .cap b{font-family:var(--serif);font-size:13.5px;color:var(--ink)}.vc-lib-card .cap small{font-size:10.5px;color:var(--ink3);font-family:var(--mono)}.vc-prod{flex:1;overflow:auto;padding:22px}.vc-prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.vc-prod-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.vc-spec{width:100%;border-collapse:collapse;margin-top:4px}.vc-spec td{padding:7px 4px;border-bottom:1px solid var(--line);font-size:12.5px;font-family:var(--mono)}.vc-spec td:first-child{color:var(--ink3)}.vc-spec td:last-child{color:var(--ink);text-align:right}.vc-prod-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.vc-prod-p{color:var(--ink2);font-size:12.5px;line-height:1.5;margin:4px 0 0}.vc-prod-msg{margin-top:16px;color:#7ec886;font-size:12.5px;background:#3b6e3f24;border:1px solid rgba(59,110,63,.4);border-radius:8px;padding:10px 14px}.vc-studio-top{display:flex;align-items:center;gap:12px}.vc-saved{color:#7ec886;font-size:12px;font-family:var(--mono)}.vc-panel{background:var(--panel);border-right:1px solid var(--line);overflow:auto;padding:6px 0}.vc-section{padding:14px 16px;border-bottom:1px solid var(--line)}.vc-section-t{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);margin-bottom:11px}.vc-f{display:block;font-size:11px;color:var(--ink3);margin-bottom:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}.vc-f input,.vc-f select{display:block;width:100%;margin-top:5px;background:#120e15;border:1px solid var(--line2);border-radius:7px;color:var(--ink);padding:9px 10px;font:13px var(--f)}.vc-f input:focus,.vc-f select:focus{outline:none;border-color:var(--gold)}.vc-motifs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vc-motif-card{background:#120e15;border:1px solid var(--line2);border-radius:9px;padding:7px 4px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink2)}.vc-motif-card svg{width:100%;aspect-ratio:1;color:var(--madder)}.vc-motif-card span{font-size:10px;font-family:var(--mono)}.vc-motif-card.on{border-color:var(--gold);background:#241a13;color:var(--ink)}.vc-cways{display:flex;flex-direction:column;gap:7px}.vc-cway{display:flex;align-items:center;gap:10px;background:#120e15;border:1px solid var(--line2);border-radius:9px;padding:8px 10px;cursor:pointer;text-align:left}.vc-cway.on{border-color:var(--gold);background:#241a13}.vc-cway .chips{display:flex;gap:3px}.vc-cway .chips i{width:16px;height:16px;border-radius:4px;display:block}.vc-cway .nm{font-size:12.5px;color:var(--ink);display:flex;flex-direction:column}.vc-cway .nm small{font-size:10px;color:var(--ink3);font-family:var(--mono)}.vc-seg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.vc-seg button{background:#120e15;border:1px solid var(--line2);color:var(--ink2);border-radius:7px;padding:8px;font:600 12px var(--f);cursor:pointer}.vc-seg button.on{border-color:var(--gold);background:#241a13;color:var(--ink)}.vc-layer{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:7px;cursor:pointer}.vc-layer:hover{background:#221a26}.vc-layer .eye{color:var(--ink3);font-size:13px}.vc-layer .eye.on{color:var(--gold)}.vc-layer .nm{font-size:12.5px;color:var(--ink)}.vc-layer .nm.off{color:var(--ink3);text-decoration:line-through}.vc-canvas-wrap{display:flex;flex-direction:column;min-height:0;background:radial-gradient(900px 500px at 50% 0%,#211a25,#141017)}.vc-canvas-head{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:var(--ink2);font-size:13px;border-bottom:1px solid var(--line)}.vc-canvas-head .mono{font-size:11px;color:var(--ink3)}.vc-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:26px;min-height:0}.vc-artboard{width:min(760px,92%);aspect-ratio:720/520;box-shadow:0 30px 80px #00000080;border:1px solid var(--line2);border-radius:4px;overflow:hidden;background:#000}.vc-artboard svg{display:block}.vc-canvas-foot{padding:10px 20px;color:var(--ink3);font-size:11px;border-top:1px solid var(--line)}@media (max-width:980px){.vc-studio{grid-template-columns:76px 1fr}.vc-panel{display:none}.vc-search{min-width:180px}}