*{box-sizing:border-box}.vn-shell{--bg:var(--background);--panel:var(--app-panel);--surface:var(--app-surface);--line:var(--app-line);--muted:var(--app-muted);--text:var(--foreground);--accent:var(--app-accent);--cyan:var(--brand-accent);z-index:1000;background:var(--bg);color:var(--text);grid-template-columns:70px 220px minmax(0,1fr) 300px;font-family:Tahoma,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.vn-shell button,.vn-shell textarea,.vn-shell input{font:inherit}.vn-nav{background:var(--app-panel);border-left:1px solid var(--line);flex-direction:column;align-items:center;gap:7px;padding:11px 6px;display:flex}.vn-logo{width:40px;height:40px;box-shadow:0 9px 25px color-mix(in srgb, var(--app-shadow-color) 21.96%, transparent);background:linear-gradient(145deg,#775cff,#2887f3);border-radius:12px;place-items:center;margin-bottom:9px;font:700 20px Arial;display:grid}.vn-nav>div:not(.vn-logo){flex:1}.vn-nav button{width:56px;min-height:49px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;gap:3px;display:grid}.vn-nav button i{font:18px Arial}.vn-nav button:hover,.vn-nav button.active{background:var(--app-control);color:var(--foreground)}.vn-library{background:var(--app-panel);border-left:1px solid var(--line);min-width:0;padding:15px 11px;overflow:auto}.vn-library header{gap:4px;margin-bottom:13px;display:grid}.vn-library header small{color:var(--app-muted);letter-spacing:.12em;font:8px Arial}.vn-library>label{border:1px solid var(--line);background:var(--app-panel);height:34px;color:var(--app-muted);border-radius:8px;align-items:center;gap:5px;margin:11px 0;padding:0 8px;display:flex}.vn-library input{width:100%;color:var(--app-muted);background:0 0;border:0;outline:0;font-size:9px}.vn-main{grid-template-rows:56px minmax(290px,1fr) auto auto;min-width:0;min-height:0;display:grid;overflow:hidden}.vn-top{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--app-panel) 94.9%, transparent);justify-content:space-between;align-items:center;padding:7px 13px;display:flex}.vn-top>div{align-items:center;gap:7px;display:flex}.vn-top small{color:var(--app-muted)}.vn-top span{color:#43b9ac}.vn-top button{border:1px solid var(--app-line);background:var(--app-control);color:var(--app-muted);border-radius:7px;padding:7px 9px}.vn-top button.primary{color:var(--app-on-primary);background:#526aff;border-color:#586eff}.vn-top .mobile{display:none}.vn-canvas{background:var(--app-canvas);min-height:0;position:relative;overflow:hidden}.vn-canvas>header{z-index:4;border-bottom:1px solid var(--app-line);background:linear-gradient(color-mix(in srgb, var(--app-canvas) 96.47%, transparent),color-mix(in srgb, var(--app-canvas) 86.27%, transparent));justify-content:space-between;align-items:center;height:47px;padding:7px 11px;display:flex;position:absolute;inset:0 0 auto}.vn-canvas>header>div:first-child{gap:2px;display:grid}.vn-canvas>header small{color:var(--app-muted)}.vn-canvas>header>div:last-child{align-items:center;gap:4px;display:flex}.vn-canvas>header button{border:1px solid var(--app-line);background:var(--app-canvas);min-width:26px;height:26px;color:var(--app-muted);border-radius:6px;padding:0 7px}.vn-canvas>header span{text-align:center;min-width:34px;color:var(--app-muted)}.vn-graph{touch-action:none;cursor:grab;position:absolute;inset:47px 0 0;overflow:hidden}.vn-graph.panning{cursor:grabbing}.vn-grid{background-image:radial-gradient(var(--app-surface) 1px,transparent 1px);opacity:.55;background-size:24px 24px;position:absolute;inset:-100px}.vn-world{transform-origin:0 0;width:1050px;height:480px;position:absolute;top:0;left:0}.vn-world svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.vn-world svg path{fill:none;stroke:var(--app-line);stroke-width:2.3px;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--app-shadow-color))}.vn-node{border:1px solid var(--app-line);background:var(--app-control);width:184px;height:126px;box-shadow:0 14px 38px color-mix(in srgb, var(--app-shadow-color) 60%, transparent);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:11px;position:absolute}.vn-node:active{cursor:grabbing}.vn-node.selected{border-color:var(--cyan);box-shadow:0 0 0 1px color-mix(in srgb, var(--app-shadow-color) 27.06%, transparent),0 18px 45px color-mix(in srgb, var(--app-shadow-color) 73.33%, transparent)}.vn-node>header{border-bottom:1px solid var(--app-line);align-items:center;gap:7px;height:42px;padding:7px 9px;display:flex}.vn-node>header>i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.vn-node>header span{flex:1;gap:2px;min-width:0;display:grid}.vn-node>header small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--app-muted);text-align:right;direction:ltr;display:block;overflow:hidden}.vn-node>header button{color:var(--app-muted);background:0 0;border:0;margin-right:auto}.vn-body{height:84px;color:var(--app-muted);padding:8px 10px}.vn-port{background:#141b23;border:2px solid #788596;border-radius:50%;width:10px;height:10px;position:absolute;top:59px}.vn-port.in{right:-6px}.vn-port.out{border-color:var(--cyan);left:-6px}.vn-body p{height:44px;color:var(--app-muted);margin:0;line-height:1.7;overflow:hidden}.vn-body em{color:#61c9bc;background:#20312f;border-radius:10px;margin-top:4px;padding:3px 6px;font-style:normal;display:inline-block}.vn-model>i{width:31px;height:31px;color:var(--foreground);background:linear-gradient(145deg,#6759ef,#277de9);border-radius:8px;place-items:center;font:700 14px Arial;display:grid}.vn-hint{border:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 86.27%, transparent);color:var(--app-muted);border-radius:20px;padding:5px 9px;position:absolute;bottom:8px;left:50%}.vn-composer{border:1px solid var(--app-line);background:var(--app-control);border-radius:11px;margin:9px 11px 7px;overflow:hidden}.vn-composer>header{border-bottom:1px solid var(--app-line);align-items:center;gap:5px;height:33px;padding:5px 9px;display:flex}.vn-composer>header em{color:var(--cyan);border:1px solid #315b56;border-radius:4px;padding:2px 4px;font-style:normal}.vn-composer>header button{color:var(--app-muted);background:0 0;border:0;margin-right:auto}.vn-composer textarea{resize:none;width:100%;height:50px;color:var(--foreground);background:0 0;border:0;outline:0;padding:8px 10px;line-height:1.8;display:block}.vn-composer footer{border-top:1px solid var(--app-line);justify-content:space-between;align-items:end;gap:9px;padding:6px 9px;display:flex}.vn-composer footer>div{align-items:end;gap:4px;display:flex}.vn-composer footer button{border:1px solid var(--app-line);background:var(--app-control);color:var(--app-muted);border-radius:6px;padding:6px}.vn-composer label{color:var(--app-muted);gap:3px;display:grid}.vn-composer label button{text-align:right;min-width:64px}.vn-composer .generate{min-width:115px;color:var(--foreground);background:linear-gradient(110deg,#7959ef,#347df6);border-color:#5a6fff;font-weight:700}.vn-inspector{background:var(--app-panel);border-right:1px solid var(--line);min-width:0;overflow:auto}.vn-inspector>nav{z-index:3;background:color-mix(in srgb, var(--app-panel) 94.9%, transparent);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);height:44px;display:grid;position:sticky;top:0}.vn-inspector>nav button{color:var(--app-muted);background:0 0;border:0;border-bottom:2px solid #0000}.vn-inspector>nav button.active{color:var(--foreground);border-bottom-color:#6378ff}.vn-preview{background:var(--app-panel);border-bottom:1px solid var(--line);padding:11px}.vn-preview>div{text-align:center;border:1px solid var(--app-line);background:var(--app-surface);height:245px;box-shadow:none;border-radius:10px;place-content:center;gap:6px;display:grid}.vn-preview>div b{color:color-mix(in srgb, var(--foreground) 13.33%, transparent);font:700 23px Arial}.vn-preview>div span{color:var(--app-muted);font-size:8px}.vn-preview footer{color:var(--app-muted);margin-top:8px}@media (max-width:1240px){.vn-shell{grid-template-columns:62px 190px minmax(0,1fr) 270px}}@media (max-width:960px){.vn-shell{grid-template-columns:58px 180px minmax(0,1fr)}.vn-inspector{z-index:20;width:min(300px,88vw);box-shadow:18px 0 55px color-mix(in srgb, var(--app-shadow-color) 73.33%, transparent);position:fixed;top:0;bottom:0;left:0}.vn-top .mobile{display:block}}@media (max-width:700px){.vn-shell{grid-template-columns:52px minmax(0,1fr)}.vn-library{display:none}.vn-nav button{width:42px}.vn-nav button span{display:none}.vn-main{grid-template-rows:52px minmax(290px,1fr) auto auto}.vn-top>div:first-child small,.vn-top>div:first-child span,.vn-top>div:last-child>button:not(.primary):not(.mobile){display:none}.vn-composer footer{flex-direction:column;align-items:stretch}.vn-composer footer>div:first-child,.vn-composer label:nth-child(2),.vn-composer label:nth-child(3),.vn-hint{display:none}}@media (max-height:740px) and (min-width:701px){.vn-main{grid-template-rows:52px minmax(270px,1fr) auto}.vn-preview>div{height:195px}.vn-composer textarea{height:40px}}.vn-nav button span,.vn-library header small,.vn-top small,.vn-top span,.vn-canvas>header small,.vn-canvas>header span,.vn-node>header small,.vn-body em,.vn-composer>header em,.vn-composer>header button,.vn-composer label,.vn-composer footer button,.vn-preview footer{font-size:10px}.vn-top button,.vn-canvas>header b,.vn-canvas>header button,.vn-body,.vn-composer>header b,.vn-composer textarea,.vn-inspector>nav button{font-size:11px}.vn-library header b{font-size:16px}.vn-node>header b{font-size:12px}.vn-body p{font-size:11px}.vn-hint{white-space:nowrap;font-size:10px;translate:-50%}.vn-connection-toast{z-index:1200;min-width:280px;max-width:min(520px,100vw - 28px);color:var(--foreground);box-shadow:0 14px 40px color-mix(in srgb, var(--app-shadow-color) 66.67%, transparent),0 0 0 1px color-mix(in srgb, var(--app-shadow-color) 13.33%, transparent);background:#321a21f2;border:1px solid #d95a68;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;animation:.18s ease-out vn-connection-toast-in;display:flex;position:fixed;top:72px;left:50%;translate:-50%}.vn-connection-toast>i{width:22px;height:22px;color:var(--foreground);background:#f67;border-radius:50%;flex:none;place-items:center;font:700 13px Arial;display:grid}.vn-connection-toast>span{flex:1;font-size:10px;line-height:1.8}.vn-connection-toast>button{width:25px;height:25px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;font:18px Arial;display:grid}.vn-connection-toast>button:hover{background:color-mix(in srgb, var(--app-surface) 7.06%, transparent);color:var(--foreground)}@keyframes vn-connection-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.vn-connection-toast{width:calc(100vw - 20px);min-width:0;top:60px}}.vn-top b{font-size:13px}
.vn-library-domain{color:var(--app-muted);grid-template-columns:auto 1fr;align-items:center;gap:6px;margin-top:6px;font-size:8px;display:grid}.vn-library-domain select{border:1px solid var(--app-line);background:var(--app-control);min-width:0;height:28px;color:var(--foreground);border-radius:6px;padding:0 6px;font-size:8px}.vn-library-domain-control{min-width:0;position:relative}.vn-library-domain-trigger{border:1px solid var(--app-line);background:var(--app-control);width:100%;min-width:0;height:28px;color:var(--foreground);font-family:var(--font-ui);text-align:right;cursor:pointer;direction:rtl;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 7px;font-size:8px;line-height:1;display:flex}.vn-library-domain-trigger>b{min-width:0;font:inherit;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vn-library-domain-trigger>i{color:var(--app-muted);flex:none;font:9px Arial;transition:transform .15s}.vn-library-domain:has(.vn-library-domain-menu) .vn-library-domain-trigger>i{transform:rotate(180deg)}.vn-library-domain-menu{z-index:45;border:1px solid var(--app-line);background:var(--app-control);box-shadow:0 14px 34px var(--app-shadow);direction:rtl;border-radius:6px;gap:2px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0}.vn-library-domain-menu>button{width:100%;height:28px;min-height:28px;color:var(--foreground);font-family:var(--font-ui);text-align:right;cursor:pointer;direction:rtl;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:0 7px;font-size:8px;line-height:1;display:flex}.vn-library-domain-menu>button>span{text-align:right;flex:1;min-width:0}.vn-library-domain-menu>button:hover,.vn-library-domain-menu>button.active{background:var(--app-control-hover);color:var(--foreground)}.vn-library-domain-menu>button>i{color:var(--app-accent);flex:none;font:9px Arial}.vn-preset-search{height:32px!important;margin:0 0 10px!important;display:flex!important}.vn-preset-search>span{color:var(--app-muted);font:14px Arial}.vn-preset-search>button{width:20px;color:var(--app-muted);background:0 0;border:0;padding:0}.vn-preset-empty{border:1px dashed var(--app-line);color:var(--app-muted);text-align:center;border-radius:8px;grid-column:1/-1;margin:8px 0;padding:16px 7px;font-size:8px}.vn-library-presets{grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;gap:5px;display:grid}.vn-library-presets button{border:1px solid var(--app-line);background:var(--app-control);min-height:68px;color:var(--app-muted);cursor:pointer;border-radius:8px;align-content:center;place-items:center;gap:5px;padding:6px;display:grid}.vn-library-presets button:hover,.vn-library-presets button.active{border-color:var(--preset-color,#5a6fee);background:color-mix(in srgb,var(--preset-color,#5a6fee) 13%,var(--app-control));color:var(--foreground)}.vn-library-presets button[style]>i{color:var(--preset-color)}.vn-library-presets i{font:20px Arial}.vn-library-presets b{font-size:10px}.vn-select-menu{z-index:30;border:1px solid var(--app-line);background:var(--app-node);box-shadow:0 16px 40px color-mix(in srgb, var(--app-shadow-color) 73.33%, transparent);border-radius:8px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;right:0}.vn-select-menu button{width:100%;color:var(--app-muted);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px;font-size:9px;display:block}.vn-select-menu button:hover{background:var(--app-control);color:var(--foreground)}.vn-select-menu.models button{justify-content:space-between;align-items:center;display:flex}.vn-select-menu.models small{color:var(--app-muted);font-size:8px}.vn-modal{z-index:100;background:color-mix(in srgb, var(--app-panel) 73.33%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vn-modal>section{border:1px solid var(--app-line);background:var(--app-surface);width:min(620px,94vw);box-shadow:0 30px 90px var(--app-shadow);border-radius:12px;overflow:hidden}.vn-modal>section>header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.vn-modal>section>header b{font-size:13px}.vn-modal>section>header button{border:1px solid var(--app-line);background:var(--app-control);width:28px;height:28px;color:var(--app-muted);border-radius:6px;font-size:17px}.vn-modal>section>div{grid-template-columns:210px 1fr;gap:12px;padding:16px;display:grid}.vn-modal-thumb{border:1px dashed var(--app-line);background:var(--app-control);min-height:210px;color:var(--app-muted);border-radius:9px;place-content:center;gap:8px;font-size:25px;display:grid}.vn-modal-thumb small{font-size:9px;display:block}.vn-modal label{color:var(--app-muted);grid-template-rows:auto 1fr;gap:9px;font-size:9px;display:grid}.vn-modal input,.vn-modal textarea{border:1px solid var(--app-line);background:var(--app-control);width:100%;color:var(--foreground);border-radius:7px;outline:0;padding:10px}.vn-modal label span{grid-template-rows:auto 1fr;gap:6px;display:grid}.vn-modal textarea{resize:none;min-height:145px}.vn-modal footer{border-top:1px solid var(--app-line);justify-content:flex-start;gap:6px;padding:11px 16px;display:flex}.vn-modal footer button{border:1px solid var(--app-line);background:var(--app-control);min-width:78px;color:var(--app-muted);border-radius:7px;padding:8px}.vn-modal footer button.save{border-color:var(--app-accent);background:var(--app-accent-strong);color:var(--app-on-primary)}@media (max-width:700px){.vn-modal>section>div{grid-template-columns:1fr}.vn-modal-thumb{min-height:100px}}.vn-top-project{min-width:0}.vn-top-brand{border-left:0;align-items:center;margin-left:0;padding-left:0;display:flex!important}.vn-top-brand>img{object-fit:contain;width:147px;height:auto;display:block}.vn-top-brand>.vn-brand-logo-light,html[data-theme=light] .vn-top-brand>.vn-brand-logo-dark{display:none}html[data-theme=light] .vn-top-brand>.vn-brand-logo-light{display:block}.vn-top-project>label{border:1px solid var(--app-line);background:var(--app-control);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;display:flex}.vn-top-project>label small{font-size:8px}.vn-top-project>label b{font-size:10px}.vn-top button.active{color:var(--foreground);background:var(--app-surface);border-color:#6074f8}.vn-credit{align-items:center;gap:5px;display:flex;color:#e6c66f!important;width:auto!important;padding-inline:9px!important}.vn-credit>i{color:#f0c96b;font:13px Arial}.vn-credit>span{color:inherit!important;font-size:8px!important}.vn-avatar{width:30px;height:30px;font-weight:700;background:var(--app-control)!important;color:var(--foreground)!important;border-radius:8px!important;padding:0!important}.vn-large-preview{background:var(--app-canvas);place-items:center;padding:18px;display:grid;position:absolute;inset:47px 0 0}.vn-large-preview>div{aspect-ratio:9/16;text-align:center;border:1px solid var(--app-line);background:radial-gradient(circle at 48% 35%,#dca27433,transparent 24%),linear-gradient(155deg,var(--app-surface),var(--app-control) 48%,var(--app-control));height:min(76vh,620px);box-shadow:0 25px 70px color-mix(in srgb, var(--app-shadow-color) 66.67%, transparent),inset 0 0 80px color-mix(in srgb, var(--app-shadow-color) 46.67%, transparent);border-radius:10px;place-content:center;gap:9px;display:grid}.vn-large-preview>div b{color:color-mix(in srgb, var(--foreground) 12.55%, transparent);font:700 32px Arial}.vn-large-preview>div span{color:var(--app-muted);font-size:11px}.vn-large-preview>div small{color:var(--app-muted);font-size:9px}.vn-large-preview>footer{border:1px solid var(--app-line);background:var(--app-panel);color:var(--app-muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:9px;display:flex;position:absolute;bottom:15px;left:18%;right:18%}.vn-large-preview>footer button{background:var(--app-control);width:28px;height:28px;color:var(--foreground);border:0;border-radius:50%}.vn-large-preview>footer i{background:linear-gradient(90deg,var(--app-accent) 32%,var(--app-control) 32%);border-radius:3px;flex:1;height:3px}.preview-large .vn-inspector .vn-preview,.preview-large .vn-inspector>nav{display:none}.vn-large-tabs{z-index:4;border-bottom:1px solid var(--app-line);background:var(--app-chrome);grid-template-columns:repeat(3,1fr);height:42px;display:grid;position:absolute;top:0;left:0;right:0}.vn-large-tabs button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:10px}.vn-large-tabs button.active{color:var(--foreground);background:var(--app-control);border-bottom-color:#6378ff}.vn-large-preview{padding-top:58px}@media (max-width:1200px){.vn-top-brand{display:none!important}.vn-credit{display:none}}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand{--vn-brand-width:147px;flex-shrink:0;width:var(--vn-brand-width)!important;min-width:var(--vn-brand-width)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>img{width:var(--vn-brand-width)!important;height:auto!important;max-height:none!important}@media (max-width:1240px){:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand{--vn-brand-width:115px}}@media (max-width:760px){:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand{--vn-brand-width:104px}}.vn-library-presets .vn-preset-thumbnail{border-radius:6px;place-items:center;width:48px;height:40px;display:grid;overflow:hidden}.vn-library-presets .vn-preset-thumbnail>img{object-fit:cover;width:100%;height:100%;display:block}.vn-library-presets .vn-preset-thumbnail>.vihan-icon{width:28px;height:28px}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset>button:first-child,:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>button:not(.vn-add-public-preset){isolation:isolate;gap:3px;height:56px;position:relative;overflow:hidden;min-height:56px!important;padding:6px!important}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets button>.vn-preset-thumbnail:not(.has-image){width:32px;height:26px}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets .vn-preset-thumbnail:not(.has-image)>.vihan-icon{width:23px;height:23px}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets button>.vn-preset-thumbnail.has-image{z-index:auto;border-radius:0;width:100%;height:56px;position:static}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets button:has(>.vn-preset-thumbnail.has-image){grid-template-rows:56px auto;align-content:stretch;align-items:stretch;gap:0;height:auto;min-height:84px!important;padding:0!important}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets button:has(>.vn-preset-thumbnail.has-image):after{content:none}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets button:has(>.vn-preset-thumbnail.has-image)>b{width:100%;min-height:28px;color:inherit;text-shadow:none;border-top:1px solid #2b3543;place-items:center;padding:5px 4px;font-size:10px;line-height:1.5;display:grid}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset:has(>footer){flex-direction:column;min-height:0;display:flex}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset:has(>footer)>button:first-child{flex:none;height:auto!important;padding-bottom:6px!important}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset:has(>footer)>button:first-child:has(>.has-image){min-height:84px!important;padding:0!important}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset>footer{flex:none;height:28px;position:static}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset>footer>button{place-items:center;height:27px!important;min-height:27px!important;padding:0!important;display:grid!important}:is(.vn-shell,.vc-shell) .vn-library .vn-library-presets>.vn-public-preset>footer>button>.vihan-icon{fill:none;stroke:currentColor;width:15px;height:15px;position:static}
.vn-shell{padding-top:58px}.vn-main{grid-template-rows:minmax(320px,1fr) auto}.vn-top{z-index:80;background:color-mix(in srgb, var(--app-panel) 96.86%, transparent);height:58px;box-shadow:0 1px 0 var(--app-shadow-color),0 8px 20px color-mix(in srgb, var(--app-shadow-color) 20%, transparent);padding:7px 14px;position:fixed;top:0;left:0;right:0}.vn-nav .vn-logo{display:none}.vn-nav{padding-top:11px}.vn-top-project{direction:rtl}.vn-top>div:last-child{direction:rtl;flex-wrap:nowrap}.vn-top button{border-color:var(--app-line);background:var(--app-control);width:30px;height:30px;color:var(--app-muted);white-space:nowrap;border-radius:8px;padding:0}.vn-top button:hover{border-color:var(--app-line);background:var(--app-control);color:var(--foreground)}.vn-enlarge{z-index:5;border:1px solid var(--app-line);background:var(--app-control);width:calc(100% - 16px);height:36px;color:var(--app-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin:8px;font-size:10px;display:flex;position:sticky;top:0}.vn-enlarge:hover,.vn-enlarge.active{background:var(--app-surface);color:var(--foreground);border-color:#6074f8}.vn-inspector>nav{top:52px}@media (max-width:960px){.vn-shell{padding-top:54px}.vn-top{height:54px}.vn-top>div:last-child>button:not(.primary):not(.mobile):not(.vn-avatar){display:none}}.vn-shell{grid-template-rows:minmax(0,1fr);padding-bottom:34px}.vn-nav,.vn-library,.vn-main,.vn-inspector{grid-row:1}.vn-top-project time{border-right:1px solid var(--line);min-width:120px;color:var(--app-muted);gap:2px;margin-right:8px;padding-right:12px;display:grid}.vn-top-project time b{font-size:11px}.vn-top-project time small{color:var(--app-muted);font-size:8px}@media (max-width:1050px){.vn-top-project time{display:none}}.vn-top-project>label{min-width:300px}.vn-composer-body{direction:rtl;grid-template-columns:minmax(0,1fr) 220px;min-height:78px;display:grid}.vn-composer-body>textarea{grid-column:1;border-left:1px solid var(--app-line)!important;height:78px!important}.vn-composer-body>footer{flex-direction:column;grid-column:2;height:auto;border-top:0!important;justify-content:center!important;align-items:stretch!important;gap:7px!important;padding:10px!important;display:flex!important}.vn-composer-body>footer button{width:100%;min-height:30px}.vn-composer-body>footer .generate{order:1}.vn-composer-body>footer button:not(.generate){order:2}@media (max-width:900px){.vn-top-project>label{min-width:180px}.vn-composer-body{grid-template-columns:minmax(0,1fr) 170px}}@media (max-width:700px){.vn-composer-body{grid-template-columns:1fr}.vn-composer-body>textarea,.vn-composer-body>footer{grid-column:1}.vn-composer-body>footer{flex-direction:row}.vn-composer-body>footer button{flex:1;width:auto}.vn-shell{grid-template-columns:minmax(0,1fr)!important;padding-bottom:90px!important}.vn-shell>.vn-library{display:none!important}.vn-shell>.vn-main{min-width:0;grid-area:1/1!important;width:100vw!important;max-width:100vw!important}.vn-shell>.vn-nav{z-index:1100;border-top:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 96.08%, transparent);width:100%;height:56px;box-shadow:0 -10px 28px color-mix(in srgb, var(--app-shadow-color) 53.33%, transparent);border-left:0;flex-direction:row;align-items:stretch;gap:2px;padding:4px 6px;display:flex;bottom:34px;left:0;right:0;position:fixed!important}.vn-nav>div{display:none!important}.vn-nav>button{flex:1;min-width:0;width:auto!important;min-height:46px!important;padding:2px!important}.vn-nav>button i{font-size:15px}.vn-nav>button span{font-size:6px;display:block!important}.vn-nav>button:nth-of-type(n+6){display:none}.vn-shell>.vn-inspector{display:none!important}.vn-shell.panel-open>.vn-inspector{z-index:1050;box-shadow:0 18px 55px color-mix(in srgb, var(--app-shadow-color) 86.67%, transparent);padding-bottom:38px;inset:54px 0 90px;overflow:auto;width:100vw!important;max-width:none!important;display:block!important;position:fixed!important}.vn-shell.panel-open>.vn-inspector .vn-preview>div{height:min(46vh,320px)}.vn-top .mobile{display:block!important}}.vn-side-panel-toggle{z-index:95;border:1px solid var(--app-line);background:var(--app-control);width:24px;height:44px;color:var(--app-muted);box-shadow:7px 0 18px color-mix(in srgb, var(--app-shadow-color) 46.67%, transparent);cursor:pointer;border-left:0;border-radius:0 8px 8px 0;place-items:center;padding:0;transition:left .18s,background .18s;display:grid;position:fixed;top:70px;left:300px}.vn-side-panel-toggle.closed{left:0}.vn-side-panel-toggle:hover{background:var(--app-surface);color:var(--foreground);border-color:#6074f8}.vn-side-panel-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}html[data-theme=light] .vn-side-panel-toggle{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted);box-shadow:7px 0 18px color-mix(in srgb, var(--app-shadow-color) 14.9%, transparent)}@media (max-width:700px){.vn-side-panel-toggle{display:none!important}.vn-shell.mobile-admin{padding-top:54px!important;padding-bottom:64px!important}.vn-shell.mobile-admin>.vn-main{grid-template-rows:minmax(0,1fr)!important;height:calc(100dvh - 64px)!important}.vn-shell.mobile-admin .vn-canvas{height:100%;min-height:0}.vn-shell.mobile-admin .vn-canvas>header{grid-template-rows:38px 34px;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;overflow:visible;height:82px!important;padding:5px 7px!important;display:grid!important}.vn-shell.mobile-admin .vn-canvas-identity{grid-area:1/1;min-width:0;order:initial!important}.vn-shell.mobile-admin .vn-canvas-identity>label{width:100%;height:30px;padding-inline:8px;min-width:0!important;max-width:none!important}.vn-shell.mobile-admin .vn-canvas-identity:after,.vn-shell.mobile-admin .vn-canvas-actions:before,.vn-shell.mobile-admin .vn-canvas-identity>span{display:none!important}.vn-shell.mobile-admin .vn-canvas-actions{direction:rtl;grid-area:1/2;order:initial!important;margin:0!important;padding:0!important}.vn-shell.mobile-admin .vn-canvas-actions>button{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important}.vn-shell.mobile-admin .vn-canvas-tools{scrollbar-width:none;grid-area:2/1/auto/-1;width:100%;min-width:0;overflow:auto visible;order:initial!important;justify-content:flex-start!important;gap:5px!important;margin:0!important;display:flex!important}.vn-shell.mobile-admin .vn-canvas-tools::-webkit-scrollbar{display:none}.vn-shell.mobile-admin .vn-canvas-tools>button,.vn-shell.mobile-admin .vn-canvas-tools>.vn-arrange>button{min-width:32px;height:28px!important;padding:0 7px!important}.vn-shell.mobile-admin .vn-canvas-tools>button>span,.vn-shell.mobile-admin .vn-arrange>button>span{display:none}.vn-shell.mobile-admin .vn-zoom-tools>span{min-width:40px!important;padding:0 5px!important}.vn-shell.mobile-admin .vn-history-tools{flex:none}.vn-shell.mobile-admin .vn-arrange-menu{min-width:178px;left:auto;right:0}.vn-shell.mobile-admin .vn-graph{inset:82px 0 0!important}.vn-shell.mobile-admin .vn-hint{display:none!important}.vn-shell.mobile-admin>.vn-nav{height:64px!important;padding:5px 7px!important;bottom:0!important}.vn-shell.mobile-admin>.vn-nav>button{border-radius:9px;min-height:52px!important}.vn-shell.mobile-admin>.vn-nav>button.active{background:var(--app-control);color:#8798ff}.vn-shell.mobile-admin>.vn-nav>button i{font-size:17px}.vn-shell.mobile-admin>.vn-nav>button span{font-size:7px}.vn-shell.mobile-admin.panel-open>.vn-inspector{box-shadow:0 0 0 100vmax color-mix(in srgb, var(--app-shadow-color) 65.88%, transparent),0 18px 55px color-mix(in srgb, var(--app-shadow-color) 86.67%, transparent);border-right:0!important;top:54px!important;bottom:64px!important}.vn-shell.mobile-admin .vn-top{gap:5px!important;height:54px!important;padding:6px 7px!important}.vn-shell.mobile-admin .vn-top>div{gap:4px!important}.vn-shell.mobile-admin .vn-top .vn-top-project{flex:none!important}.vn-shell.mobile-admin .vn-top .vn-top-brand{width:72px!important;height:30px!important;display:flex!important;overflow:hidden!important}.vn-shell.mobile-admin .vn-top .vn-top-brand>img{object-fit:contain!important;width:72px!important;height:30px!important}.vn-shell.mobile-admin .vn-top .vn-credit{justify-content:center!important;gap:3px!important;width:34px!important;min-width:34px!important;height:30px!important;padding:0!important;display:inline-flex!important}.vn-shell.mobile-admin .vn-top .vn-credit>span{font-size:7px!important;display:inline!important}.vn-shell.mobile-admin .vn-top .vn-credit>span>em{display:none!important}.vn-shell.mobile-admin .vn-top .vn-credit>i svg{width:13px!important;height:13px!important}.vn-shell.mobile-admin .vn-top .vn-storage-status,.vn-shell.mobile-admin>.vn-studio-side{display:none!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side{z-index:1050!important;background:var(--app-panel)!important;width:100vw!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;box-shadow:0 0 0 100vmax color-mix(in srgb, var(--app-shadow-color) 65.88%, transparent),0 18px 55px color-mix(in srgb, var(--app-shadow-color) 86.67%, transparent)!important;border:0!important;grid-template-rows:minmax(0,1fr) 44px!important;display:grid!important;position:fixed!important;inset:54px 0 64px!important;overflow:hidden!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector{z-index:5!important;width:32px!important;height:32px!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-template-rows:40px!important;display:grid!important;position:absolute!important;inset:10px 10px auto auto!important;overflow:hidden!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector>.vn-inspector-actions{z-index:4!important;direction:ltr!important;background:0 0!important;grid-row:1!important;justify-content:flex-start!important;width:32px!important;height:32px!important;padding:0!important;position:relative!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector>.vn-inspector-actions>.vn-enlarge{display:none!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector>.vn-inspector-actions>.vn-panel-collapse{border-color:var(--app-line)!important;background:var(--app-control)!important;color:var(--foreground)!important;opacity:1!important;flex-basis:32px!important;display:grid!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector>nav,.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector>.vn-preview,.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-inspector>.vn-inspector-signature{display:none!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-library{background:var(--app-panel)!important;border:0!important;grid-row:1!important;grid-template-rows:auto 34px minmax(0,1fr)!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:12px!important;display:grid!important;position:relative!important;inset:auto!important;overflow:hidden!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-library>header{min-height:34px!important;padding-right:44px!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-library>header>b{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;line-height:32px!important;overflow:hidden!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-library>.vn-library-presets{overscroll-behavior:contain;min-height:0!important;overflow-y:auto!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side>.vn-studio-side-footer{text-align:center!important;border-top:1px solid var(--app-line)!important;background:var(--app-panel)!important;grid-row:2!important;place-content:center!important;height:44px!important;font-size:8px!important;display:grid!important}.vn-shell.mobile-admin.panel-open>.vn-studio-side .vn-panel-collapse svg{transform:rotate(0)!important}}
html[data-theme=light] .vn-top{border-bottom-color:var(--app-line);background:var(--app-surface);box-shadow:0 1px 0 var(--app-shadow-color),0 8px 20px color-mix(in srgb, var(--app-shadow-color) 7.84%, transparent);color:var(--foreground)}html[data-theme=light] .vn-top-brand{color:var(--foreground)!important}html[data-theme=light] .vn-top-brand>i{border-color:var(--app-accent);background:var(--app-surface);color:#455bd7}html[data-theme=light] .vn-top-brand>small{color:var(--app-muted)}html[data-theme=light] .vn-top button{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-top button:hover{border-color:var(--app-line);background:var(--app-surface);color:var(--foreground)}html[data-theme=light] .vn-top .vn-credit{background:var(--app-surface);border-color:#dfc77f;color:#8a650d!important}html[data-theme=light] .vn-top .vn-credit>i{color:#a87808}html[data-theme=light] .vn-top .vn-avatar{border-color:var(--app-line)!important;background:var(--app-surface)!important;color:var(--app-muted)!important}html[data-theme=light] .vn-nav{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-nav button{color:var(--app-muted)}html[data-theme=light] .vn-nav button:hover{background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-nav button.active{background:var(--app-surface);color:var(--app-muted);box-shadow:inset 0 0 0 1px var(--app-shadow-color)}html[data-theme=light] .vn-nav button.active i{color:#455bd7}html[data-theme=light] .vn-nav .vn-logo{box-shadow:0 8px 20px color-mix(in srgb, var(--app-shadow-color) 14.12%, transparent)}@media (max-width:700px){html[data-theme=light] .vn-shell>.vn-nav{border-top-color:var(--app-line);background:color-mix(in srgb, var(--app-surface) 96.08%, transparent);box-shadow:0 -10px 24px color-mix(in srgb, var(--app-shadow-color) 12.16%, transparent)}}html[data-theme=light] .vn-shell{--bg:var(--background);--panel:var(--app-panel);--surface:var(--app-surface);--line:var(--app-line);--muted:var(--app-muted);--text:var(--foreground);--accent:var(--app-accent);--cyan:var(--brand-accent);background:var(--background);color:var(--foreground)}html[data-theme=light] .vn-shell .vn-library{border-color:var(--app-line);background:var(--app-surface);color:var(--foreground)}html[data-theme=light] .vn-shell .vn-library header small,html[data-theme=light] .vn-shell .vn-library article small{color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-library>label,html[data-theme=light] .vn-shell .vn-preset-search{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-library input,html[data-theme=light] .vn-shell .vn-preset-search input{color:var(--foreground)}html[data-theme=light] .vn-shell .vn-library-presets>button,html[data-theme=light] .vn-shell .vn-library-presets>.vn-public-preset{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted);box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 7.06%, transparent)}html[data-theme=light] .vn-shell .vn-library-presets button:hover,html[data-theme=light] .vn-shell .vn-library-presets button.active{background:color-mix(in srgb,var(--preset-color,var(--app-accent)) 10%,var(--app-surface));color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-canvas{background:var(--app-canvas)}html[data-theme=light] .vn-shell .vn-canvas>header{border-bottom-color:var(--app-line);background:linear-gradient(color-mix(in srgb, var(--app-canvas) 96.86%, transparent),color-mix(in srgb, var(--app-canvas) 90.98%, transparent));box-shadow:0 5px 16px color-mix(in srgb, var(--app-shadow-color) 7.06%, transparent)}html[data-theme=light] .vn-shell .vn-canvas>header small,html[data-theme=light] .vn-shell .vn-canvas>header span{color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-canvas>header button{border-color:var(--app-line);background:var(--app-canvas);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-canvas>header button:hover,html[data-theme=light] .vn-shell .vn-canvas>header button.active{border-color:var(--app-accent);background:var(--app-canvas);color:var(--app-accent)}html[data-theme=light] .vn-shell .vn-grid{background-image:radial-gradient(var(--app-surface) 1px,transparent 1px);opacity:.62}html[data-theme=light] .vn-shell .vn-hint{border-color:var(--app-line);background:color-mix(in srgb, var(--app-surface) 90.98%, transparent);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-composer{border-color:var(--app-line);background:var(--app-surface);box-shadow:0 12px 30px color-mix(in srgb, var(--app-shadow-color) 12.16%, transparent)}html[data-theme=light] .vn-shell .vn-composer>header,html[data-theme=light] .vn-shell .vn-composer footer{border-color:var(--app-line);background:var(--app-surface)}html[data-theme=light] .vn-shell .vn-composer textarea{color:var(--foreground)}html[data-theme=light] .vn-shell .vn-composer footer button,html[data-theme=light] .vn-shell .vn-composer label button{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-inspector{border-color:var(--app-line);background:var(--app-surface);color:var(--foreground)}html[data-theme=light] .vn-shell .vn-inspector>nav{border-bottom-color:var(--app-line);background:color-mix(in srgb, var(--app-surface) 94.9%, transparent)}html[data-theme=light] .vn-shell .vn-inspector>nav button{color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-inspector>nav button.active{color:var(--app-accent);background:var(--app-surface)}html[data-theme=light] .vn-shell .vn-enlarge{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-enlarge:hover,html[data-theme=light] .vn-shell .vn-enlarge.active{border-color:var(--app-accent);background:var(--app-surface);color:var(--app-accent)}html[data-theme=light] .vn-shell .vn-modal{background:var(--app-overlay)}html[data-theme=light] .vn-shell .vn-modal>section{border-color:var(--app-line);background:var(--app-surface);color:var(--foreground);box-shadow:0 30px 90px color-mix(in srgb, var(--app-shadow-color) 29.02%, transparent)}html[data-theme=light] .vn-shell .vn-modal>section>header,html[data-theme=light] .vn-shell .vn-modal>section>footer{border-color:var(--app-line);background:var(--app-surface)}html[data-theme=light] .vn-shell .vn-modal>section>header button{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-modal label{color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-modal input,html[data-theme=light] .vn-shell .vn-modal textarea,html[data-theme=light] .vn-shell .vn-modal select{border-color:var(--app-line);background:var(--app-surface);color:var(--foreground)}html[data-theme=light] .vn-shell .vn-modal-thumb:not(.has-image){border-color:var(--app-line);background:var(--app-surface);color:var(--app-accent)}html[data-theme=light] .vn-shell .vn-modal-thumb.has-image{border-color:var(--app-line);background-color:var(--app-surface);color:var(--app-accent)}html[data-theme=light] .vn-shell .vn-modal footer button{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}html[data-theme=light] .vn-shell .vn-modal footer button.save{color:var(--app-on-primary);background:#5369ee;border-color:#566bfa}html[data-theme=light] .vn-shell .vn-preset-builder,html[data-theme=light] .vn-shell .vn-preset-target,html[data-theme=light] .vn-shell .vn-preset-builder>.vn-preset-field-editor{border-color:var(--app-line);background:var(--app-surface)}html[data-theme=light] .vn-shell .vn-preset-target>div label,html[data-theme=light] .vn-shell .vn-preset-target select[multiple]{border-color:var(--app-line);background:var(--app-surface);color:var(--app-muted)}.vn-shell{padding-bottom:0}.vn-inspector{flex-direction:column;padding-bottom:38px;display:flex;position:relative}.vn-inspector-signature{z-index:6;text-align:center;border-top:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 96.08%, transparent);width:100%;min-width:0;max-width:100%;height:38px;color:var(--app-muted);white-space:nowrap;box-shadow:0 -5px 14px color-mix(in srgb, var(--app-shadow-color) 26.67%, transparent);place-content:center;gap:1px;padding:5px 8px;font-size:7.5px;line-height:1.25;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.vn-inspector-signature b{color:var(--app-muted);font-weight:600}.vn-inspector-signature span:last-child{color:var(--app-muted);font-size:7px}@media (max-width:960px){.vn-inspector{padding-bottom:38px;position:fixed}}.vn-preview{position:relative}.vn-preview footer{z-index:2;border:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 86.27%, transparent);height:27px;box-shadow:0 5px 14px color-mix(in srgb, var(--app-shadow-color) 46.67%, transparent);color:var(--app-muted);white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:7px;justify-content:center;align-items:center;margin:0;padding:0 9px;font-size:8px;line-height:1;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.vn-composer-body>footer .generate{order:2}.vn-composer-body>footer button:not(.generate){order:1}.vn-composer-body>footer .generate{padding-inline:10px}.vn-composer-body>footer .generate,.vn-composer-body>footer .enhance{padding:6px 10px;font-size:10px}.vn-composer-body>footer .enhance small,.vn-composer-body>footer .generate small{background:color-mix(in srgb, var(--app-surface) 9.41%, transparent);color:var(--foreground);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:500}.vn-composer-body{grid-template-columns:minmax(0,1fr) 230px}.vn-composer-body>footer .generate,.vn-composer-body>footer .enhance{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}@media (max-width:900px) and (min-width:701px){.vn-composer-body{grid-template-columns:minmax(0,1fr) 205px}}@media (max-width:700px){.vn-composer-body{grid-template-columns:1fr}}.vn-library{padding-top:8px}.vn-library header{gap:0;margin-bottom:8px}.vn-library header small{display:none}.vn-composer,.vn-composer-body,.vn-composer-body>textarea{transition:height .22s,min-height .22s}.vn-composer.expanded .vn-composer-body{min-height:220px}.vn-composer.expanded .vn-composer-body>textarea{height:220px!important}.vn-composer>header button+button{margin-right:0}@media (max-height:700px){.vn-composer.expanded .vn-composer-body{min-height:160px}.vn-composer.expanded .vn-composer-body>textarea{height:160px!important}}.vn-composer-body>.vc-prompt-editor{border-left:1px solid var(--app-line);min-height:78px;color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;outline:0;grid-column:1;padding:9px 10px;font-size:9px;line-height:1.8}.vn-composer-body>.vc-prompt-editor:empty:before{content:attr(data-placeholder);color:var(--app-muted);pointer-events:none}.vn-composer .vc-editor-chip{max-width:145px;color:var(--app-warning);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;background:#342b1c;border:1px solid #b58c42;border-radius:10px;align-items:center;margin:0 3px;padding:2px 7px;display:inline-flex;overflow:hidden}.vn-composer .vc-editor-chip.kind-video{border-color:var(--app-line);background:var(--app-control);color:var(--foreground)}.vn-composer-mentions{border-bottom:1px solid var(--app-line);background:var(--app-panel);scrollbar-width:thin;grid-column:1/-1;gap:5px;padding:6px 9px;display:flex;overflow-x:auto}.vn-composer-mentions>span{flex:none;align-items:center;display:flex}.vn-composer-mentions button,.vn-composer-mentions input{border:1px solid var(--app-line);background:var(--app-control);height:25px;color:var(--app-muted);padding:0 7px;font-size:7px}.vn-composer-mentions span>button:first-child,.vn-composer-mentions input{border-radius:6px 0 0 6px;max-width:140px}.vn-composer-mentions button.rename{width:25px;color:var(--app-muted);border-right:0;border-radius:0 6px 6px 0;padding:0}.vn-composer.expanded .vn-composer-body>.vc-prompt-editor{min-height:220px}@media (max-width:700px){.vn-composer-body>.vc-prompt-editor,.vn-composer-body>footer,.vn-composer-mentions{grid-column:1}}@media (max-height:700px){.vn-composer.expanded .vn-composer-body>.vc-prompt-editor{min-height:160px}}.vn-composer .vc-editor-chip.kind-audio{color:#65d8ca;background:#173330;border-color:#2e877e}.vn-composer .vc-editor-chip.broken{border-color:var(--app-danger);color:var(--app-danger);background:#3a1d23;text-decoration:line-through}.vn-canvas>header{gap:10px;height:54px}.vn-canvas>header.project-menu-open{z-index:120}.vn-graph,.vn-large-preview{inset:54px 0 0}.vn-canvas>header .vn-canvas-identity{align-items:center;gap:8px;min-width:0;display:flex}.vn-canvas-identity:after,.vn-canvas-actions:before{width:1px;height:26px}.vn-project-picker{border:1px solid var(--app-line);background:var(--app-control);border-radius:7px;align-items:stretch;height:30px;display:flex}.vn-project-current{text-align:right;cursor:pointer;flex:1;align-items:center;min-width:0;display:flex;color:inherit!important;background:0 0!important;border:0!important;border-radius:6px 0 0 6px!important;padding:0 9px!important}.vn-project-current:hover{background:var(--app-control-hover)!important;color:var(--foreground)!important}.vn-project-current b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vn-project-search,.vn-project-rename,.vn-project-picker>.vn-icon-action{width:29px;border:0!important;border-right:1px solid var(--app-line)!important;min-width:29px!important;color:var(--app-muted)!important;background:0 0!important;border-radius:0!important;padding:0!important}.vn-project-search{place-items:center;display:grid!important}.vn-project-search svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.vn-project-picker>.vn-icon-action{place-items:center;display:grid!important}.vn-project-picker>.vn-icon-action .vn-action-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.vn-project-picker>.vn-save-now{color:var(--foreground)!important}.vn-project-picker>.vn-save-now:hover{background:var(--app-control-hover)!important;color:var(--app-on-primary)!important}.vn-project-picker>.vn-save-now.saved{background:color-mix(in srgb,var(--app-success) 14%,var(--app-panel))!important;color:var(--app-success)!important}.vn-project-picker>.vn-project-delete:hover{background:color-mix(in srgb,var(--app-danger) 12%,var(--app-control))!important;color:var(--app-danger)!important}.vn-project-picker>.vn-icon-action:disabled{opacity:.4}.vn-project-picker>form{flex:1;min-width:0;display:flex}.vn-project-picker>form input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;padding:0 8px;font:700 10px Tahoma,Segoe UI,sans-serif}.vn-project-picker>form button{width:28px;border:0!important;border-right:1px solid var(--app-line)!important;background:0 0!important;border-radius:0!important;min-width:28px!important;padding:0!important}.vn-project-menu{border:1px solid var(--app-line);background:var(--app-panel);border-radius:10px;padding:8px;display:grid;overflow:hidden}.vn-project-menu>header{justify-content:space-between;align-items:center;height:30px;padding:0 4px;display:flex}.vn-project-menu>header button{width:25px;min-width:25px!important;height:25px!important;padding:0!important}.vn-project-menu>label{border:1px solid var(--app-control-border);background:var(--app-control);height:32px;color:var(--app-muted);border-radius:7px;align-items:center;gap:6px;padding:0 9px;display:flex}.vn-project-menu>label input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:9px}.vn-project-menu>div{align-content:start;gap:3px;margin-top:7px;display:grid;overflow:auto}.vn-project-menu>div>button{text-align:right;gap:4px;background:0 0!important;border:1px solid #0000!important;justify-items:start!important;height:auto!important;min-height:42px!important;padding:7px 9px!important;display:grid!important}.vn-project-menu>div>button:hover,.vn-project-menu>div>button.active{border-color:var(--app-accent)!important;background:color-mix(in srgb,var(--app-accent) 12%,var(--app-panel))!important}.vn-project-menu>div>button b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.vn-project-menu>div>button small{color:var(--app-muted);font-size:7px}.vn-project-menu>div>span{text-align:center;color:var(--app-muted);padding:18px 8px;font-size:9px}.vn-canvas-identity>span{min-width:auto}.vn-canvas-identity>.vn-save-now{font-size:13px}.vn-canvas>header .vn-canvas-tools,.vn-canvas>header .vn-canvas-actions{align-items:center;gap:4px;display:flex}.vn-canvas-actions:empty{display:none}.vn-canvas-actions:before{margin-left:3px}.vn-canvas-actions>button.primary{background:var(--app-accent);color:var(--app-on-primary);border-color:#536dff}.vn-canvas-actions>button:hover{color:var(--foreground);border-color:#5265a9}@media (max-width:1180px){.vn-canvas-identity>span{display:none}}.vn-canvas>header>div.vn-canvas-identity:first-child{align-items:center;gap:8px;display:flex}.vn-canvas>header{direction:rtl}.vn-canvas-identity{order:1}.vn-canvas-tools{direction:rtl;order:2}.vn-canvas-actions{direction:rtl;padding-right:6px}.vn-tool-group{border:1px solid var(--app-line);background:var(--app-control);border-radius:7px;align-items:center;gap:4px;height:28px;display:flex;overflow:hidden}.vn-canvas>header .vn-tool-group>button{background:0 0;border:0;border-radius:0;min-width:28px;height:26px}.vn-tool-group>button+button,.vn-zoom-tools>span+button{border-right:0!important}.vn-zoom-tools{direction:ltr}.vn-zoom-tools>span{padding:0 7px;line-height:26px;min-width:42px!important}.vn-history-tools{direction:ltr}.vn-canvas-actions .vn-save-now{min-width:56px}.vn-canvas-actions .vn-save-now:hover{color:var(--app-on-primary)}.vn-canvas-tools{justify-self:start;margin-right:auto!important}.vn-canvas-actions{order:3;margin-right:0!important}.vn-project-picker{width:clamp(236px,32vw,495px);min-width:236px;max-width:495px;position:relative}.vn-project-menu{z-index:130;box-sizing:border-box;box-shadow:0 18px 48px var(--app-shadow);grid-template-rows:auto auto minmax(0,1fr);width:min(100%,360px)}.vn-canvas-identity>span{white-space:nowrap;color:#58cdbf!important}.vn-canvas-identity:after,.vn-canvas-actions:before{content:"";background:var(--app-canvas)}.vn-canvas-actions>button{min-width:56px;height:28px}.vn-canvas-actions>button.primary{min-width:58px}@media (max-width:1180px){.vn-project-picker{width:clamp(150px,25vw,260px);min-width:150px;max-width:260px}}.vn-canvas-actions>button small{background:color-mix(in srgb, var(--app-canvas) 7.06%, transparent);color:var(--app-muted);border-radius:7px;margin-right:4px;padding:1px 4px;font-size:6px}.vn-empty-canvas{z-index:2;pointer-events:none;text-align:center;color:var(--app-muted);opacity:1;transition:opacity .28s;position:absolute;inset:0}.vn-empty-canvas[data-visible=false]{opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s linear .28s}.vn-empty-canvas-watermark{object-fit:contain;opacity:.11;-webkit-user-select:none;user-select:none;width:min(460px,44vw,100% - 48px);height:auto;max-height:65%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vn-empty-canvas-mark{aspect-ratio:1;color:var(--app-accent);place-items:center;font:700 clamp(120px,18vw,240px)/1 Arial;display:grid}.vn-empty-canvas-copy{width:min(420px,100% - 40px);text-shadow:0 1px 4px var(--app-canvas);justify-items:center;gap:7px;display:grid;position:absolute;top:calc(50% + clamp(108px,16vh,150px));left:50%;transform:translate(-50%)}.vn-empty-canvas-copy>b{color:var(--foreground);font-size:13px}.vn-empty-canvas-copy>span{color:var(--app-muted);font-size:10px}.vn-empty-canvas-copy>small{color:var(--app-muted);font-size:8px}html[data-theme=light] .vn-empty-canvas-watermark{opacity:.08}@media (prefers-reduced-motion:reduce){.vn-empty-canvas,.vn-empty-canvas[data-visible=false]{transition:none}}.vn-canvas>header button>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px;display:block}.vn-canvas-actions .vn-action-icon{stroke-width:1.7px;width:16px;height:16px}.vn-canvas-tools>button,.vn-canvas-tools>.vn-arrange>button,.vn-canvas-actions>button{justify-content:center;align-items:center;gap:5px;display:flex!important}.vn-canvas-actions .vn-icon-action{width:30px;min-width:30px;padding:0}.vn-canvas>header button>span{min-width:0;color:inherit;font-size:inherit}.vn-canvas-actions .vn-save-now{background:var(--app-canvas);color:var(--app-on-primary);border-color:#4c62b8;font-weight:700}.vn-canvas-actions .vn-save-now:hover{background:var(--app-canvas);border-color:#7185ef}.vn-canvas-actions .vn-save-now.saved{color:#70dfd0;background:#173b38;border-color:#2f8f83}.vn-canvas-actions>button:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.38!important}.vn-canvas-actions>button:disabled span{color:inherit}.vn-canvas>header:has(.vn-workspace-actions .vn-media-menu){z-index:120}.vn-canvas-tools>.vn-workspace-actions{z-index:20!important;position:relative!important;inset:auto!important}.vn-canvas-tools>.vn-workspace-actions>.vn-flow-add,.vn-canvas-tools>.vn-workspace-actions>button,.vn-canvas-tools>.vn-workspace-actions .vn-flow-add>button{border-radius:7px!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;position:relative!important;inset:auto!important}.vn-canvas-tools>.vn-workspace-actions .vn-media-menu{min-width:148px;inset:calc(100% + 7px) 0 auto auto!important;z-index:140!important;inset-inline:auto 0!important}.vn-canvas-tools>.vn-workspace-actions>button>svg,.vn-canvas-tools>.vn-workspace-actions .vn-flow-add>button>svg{width:16px;height:16px}.vn-canvas-tools>.vn-workspace-actions{border-inline-start:1px solid var(--app-line);flex:none;flex-direction:row!important;align-items:center!important;gap:4px!important;margin-inline-start:4px!important;padding-inline-start:8px!important;display:flex!important}@media (max-width:1440px) and (min-width:901px){.vn-nav button span{font-size:9px}.vn-library>section b{font-size:10px}.vn-library>section small{font-size:8px}.vn-canvas>header button{font-size:9px}.vn-node>header b{font-size:10px}.vn-node>header small{font-size:8px}.vn-body,.vn-inspector>nav button{font-size:9px}}.vn-composer-prompt{border-left:1px solid var(--app-line);flex-direction:column;grid-column:1;min-width:0;display:flex}.vn-composer-prompt>.vc-prompt-editor{min-height:78px;color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border-left:0;outline:0;flex:1;padding:9px 10px;font-size:9px;line-height:1.8}.vn-composer-prompt>.vc-prompt-length{border:1px solid var(--app-line);background:color-mix(in srgb, var(--app-panel) 90.98%, transparent);color:var(--app-muted);border-radius:999px;align-self:flex-end;margin:0 8px 6px;padding:3px 7px;font-size:7px;line-height:1.4;display:block}.vn-composer-prompt>.vc-prompt-length.warning{color:var(--app-warning);border-color:#9b742d}.vn-composer-prompt>.vc-prompt-length.limit{border-color:var(--app-danger);color:var(--app-danger)}.vn-composer.expanded .vn-composer-prompt>.vc-prompt-editor{min-height:220px}@media (max-width:700px){.vn-composer-prompt{border-left:0;grid-column:1}}@media (max-height:700px){.vn-composer.expanded .vn-composer-prompt>.vc-prompt-editor{min-height:160px}}
.vn-top>div:last-child{gap:6px}.vn-top .vn-header-action{min-height:30px;color:var(--app-muted);flex:none;justify-content:center;align-items:center;gap:0;width:32px!important;min-width:32px!important;padding-inline:0!important;display:inline-flex!important}.vn-top .vn-header-action svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.vn-top .vn-header-action span{display:none!important}.vn-top .vn-header-action:hover{background:var(--app-control);color:var(--foreground);border-color:#5265a9}.vn-top .vn-theme-toggle{color:#e2b957}.vn-top .vn-avatar{flex:none;justify-content:center;align-items:center;gap:7px;max-width:160px;min-height:30px;font-weight:500;width:auto!important;min-width:92px!important;padding:3px 4px 3px 9px!important;display:inline-flex!important}.vn-top .vn-avatar>span{text-overflow:ellipsis;white-space:nowrap;max-width:118px;overflow:hidden;min-width:0!important;color:var(--app-muted)!important;font-size:9px!important;line-height:1!important;display:block!important}.vn-top .vn-avatar>i{background:var(--app-avatar-background);width:23px;height:23px;color:var(--app-avatar-text);border-radius:6px;place-items:center;font-style:normal;font-weight:700;display:grid}.vn-top .vn-avatar>i>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}html[data-theme=light] .vn-top .vn-header-action{color:var(--app-muted)}html[data-theme=light] .vn-top .vn-header-action:hover{background:var(--app-surface);color:var(--app-accent);border-color:#8796ef}html[data-theme=light] .vn-top .vn-theme-toggle{color:#b27b13}html[data-theme=light] .vn-top .vn-avatar{background:var(--app-surface)!important;color:var(--app-muted)!important}html[data-theme=light] .vn-top .vn-avatar>span{color:var(--app-muted)!important}html[data-theme=light] .vn-top .vn-avatar>i{background:var(--app-avatar-background);color:var(--app-avatar-text)}@media (max-width:1050px){.vn-top .vn-avatar>span{display:none!important}.vn-top .vn-avatar{min-width:30px!important;padding:3px!important}}.vn-notification-wrap{flex:none;display:flex;position:relative}.vn-notifications{position:relative}.vn-notifications>sup{border:2px solid var(--app-chrome);background:var(--app-danger);min-width:16px;height:16px;color:var(--foreground);font:700 7px/1 var(--font-ui);direction:rtl;border-radius:9px;place-items:center;padding:0 3px;display:grid;position:absolute;top:-5px;right:-5px}.vn-notification-panel{z-index:200;border:1px solid var(--app-line);background:var(--app-panel);width:min(340px,100vw - 24px);color:var(--foreground);box-shadow:0 18px 48px var(--app-shadow);direction:rtl;border-radius:11px;position:absolute;top:calc(100% + 9px);left:0;overflow:hidden}.vn-notification-panel>header{border-bottom:1px solid var(--app-line);background:var(--app-surface);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 11px;display:flex}.vn-notification-panel>header>span{text-align:right;gap:3px;min-width:0;display:grid}.vn-notification-panel>header b{font-size:11px}.vn-notification-panel>header small{color:var(--app-muted);font-size:8px}.vn-notification-panel>header button{white-space:nowrap;border-color:var(--app-line)!important;background:var(--app-control)!important;height:27px!important;color:var(--app-success)!important;padding:0 8px!important;font-size:8px!important}.vn-notification-actions{flex:none;position:relative}.vn-notification-actions>summary{border:1px solid var(--app-line);background:var(--app-control);width:28px;height:28px;color:var(--app-muted);letter-spacing:1px;cursor:pointer;border-radius:7px;place-items:center;font:700 10px Arial;list-style:none;display:grid}.vn-notification-actions>summary::-webkit-details-marker{display:none}.vn-notification-actions[open]>summary{border-color:var(--app-accent);color:var(--app-accent)}.vn-notification-actions>div{z-index:6;border:1px solid var(--app-line);background:var(--app-panel);width:150px;box-shadow:0 12px 28px var(--app-shadow);border-radius:8px;gap:3px;padding:5px;display:grid;position:absolute;top:33px;left:0}.vn-notification-actions>div>button{text-align:right;width:100%;height:30px!important;color:var(--foreground)!important;background:0 0!important;border:0!important}.vn-notification-actions>div>button:hover{background:var(--app-control-hover)!important}.vn-notification-actions>div>button.danger{color:var(--app-danger)!important}.vn-top .vn-notification-panel>div{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(360px,100dvh - 140px);overflow:auto}.vn-notification-panel>div>p{color:var(--app-muted);text-align:center;padding:32px 16px;font-size:9px}.vn-notification-panel>div>article{border-bottom:1px solid var(--app-line);background:var(--app-panel);position:relative}.vn-notification-panel>div>article.read{opacity:.68}.vn-notification-panel>div>article.unread:after{content:"";background:var(--app-accent);width:5px;height:5px;box-shadow:0 0 8px var(--app-accent);pointer-events:none;border-radius:50%;position:absolute;top:15px;left:10px}.vn-top .vn-notification-panel .vn-notification-open{cursor:pointer;overflow:visible;white-space:normal!important;width:100%!important;height:auto!important;min-height:72px!important;max-height:none!important;color:var(--foreground)!important;text-align:right!important;background:0 0!important;border:0!important;border-radius:0!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;padding:10px 34px 10px 11px!important;display:grid!important}.vn-notification-panel>div>article:hover{background:var(--app-control-hover)}.vn-notification-open>i{border:1px solid var(--app-line);background:var(--app-control);width:28px;height:28px;color:var(--app-accent);border-radius:8px;place-items:center;font-style:normal;display:grid}.vn-notification-open>span{white-space:normal;overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.vn-notification-open b{font-size:9px}.vn-notification-open small{color:var(--app-muted);font-size:8px;line-height:1.7}.vn-notification-open time{color:var(--app-muted);direction:rtl;font-size:7px}.vn-notification-delete{z-index:2;cursor:pointer;top:8px;right:7px;width:22px!important;min-width:22px!important;height:22px!important;color:var(--app-muted)!important;background:0 0!important;border:0!important;border-radius:6px!important;padding:0!important;font-size:15px!important;position:absolute!important}.vn-notification-delete:hover{background:color-mix(in srgb,var(--app-danger) 12%,var(--app-control))!important;color:var(--app-danger)!important}.vn-app-toast{z-index:1700;border:1px solid var(--app-accent);background:var(--app-control);width:min(360px,100vw - 32px);color:var(--foreground);box-shadow:0 16px 44px color-mix(in srgb, var(--app-shadow-color) 66.67%, transparent);direction:rtl;border-radius:12px;grid-template-columns:1fr auto;gap:4px 14px;padding:14px 16px;display:grid;position:fixed;bottom:24px;left:24px}.vn-app-toast b,.vn-app-toast span{grid-column:1}.vn-app-toast span{color:var(--app-muted);font-size:10px}.vn-app-toast button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;grid-area:1/2/3;align-self:start;font-size:20px}.vn-special-backdrop{z-index:1800;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060bc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vn-special-image{background-position:50%;background-size:cover;width:100%;height:min(280px,42vh)}.vn-nav button>i{color:currentColor;width:22px;height:22px;font:inherit;place-items:center;display:grid}.vn-nav button>i>svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.vn-nav button:hover>i,.vn-nav button.active>i{color:var(--app-accent)}.vn-nav button.vn-nav-secondary+button.vn-nav-secondary{margin-top:-3px}.vn-credit{--vn-status-color:var(--app-credit-accent);border-color:color-mix(in srgb,var(--vn-status-color) 42%,var(--app-line))!important;background:color-mix(in srgb,var(--vn-status-color) 9%,var(--app-control))!important;color:var(--vn-status-color)!important}.vn-credit>i{color:var(--vn-status-color);place-items:center;display:grid}.vn-credit>i svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.vn-storage-status{--vn-status-color:var(--app-storage-accent);position:relative}.vn-storage-status>summary{border:1px solid color-mix(in srgb,var(--vn-status-color) 42%,var(--app-line));background:color-mix(in srgb,var(--vn-status-color) 9%,var(--app-control));height:30px;color:var(--vn-status-color);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:8px;list-style:none;display:flex}.vn-storage-status>summary::-webkit-details-marker{display:none}.vn-storage-status>summary svg{width:15px;height:15px;color:var(--vn-status-color);fill:none;stroke:currentColor;stroke-width:1.7px}.vn-storage-status.warning,.vn-storage-status.full{--vn-status-color:var(--app-warning)}.vn-storage-status.expired{--vn-status-color:var(--app-danger)}.vn-storage-status>section{z-index:120;border:1px solid var(--app-line);background:var(--app-panel);width:250px;box-shadow:0 18px 50px var(--app-shadow);border-radius:10px;padding:12px;position:absolute;top:38px;left:0}.vn-storage-status section>header{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.vn-storage-status section header em{color:var(--app-success);font-size:8px;font-style:normal}.vn-storage-status section p{border-top:1px solid var(--app-line);color:var(--app-muted);justify-content:space-between;gap:10px;margin:0;padding:7px 0;font-size:8px;display:flex}.vn-storage-status section p b{color:var(--foreground)}.vn-storage-status section>a{background:var(--app-control);color:var(--foreground);text-align:center;border-radius:7px;margin-top:8px;padding:8px;font-size:9px;text-decoration:none;display:block}@media (max-width:1200px){.vn-storage-status{display:none}}.vn-local-status{--vn-status-color:var(--app-local-accent)}.vn-local-status>section{left:0}.vn-top :is(.vn-credit>span,.vn-storage-status>summary span){align-items:center;gap:0;display:inline-flex;font-family:Estedad,Tahoma,sans-serif!important;font-size:8px!important;font-weight:500!important;line-height:1!important}.vn-top :is(.vn-credit>span,.vn-storage-status>summary span)>em{color:color-mix(in srgb,var(--vn-status-color) 72%,var(--app-muted));padding-inline-end:6px;font-style:normal;font-weight:500}.vn-top :is(.vn-credit>span,.vn-storage-status>summary span)>b{border-inline-start:1px solid color-mix(in srgb,var(--vn-status-color) 38%,transparent);min-width:0;color:var(--vn-status-color);white-space:nowrap;padding-inline-start:6px;font-size:9px;font-weight:750;line-height:14px}.vn-storage-status[open]:after{content:"";z-index:119;width:250px;height:8px;position:absolute;top:30px;left:0}.vn-top .vn-login-button{min-width:88px!important;color:var(--foreground)!important;background:linear-gradient(120deg,#5269ed,#7659e8)!important;border-color:#6377ef!important;padding-inline:11px!important}.vn-top .vn-login-button>span{color:var(--foreground)!important;max-width:none!important}.vn-account-menu{direction:rtl;position:relative}.vn-top .vn-avatar>em{color:var(--app-muted);font-size:9px;font-style:normal}.vn-account-popover{z-index:120;text-align:right;position:absolute;top:calc(100% + 8px);left:0}.vn-account-popover header{gap:4px;display:grid}.vn-account-popover header b{font-size:11px}.vn-account-popover header small{color:var(--app-muted);text-overflow:ellipsis;direction:ltr;font-size:8px;overflow:hidden}html[data-theme=light] .vn-nav button:hover>i,html[data-theme=light] .vn-nav button.active>i{color:#455bd7}.vn-top .vn-storage-status>section{top:var(--vn-header-menu-top,58px);right:auto;left:var(--vn-header-menu-left,12px);width:min(250px,100vw - 24px);max-width:calc(100vw - 24px);position:fixed;transform:none}.vn-top .vn-notification-panel{top:var(--vn-header-menu-top,58px);right:auto;left:var(--vn-header-menu-left,12px);width:min(340px,100vw - 24px);max-width:calc(100vw - 24px);position:fixed;transform:none}@media (max-width:760px){.vn-top .vn-storage-status>section,.vn-top .vn-notification-panel{top:var(--vn-header-menu-top,58px);width:auto;max-width:none;margin-inline:auto;left:8px;right:8px}}@media (min-width:761px){:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-actions>button{box-sizing:border-box;flex:0 0 34px;border-radius:var(--app-avatar-frame-radius)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar{box-sizing:border-box;overflow:hidden;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;padding:var(--app-avatar-frame-padding)!important;border:var(--app-avatar-frame-border-width) solid var(--app-avatar-border)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 50.2%, transparent)!important;background:0 0!important;border-radius:8px!important;gap:0!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>span,:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>em{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>i{width:var(--app-avatar-image-size)!important;height:var(--app-avatar-image-size)!important;border-radius:var(--app-avatar-image-radius)!important;background:var(--app-avatar-background)!important;color:var(--app-avatar-text)!important;box-shadow:none!important}html[data-theme=light] :is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar{border-color:var(--app-avatar-border)!important;box-shadow:0 5px 14px color-mix(in srgb, var(--app-shadow-color) 16.08%, transparent)!important;background:0 0!important}}@media (max-width:760px){:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top>div:last-child{align-items:center;height:36px}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top :is(.vn-notification-wrap,.vn-account-menu){align-self:center;align-items:center;height:36px;line-height:0;display:flex}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top :is(.vn-theme-toggle,.vn-notifications){box-sizing:border-box;border-radius:var(--app-avatar-frame-radius)!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top :is(.vn-theme-toggle,.vn-notifications)>svg{width:17px;height:17px}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-actions{flex-direction:row;align-items:center;gap:6px;display:flex}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-actions>button{box-sizing:border-box;flex:0 0 32px;place-items:center;border:1px solid var(--app-accent)!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:30px!important;min-height:30px!important;max-height:30px!important;color:var(--foreground)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 21.96%, transparent)!important;border-radius:8px!important;padding:0!important;display:grid!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-login{background:linear-gradient(135deg,#5269ed,#7659e8)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-register{background:var(--app-control)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu-guest .vn-guest-actions>button>span{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar{box-sizing:border-box;overflow:hidden;border:var(--app-avatar-frame-border-width) solid var(--app-avatar-border)!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 50.2%, transparent)!important;background:0 0!important;border-radius:8px!important;gap:0!important;padding:3px!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>span,:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>em{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>i{width:var(--app-avatar-image-size)!important;height:var(--app-avatar-image-size)!important;border-radius:var(--app-avatar-image-radius)!important;background:var(--app-avatar-background)!important;color:var(--app-avatar-text)!important;box-shadow:none!important}:is(.vn-layout-switcher,.vc-layout-switcher){height:38px!important;top:8px!important}:is(.vn-layout-switcher,.vc-layout-switcher)>button{width:88px!important;height:36px!important}:is(.vn-layout-switcher,.vc-layout-switcher)>button>i{width:28px!important;height:28px!important;top:3px!important;left:3px!important}:is(.vn-layout-switcher,.vc-layout-switcher)>button.right>i{translate:52px!important}:is(.vn-layout-switcher,.vc-layout-switcher)>button.left>span{padding-left:24px!important}:is(.vn-layout-switcher,.vc-layout-switcher)>button.right>span{padding-right:24px!important}}@media (min-width:761px){:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav{padding-bottom:11px!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell):has(.vn-account-menu-guest)>.vn-nav{padding-bottom:11px!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav>.vn-nav-account-slot{flex:none;place-items:center;width:56px;display:grid}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav>.vn-nav-account-slot>.vn-account-menu{z-index:260;flex:none;position:relative!important;inset:auto!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-account-menu-guest{width:56px}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-guest-actions{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav .vn-guest-actions>button{box-sizing:border-box;place-items:center;display:grid;border:1px solid var(--app-accent)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;color:var(--foreground)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 21.96%, transparent)!important;border-radius:8px!important;padding:0!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav .vn-guest-login{background:linear-gradient(135deg,#5269ed,#7659e8)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav .vn-guest-register{background:var(--app-control)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav .vn-guest-actions>button>span{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar{box-sizing:border-box;width:var(--app-avatar-frame-size)!important;min-width:var(--app-avatar-frame-size)!important;max-width:var(--app-avatar-frame-size)!important;height:var(--app-avatar-frame-size)!important;min-height:var(--app-avatar-frame-size)!important;padding:var(--app-avatar-frame-padding)!important;border:var(--app-avatar-frame-border-width) solid var(--app-avatar-border)!important;border-radius:var(--app-avatar-frame-radius)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 50.2%, transparent)!important;background:0 0!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>span,:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>em{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell)>.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>i{width:var(--app-avatar-image-size)!important;height:var(--app-avatar-image-size)!important;border-radius:var(--app-avatar-image-radius)!important;background:var(--app-avatar-background)!important;color:var(--app-avatar-text)!important;box-shadow:none!important}.vn-nav>.vn-nav-account-slot{place-items:center;width:56px;display:grid;flex:none!important}.vn-nav>.vn-nav-account-slot>.vn-account-menu{z-index:260;flex:none;position:relative!important;inset:auto!important}.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar{box-sizing:border-box;width:var(--app-avatar-frame-size)!important;min-width:var(--app-avatar-frame-size)!important;max-width:var(--app-avatar-frame-size)!important;height:var(--app-avatar-frame-size)!important;min-height:var(--app-avatar-frame-size)!important;padding:var(--app-avatar-frame-padding)!important;border:var(--app-avatar-frame-border-width) solid var(--app-avatar-border)!important;border-radius:var(--app-avatar-frame-radius)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 50.2%, transparent)!important;background:0 0!important}.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>span,.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>em{display:none!important}.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>i{flex:0 0 var(--app-avatar-image-size);place-items:center;display:grid;overflow:hidden;width:var(--app-avatar-image-size)!important;height:var(--app-avatar-image-size)!important;border-radius:var(--app-avatar-image-radius)!important;background:var(--app-avatar-background)!important;color:var(--app-avatar-text)!important;box-shadow:none!important}.vn-nav>.vn-nav-account-slot>.vn-account-menu:not(.vn-account-menu-guest)>.vn-avatar>i>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.vn-nav>.vn-nav-account-slot .vn-account-popover{width:220px;bottom:11px;left:auto;right:78px;position:fixed!important;top:auto!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-guest-actions>button{place-items:center;display:grid;border:1px solid var(--app-accent)!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;color:var(--foreground)!important;box-shadow:0 6px 16px color-mix(in srgb, var(--app-shadow-color) 21.96%, transparent)!important;border-radius:50%!important;padding:0!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-guest-login{background:linear-gradient(135deg,#5269ed,#7659e8)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-guest-register{background:var(--app-control)!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-guest-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-guest-actions>button>span{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar.vn-login-button{border-radius:12px!important;width:58px!important;min-width:58px!important;max-width:58px!important;min-height:38px!important;padding:4px 5px!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar.vn-login-button>span{text-align:center;white-space:normal!important;max-width:48px!important;font-size:7px!important;line-height:1.45!important;display:block!important;overflow:visible!important}:is(.vp-shell,.vs-shell,.va-shell)>.vn-nav{padding-bottom:55px}:is(.vp-shell,.vs-shell,.va-shell) .vn-account-menu{z-index:260;position:fixed;inset:auto 16px 11px auto}:is(.vp-shell.vp-layout-left,.vs-shell.vs-layout-left,.va-shell.va-layout-left) .vn-account-menu{left:16px;right:auto}:is(.vp-shell,.vs-shell,.va-shell) .vn-top .vn-avatar{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:50%!important;padding:2px!important}:is(.vp-shell,.vs-shell,.va-shell) .vn-top .vn-avatar>span,:is(.vp-shell,.vs-shell,.va-shell) .vn-top .vn-avatar>em{display:none!important}:is(.vp-shell,.vs-shell,.va-shell) .vn-top .vn-avatar>i{width:34px;height:34px;box-shadow:0 0 0 1px var(--app-shadow-color),0 5px 14px color-mix(in srgb, var(--app-shadow-color) 53.33%, transparent);border-radius:50%}:is(.vp-shell,.vs-shell,.va-shell) .vn-top .vn-avatar.vn-login-button{border-radius:16px!important;width:auto!important;min-width:58px!important;max-width:92px!important;padding-inline:8px!important}:is(.vp-shell,.vs-shell,.va-shell) .vn-top .vn-avatar.vn-login-button>span{display:block!important}:is(.vp-shell,.vs-shell,.va-shell) .vn-account-popover{position:fixed;inset:auto 78px 11px auto}:is(.vp-shell.vp-layout-left,.vs-shell.vs-layout-left,.va-shell.va-layout-left) .vn-account-popover{left:78px;right:auto}}@media (min-width:761px) and (max-width:1240px){:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand{justify-content:center;align-items:center;width:82px;min-width:82px;height:100%;display:flex!important}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>img{object-fit:contain;width:82px;height:24px}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>.vn-brand-logo-light,html[data-theme=light] :is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>.vn-brand-logo-dark{display:none!important}html[data-theme=light] :is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>.vn-brand-logo-light{display:block!important}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top>div:last-child>.vn-credit,:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-storage-status{flex:0 auto;height:30px;width:auto!important;min-width:40px!important;max-width:76px!important}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top>div:last-child>.vn-credit{justify-content:center;padding-inline:6px!important;display:inline-flex!important}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-storage-status{display:block!important}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-storage-status>summary{justify-content:center;width:auto;min-width:40px;max-width:76px;padding-inline:6px}:is(.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top :is(.vn-credit,.vn-storage-status>summary) span>em{display:none}}@media (max-width:760px){:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand{justify-content:center;align-items:center;width:74px;min-width:74px;height:100%;display:flex!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>img{object-fit:contain;width:74px;height:22px}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>.vn-brand-logo-light,html[data-theme=light] :is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>.vn-brand-logo-dark{display:none!important}html[data-theme=light] :is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top-brand>.vn-brand-logo-light{display:block!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar:not(.vn-login-button){width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:50%!important;padding:3px!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar:not(.vn-login-button)>span,:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar:not(.vn-login-button)>em{display:none!important}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar:not(.vn-login-button)>i{width:28px;height:28px;box-shadow:0 0 0 1px var(--app-shadow-color),0 4px 12px color-mix(in srgb, var(--app-shadow-color) 46.67%, transparent);border-radius:50%}:is(.vn-shell,.vp-shell,.vc-shell,.vs-shell,.va-shell) .vn-top .vn-avatar.vn-login-button>span{display:block!important}}.vn-notification-panel>header b,.vn-notification-open b{color:var(--foreground)}.vn-notification-panel>div{overflow-x:hidden}.vn-notification-open small{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vn-storage-status>section{color:var(--foreground)}.vn-storage-status section>a{border:1px solid var(--app-line)}.vn-storage-status section>a:hover{background:var(--app-control-hover);border-color:var(--app-accent)}.vn-storage-status section>a:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.vn-notification-detail{overscroll-behavior:contain;background:var(--app-panel);direction:rtl;border-radius:8px;width:min(420px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 28px 90px #000d}.vn-notification-content.vihan-dialog{width:100%;box-shadow:none}.vn-notification-content>header>i{flex-shrink:0}.vn-notification-content>header>span{overflow-wrap:anywhere;min-width:0}.vn-notification-copy{padding:18px 16px 8px}.vn-notification-copy p{color:var(--app-text,var(--foreground));white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:2}.vn-notification-copy time{color:var(--app-muted);margin-top:12px;font-size:9px;line-height:1.8;display:block}.vn-notification-content>footer button{height:auto;min-height:36px;padding:7px 10px;line-height:1.8}html[data-theme=light] .vn-notification-copy p{color:#405169}.vn-notification-panel>header>.vn-notification-heading{grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:9px}.vn-notification-heading .vn-notification-brand{border:1px solid color-mix(in srgb,var(--app-accent) 45%,var(--brand-accent,#14cde3));background:color-mix(in srgb,var(--app-accent) 12%,var(--app-panel));border-radius:10px;grid-area:1/1/3;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.vn-notification-brand img{object-fit:contain;width:32px;height:32px;display:block}.vn-notification-heading>b,.vn-notification-heading>small{grid-column:2}.vn-notification-item-brand img{object-fit:contain;width:26px;height:26px;display:block}
:root{--brand-avatar-size:40px}.vn-compact-chat-message.assistant .vn-compact-chat-avatar.vn-brand-avatar,.vc-messages article>i.vn-brand-avatar{width:var(--brand-avatar-size);height:var(--brand-avatar-size);flex:0 0 var(--brand-avatar-size);background:0 0;border:0;border-radius:7px;padding:0;overflow:hidden}.vn-compact-chat-avatar.vn-brand-avatar>img,.vc-messages article>i.vn-brand-avatar>img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.vn-compact-chat-avatar.vn-conversation-avatar,.vc-messages article>i.vn-conversation-avatar{width:var(--brand-avatar-size);height:var(--brand-avatar-size);flex:0 0 var(--brand-avatar-size);overflow:hidden}.vn-compact-chat-avatar.vn-conversation-avatar>img,.vc-messages article>i.vn-conversation-avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}
.vn-shell{--bg:var(--background);--panel:var(--app-panel);--surface:var(--app-surface);--line:var(--app-line);--muted:var(--app-muted);--text:var(--foreground);--accent:var(--app-accent);--cyan:var(--brand-accent)}