.vhauth-shell{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(255,102,0,.1) 0%,transparent 35%),radial-gradient(circle at 80% 90%,rgba(255,102,0,.06) 0%,transparent 40%),var(--vh-bg-base);color:var(--vh-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px;overflow-y:auto}.vhauth-shell--top{align-items:flex-start}.vhauth-card{width:100%;max-width:420px;background:var(--vh-bg-surface);border:1px solid var(--vh-border-subtle);border-radius:12px;padding:36px 32px;box-shadow:0 0 0 1px #ff66000d,0 24px 64px -16px #0009,0 6px 16px -4px #00000059}.vhauth-card--wide{max-width:640px}.vhauth-brand{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vh-brand);margin-bottom:8px;font-weight:600}.vhauth-title{font-size:22px;font-weight:600;color:var(--vh-text-bright);margin-bottom:6px;letter-spacing:-.01em}.vhauth-subtitle{font-size:13px;color:var(--vh-text-muted);margin-bottom:24px;line-height:1.55}.vhauth-field{display:block;margin-bottom:16px}.vhauth-label{display:block;font-size:12px;font-weight:500;color:var(--vh-text-bright);margin-bottom:6px;letter-spacing:.01em}.vhauth-input{width:100%;background:var(--vh-bg-input);border:1px solid var(--vh-border-input);border-radius:6px;color:var(--vh-text-bright);padding:10px 12px;font-size:14px;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.vhauth-input:focus{outline:none;border-color:var(--vh-brand);box-shadow:0 0 0 3px var(--vh-brand-faint);background:var(--vh-bg-elevated)}.vhauth-input:disabled{opacity:.55;cursor:not-allowed}.vhauth-input--error{border-color:#e2554a}.vhauth-input--code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;letter-spacing:.4em;text-align:center;padding:14px 12px}.vhauth-fielderror{display:block;color:#ff7c70;font-size:12px;margin-top:6px}.vhauth-formerror{background:#e2554a14;border:1px solid rgba(226,85,74,.4);color:#ff8d80;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.vhauth-formsuccess{background:#46aa6414;border:1px solid rgba(70,170,100,.4);color:#8fd4a8;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.vhauth-btn{width:100%;background:var(--vh-brand);color:#fff;border:none;border-radius:6px;padding:11px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,transform 80ms ease;font-family:inherit;letter-spacing:.01em}.vhauth-btn:hover:not(:disabled){background:var(--vh-brand-hover)}.vhauth-btn:active:not(:disabled){transform:translateY(1px)}.vhauth-btn:focus-visible{outline:2px solid var(--vh-brand);outline-offset:2px}.vhauth-btn:disabled{opacity:.5;cursor:not-allowed}.vhauth-btn--secondary{background:transparent;color:var(--vh-text-bright);border:1px solid var(--vh-border)}.vhauth-btn--secondary:hover:not(:disabled){background:var(--vh-bg-hover);border-color:var(--vh-border-strong)}.vhauth-btn--danger{background:#c84a3f}.vhauth-btn--danger:hover:not(:disabled){background:#b03e34}.vhauth-btn--link{width:auto;background:transparent;color:var(--vh-brand);padding:0;font-size:13px;text-decoration:none}.vhauth-btn--link:hover{text-decoration:underline}.vhauth-meta{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:13px;color:var(--vh-text-muted)}.vhauth-meta a,.vhauth-link{color:var(--vh-brand);text-decoration:none}.vhauth-meta a:hover,.vhauth-link:hover{text-decoration:underline}.vhauth-checkbox-row{display:flex;align-items:center;gap:8px;margin:14px 0 18px;font-size:13px;color:var(--vh-text);cursor:pointer;-webkit-user-select:none;user-select:none}.vhauth-checkbox-row input[type=checkbox]{accent-color:var(--vh-brand);width:16px;height:16px}.vhauth-strength{height:4px;background:var(--vh-border);border-radius:2px;margin-top:8px;overflow:hidden}.vhauth-strength-bar{height:100%;transition:width .2s ease,background .2s ease}.vhauth-strength--weak{background:#c84a3f}.vhauth-strength--fair{background:#d68b32}.vhauth-strength--good{background:#d6b132}.vhauth-strength--strong{background:#46aa64}.vhauth-loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;color:var(--vh-text-muted);background:var(--vh-bg-base)}.vhauth-spinner{width:36px;height:36px;border:3px solid var(--vh-border);border-top-color:var(--vh-brand);border-radius:50%;animation:vhauth-spin .8s linear infinite}@keyframes vhauth-spin{to{transform:rotate(360deg)}}.vhauth-modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.vhauth-modal{background:var(--vh-bg-surface);border:1px solid var(--vh-border-subtle);border-radius:10px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px -16px #000c}.vhauth-modal-title{font-size:18px;font-weight:600;color:var(--vh-text-bright);margin-bottom:8px}.vhauth-modal-text{font-size:13px;color:var(--vh-text-muted);line-height:1.55;margin-bottom:16px}.vhauth-qr{display:block;margin:16px auto;background:#fff;padding:12px;border-radius:8px;border:1px solid var(--vh-border);max-width:280px}.vhauth-secret-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--vh-bg-elevated);border:1px solid var(--vh-border);padding:10px 12px;border-radius:6px;font-size:13px;color:var(--vh-text-bright);word-break:break-all;margin-bottom:12px;text-align:center}.vhauth-backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 16px}.vhauth-backup-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--vh-bg-elevated);border:1px solid var(--vh-border);padding:10px;border-radius:6px;text-align:center;color:var(--vh-text-bright);font-size:14px;letter-spacing:.05em}.vhauth-warning{background:#d68b321a;border:1px solid rgba(214,139,50,.45);color:#f3c082;padding:10px 12px;border-radius:6px;font-size:12px;margin-bottom:16px;line-height:1.55}.vhauth-device-list{list-style:none;padding:0;margin:0}.vhauth-device-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--vh-border-subtle)}.vhauth-device-item:last-child{border-bottom:none}.vhauth-device-info{display:flex;flex-direction:column;min-width:0}.vhauth-device-name{font-size:14px;font-weight:500;color:var(--vh-text-bright)}.vhauth-device-meta{font-size:11px;color:var(--vh-text-muted);margin-top:2px}.vhauth-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--vh-border-subtle)}.vhauth-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.vhauth-section-title{font-size:15px;font-weight:600;color:var(--vh-text-bright);margin-bottom:6px}.vhauth-section-desc{font-size:13px;color:var(--vh-text-muted);line-height:1.55;margin-bottom:14px}.vhauth-row{display:flex;gap:12px;align-items:center}.vhauth-row>*{flex:1}.vhauth-row>.vhauth-row-fixed{flex:0 0 auto}.vhauth-shell--split{--vhauth-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;--vhauth-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;position:relative;padding:clamp(20px,4vw,56px)}.vhauth-shell--split:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.vhauth-split{position:relative;z-index:1;width:100%;max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:clamp(40px,8vw,112px)}.vhauth-hero{display:flex;flex-direction:column;align-items:flex-start;animation:vhauth-rise .6s cubic-bezier(.2,.8,.2,1) both}.vhauth-hero-brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(28px,5vh,56px);font-family:var(--vhauth-display);font-size:26px;letter-spacing:.06em;text-transform:uppercase;color:var(--vh-text-bright)}.vhauth-hero-mark{height:28px;width:auto}.vhauth-hero-eyebrow{margin:0 0 14px;font-family:var(--vhauth-mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--vh-brand)}.vhauth-hero-title{margin:0 0 18px;font-family:var(--vhauth-display);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:.95;letter-spacing:-.01em;color:var(--vh-text-bright);text-wrap:balance}.vhauth-hero-text{margin:0 0 28px;max-width:46ch;font-size:16px;line-height:1.7;color:var(--vh-text-muted)}.vhauth-hero-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}.vhauth-hero-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;color:var(--vh-text)}.vhauth-hero-list li:before{content:"";flex:0 0 8px;height:8px;margin-top:7px;border-radius:2px;background:var(--vh-brand);box-shadow:0 0 12px #ff660080}.vhauth-hero-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:14px;font-weight:600;color:var(--vh-brand);text-decoration:none;border-bottom:1px solid transparent;transition:color .12s ease,transform .12s ease}.vhauth-hero-link:hover{color:var(--vh-brand-hover);border-bottom-color:currentColor}.vhauth-hero-link:focus-visible{outline:2px solid var(--vh-brand);outline-offset:3px;border-radius:4px}.vhauth-hero-link:active{transform:translateY(1px)}.vhauth-shell--split .vhauth-card{max-width:none;width:100%;padding:40px 36px;animation:vhauth-rise .6s 80ms cubic-bezier(.2,.8,.2,1) both}.vhauth-shell--split .vhauth-card--wide{max-width:640px}.vhauth-shell--split .vhauth-card .vhauth-brand{display:none}@keyframes vhauth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.vhauth-split{grid-template-columns:minmax(0,1fr);gap:28px}.vhauth-hero-brand{margin-bottom:20px}.vhauth-hero-title{font-size:clamp(36px,11vw,52px)}.vhauth-hero-text{margin-bottom:0}.vhauth-hero-list,.vhauth-hero-link{display:none}.vhauth-shell--split .vhauth-card{max-width:480px;justify-self:center}}@media(prefers-reduced-motion:reduce){.vhauth-hero,.vhauth-shell--split .vhauth-card{animation:none}}.vh-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto}.vh-modal-content{background:var(--vh-bg-elevated);border:1px solid var(--vh-border);border-radius:8px;box-shadow:0 10px 40px var(--vh-shadow-popup);min-width:400px;max-width:600px;pointer-events:auto}.vh-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--vh-border);color:var(--vh-text)}.vh-modal-header h2{margin:0;font-size:18px;font-weight:600;color:inherit}.vh-add-element-modal__header{color:var(--vh-text)!important}.vh-add-element-modal__title{color:var(--vh-text)!important;opacity:1!important}.vh-modal-close{background:none;border:none;font-size:28px;color:var(--vh-text-muted);cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.vh-modal-close:hover{background:var(--vh-bg-hover);color:var(--vh-text-bright)}.vh-modal-body{padding:24px}.vh-add-element-layout{display:flex;gap:12px;align-items:flex-start}.vh-element-selector-group{flex:0 0 200px}.vh-attribute-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.vh-form-group{margin-bottom:20px}.vh-form-group:last-child{margin-bottom:0}.vh-form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--vh-text);text-transform:uppercase;letter-spacing:.5px}.vh-form-group input,.vh-form-group select,.vh-element-selector,.vh-attribute-input{width:100%;padding:10px 12px;background:var(--vh-bg-input);border:1px solid var(--vh-border-input);border-radius:4px;color:var(--vh-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;transition:border-color .2s}:is(.vh-form-group input,.vh-form-group select,.vh-element-selector,.vh-attribute-input)::placeholder{color:var(--vh-text-dim)}:is(.vh-form-group input,.vh-form-group select,.vh-element-selector,.vh-attribute-input):focus{outline:none;border-color:var(--vh-brand)}.vh-input-error{font-size:12px;color:#ff6b6b;padding:0 4px}.vh-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px;padding-right:36px}.vh-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--vh-border)}[data-theme=light] .vh-modal-overlay{background:#00000059}[data-theme=light] .vh-add-element-modal .vh-add-element-modal__header,[data-theme=light] .vh-add-element-modal .vh-add-element-modal__title{color:var(--vh-text)!important;opacity:1!important}.create-component-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.create-component-modal{background:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 20px 60px #000c;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;color:#fff}.create-component-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.create-component-header h2{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:#fff}.create-component-body{overflow-y:auto;flex:1;padding:20px}.component-preview{margin-bottom:20px}.component-preview label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.preview-box{background:#ffffff0d;border:1px solid #444;border-radius:4px;padding:12px;max-height:120px;overflow:hidden;font-size:12px;color:#bbb;font-family:Monaco,Menlo,monospace}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#ccc}.form-group input,.form-group textarea{width:100%;background:#ffffff14;border:1px solid #444;border-radius:4px;color:#fff;padding:8px 12px;font-size:13px;font-family:inherit;transition:all .2s;box-sizing:border-box}:is(.form-group input,.form-group textarea):focus{outline:none;border-color:#ff812d;background:#ffffff1f}.form-group textarea{resize:vertical;min-height:80px}.info-box{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:4px;padding:12px;margin-top:16px}.info-box p{margin:0;font-size:13px;color:#b0d4ff;line-height:1.5}.create-component-footer{padding:16px 20px;border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end}.vh-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-component-panel{position:fixed;left:0;top:48px;bottom:48px;width:380px;min-width:380px;max-width:380px;background:#1e1e1e;border-right:1px solid #3c3c3c;z-index:1100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;color:#fff}.edit-component-panel.open{transform:translate(0);pointer-events:auto}.edit-component-header{padding:16px;border-bottom:1px solid #3c3c3c;display:flex;justify-content:space-between;align-items:flex-start;background:#1e1e1e}.edit-component-title{flex:1}.edit-component-title h2{margin:0 0 4px;font-size:18px;font-weight:600}.component-name{margin:0;font-size:13px;color:#888;font-weight:500}.panel-close{background:none;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0;margin-left:16px}.panel-close:hover{background:#ffffff1a;color:#fff}.edit-component-content{display:flex;flex-direction:column;flex:1;overflow:hidden;gap:0}.edit-component-form{flex:0 0 auto;overflow-y:auto;padding:16px}.edit-component-preview{flex:1;display:flex;flex-direction:column;border-top:1px solid #3c3c3c;background:#252526;overflow:hidden}.edit-component-preview h3{margin:0;padding:12px 16px;font-size:13px;font-weight:600;color:#aaa;border-bottom:1px solid #3c3c3c}.preview-iframe{flex:1;border:none;background:#fff}.no-props-message{text-align:center;color:#888;padding:20px;font-size:13px}.prop-edit-field{margin-bottom:16px}.prop-edit-field label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.required-star{color:#ff6b9d;margin-left:4px}.prop-input,.prop-textarea,.prop-select{width:100%;background:#ffffff14;border:1px solid #444;border-radius:4px;color:#fff;padding:8px 12px;font-size:12px;font-family:inherit;transition:all .2s;box-sizing:border-box}:is(.prop-input,.prop-textarea,.prop-select):focus{outline:none;border-color:#ff812d;background:#ffffff1f}.prop-textarea{resize:vertical;min-height:80px}.prop-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc;cursor:pointer;margin-top:6px}.prop-checkbox input{cursor:pointer;width:16px;height:16px}.prop-description{margin:4px 0 0;font-size:11px;color:#888;font-style:italic}.edit-section{margin-bottom:20px}.edit-section label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.html-editor{width:100%;height:300px;background:#ffffff0d;border:1px solid #444;border-radius:4px;color:#e8e8e8;padding:12px;font-size:12px;font-family:Monaco,Menlo,Courier New,monospace;resize:vertical;box-sizing:border-box;transition:all .2s}.html-editor:focus{outline:none;border-color:#ff812d;background:#ffffff14}.info-section{background:#ffffff0d;border:1px solid #444;border-radius:4px;padding:12px;margin-top:16px}.info-item{display:flex;gap:12px;margin-bottom:8px;font-size:12px}.info-item:last-child{margin-bottom:0}.info-label{color:#888;font-weight:600;min-width:60px}.info-value{color:#ccc;font-family:Monaco,Menlo,monospace;word-break:break-all}.edit-component-footer{padding:12px 16px;border-top:1px solid #3c3c3c;display:flex;gap:8px;justify-content:space-between;align-items:center;background:#1e1e1e}.footer-actions{display:flex;gap:8px}.vh-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.vh-btn-secondary{background:#ffffff1a;color:#fff}.vh-btn-secondary:hover{background:#fff3}.vh-btn-primary{background:#ff812d;color:#fff}.vh-btn-primary:hover{background:#3a8eef}.vh-builder-main.style-panel-open{left:380px!important}.vh-tree-item.vh-tree-selected:not(.vh-tree-component-instance):not([data-vh-component-id]):not(.vh-tree-creating-component){position:relative;z-index:2;border-left:4px solid #ff9500;box-shadow:-4px 2px 8px #0006,inset 5px 0 0 -5px #c850004d;transition:box-shadow .2s ease}.vh-tree-item.vh-tree-selected:not(.vh-tree-component-instance):not([data-vh-component-id]):not(.vh-tree-creating-component):hover{box-shadow:-6px 3px 12px #00000080,inset 5px 0 0 -5px #c8500066}.vh-tree-item.vh-tree-selected:not(.vh-tree-component-instance):not([data-vh-component-id]):not(.vh-tree-creating-component):before{content:"";position:absolute;left:-5px;top:0;width:100%;height:calc(var(--child-span-height, 0px) - 4px);border-left:5px solid #ff9500;background:linear-gradient(90deg,#ff95001f,#ff95000a);border-radius:6px 0 0 6px;pointer-events:none;box-shadow:inset 5px 0 0 -5px #c8500033}.vh-tree-item.vh-tree-selected:not(.vh-tree-component-instance):not([data-vh-component-id]):not(.vh-tree-creating-component):after{content:"";position:absolute;left:-5px;top:0;width:100%;height:100%;border-left:5px solid #ff9500;background:linear-gradient(90deg,#ff950026,#ff95000d);border-radius:6px 0 0;pointer-events:none;box-shadow:inset 5px 0 0 -5px #c8500040}.vh-tree-element.vh-tree-selected:not(.vh-tree-component-instance):not([data-vh-component-id]):not(.vh-tree-creating-component){background:#ff95004d!important;border-radius:0 4px 4px 0!important;padding:3px 6px!important}.vh-tree-element.vh-tree-ancestor-selected{color:#ccc}.vh-tree-item.vh-tree-selected.vh-tree-component-instance,.vh-tree-item.vh-tree-selected[data-vh-component-id]{position:relative;z-index:2;border-left:5px solid #9d4edd!important;box-shadow:-4px 2px 8px #0006,inset 5px 0 0 -5px #7828b44d!important;transition:box-shadow .2s ease}.vh-tree-item.vh-tree-selected.vh-tree-component-instance:hover,.vh-tree-item.vh-tree-selected[data-vh-component-id]:hover{box-shadow:-6px 3px 12px #00000080,inset 5px 0 0 -5px #7828b466!important}.vh-tree-item.vh-tree-selected.vh-tree-component-instance:before,.vh-tree-item.vh-tree-selected[data-vh-component-id]:before{content:""!important;position:absolute;left:-5px;top:0;width:100%;height:calc(var(--child-span-height, 0px) - 4px);border-left:5px solid #9d4edd!important;background:linear-gradient(90deg,#9d4edd1f,#9d4edd0a)!important;border-radius:6px 0 0 6px;pointer-events:none;box-shadow:inset 5px 0 0 -5px #7828b433!important}.vh-tree-item.vh-tree-selected.vh-tree-component-instance:after,.vh-tree-item.vh-tree-selected[data-vh-component-id]:after{content:""!important;position:absolute;left:-5px;top:0;width:100%;height:100%;border-left:5px solid #9d4edd!important;background:linear-gradient(90deg,#9d4edd26,#9d4edd0d)!important;border-radius:6px 0 0 6px;pointer-events:none;box-shadow:inset 5px 0 0 -5px #7828b440!important}.vh-tree-element.vh-tree-selected.vh-tree-component-instance,.vh-tree-element.vh-tree-selected[data-vh-component-id]{background:#9d4edd4d;border-radius:0 4px 4px 0;padding:3px 6px}.vh-tree-item.vh-tree-child-selected{position:relative;z-index:1}.vh-tree-element.vh-tree-child-selected{color:#ccc;opacity:.7}.vh-tree-item.vh-tree-creating-component{position:relative;z-index:2;border-left:5px solid #c9b2e6!important;background:#c9b2e681;box-shadow:-4px 2px 8px #0003,inset 5px 0 0 -5px #aa82d226!important;transition:box-shadow .2s ease}.vh-tree-item.vh-tree-creating-component:hover{box-shadow:-6px 3px 12px #0000004d,inset 5px 0 0 -5px #aa82d240!important}.vh-tree-item.vh-tree-creating-component:before{content:""!important;position:absolute;left:-5px;top:0;width:100%;height:calc(var(--child-span-height, 0px) - 4px);border-left:5px solid #c9b2e6!important;background:linear-gradient(90deg,#c9b2e614,#c9b2e605)!important;border-radius:6px 0 0 6px;pointer-events:none;box-shadow:inset 5px 0 0 -5px #aa82d21a!important}.vh-tree-item.vh-tree-creating-component:after{content:""!important;position:absolute;left:-5px;top:0;width:100%;height:100%;border-left:5px solid #c9b2e6!important;background:linear-gradient(90deg,#c9b2e61a,#c9b2e608)!important;border-radius:6px 0 0 6px;pointer-events:none;box-shadow:inset 5px 0 0 -5px #aa82d21f!important}.vh-tree-element.vh-tree-creating-component{background:#c9b2e626;border-radius:0 4px 4px 0;padding:3px 6px}.vh-tree-element.vh-tree-creating-component:hover{background:#c9b2e640;border-left:5px solid #c9b2e6;border-radius:4px}.vh-tree-item.vh-tree-component-instance,.vh-tree-item[data-vh-component-id]{border-left:2.5px solid #6366f1;background:#6366f126}.vh-tree-element.vh-tree-component-instance,.vh-tree-element[data-vh-component-id]{background:#6366f11a;border-left:2.5px solid #6366f1}.vh-tree-element.vh-tree-component-instance:hover,.vh-tree-element[data-vh-component-id]:hover{background:#6366f140;border-left:2.5px solid #818cf8}.vh-tree-locked{min-height:30px;background:#6366f114;border:1px dashed rgba(99,102,241,.4);border-radius:4px;display:flex;align-items:center;padding:8px;margin:4px 0}.vh-tree-locked-indicator{font-size:12px;color:#6366f1b3;font-style:italic;width:100%;padding-left:8px}.vh-tree-item.vh-tree-linking-mode{cursor:pointer;border-left:2.5px solid rgba(74,158,255,.5)}.vh-tree-element.vh-tree-linking-mode{cursor:pointer;transition:all .15s;background:#4a9eff0d}.vh-tree-element.vh-tree-linking-mode:hover{background:#4a9eff33;border-left:2.5px solid #ff812d;border-radius:4px;box-shadow:0 0 8px #4a9eff4d}.vh-tree-item.vh-tree-user-element{border-left:4px solid #ff9500!important;background:#ff950008}.vh-tree-element.vh-tree-user-element{background:#ff95000d}.vh-tree-element.vh-tree-user-element .vh-tree-tag{color:#ff9500;font-weight:600}.vh-tree-item.vh-tree-user-element.vh-tree-selected{background:#ff950026;border-left-width:4px!important}.vh-tree-item{margin-left:var(--indent, 0);margin-bottom:4px;border-left:2.5px solid #44444400;background:#2828281a;border-radius:4px;transition:background .15s,border-color .15s}.vh-tree-item:hover{background:#3c3c3c2e}.vh-structure-panel{flex:1;background:#252526;display:flex;flex-direction:column;overflow:hidden;min-height:150px;min-width:0;position:relative}.vh-panel-header{padding:12px 6px 12px 12px;border-bottom:1px solid #3c3c3c;background:#2d2d30;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.vh-panel-header:hover{border-bottom-color:#f60;box-shadow:0 0 8px #f606,inset 0 0 8px #ff66000d}.vh-panel-title{font-size:13px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center}.vh-panel-title--clickable{cursor:pointer;padding:2px 6px;border-radius:3px;transition:color .2s ease,text-shadow .2s ease}.vh-panel-title--clickable:hover{color:#ff6b35;text-shadow:0 0 8px rgba(255,107,53,.6),0 0 16px rgba(255,107,53,.3)}.vh-panel-controls{display:flex;gap:4px}.vh-panel-move-btn{background:transparent;border:1px solid #3c3c3c;color:#ccc;cursor:pointer;padding:4px 8px;font-size:12px;border-radius:2px;transition:all .2s}.vh-panel-move-btn:hover:not(:disabled){background:#3c3c3c;border-color:#555}.vh-panel-move-btn:disabled{opacity:.4;cursor:not-allowed}.vh-panel-content{flex:1;min-height:0;overflow-y:auto;padding:8px 0}.vh-empty-state{padding:24px;text-align:center;color:#666;font-size:13px}.vh-tree-node{-webkit-user-select:none;user-select:none}.vh-tree-element{display:flex;align-items:center;gap:6px;padding:2px 8px;cursor:pointer;font-size:13px;font-family:Consolas,Monaco,monospace;color:#ccc;transition:background .15s;-webkit-user-select:none;user-select:none;border:1px solid transparent}.vh-tree-element:not(.vh-tree-selected):hover{background:#2a2d2e;border:1px solid #ff9500}.vh-tree-element.vh-tree-selected:hover{background:#ff950030}.vh-tree-element.vh-tree-multi-selected{background:#ff95001f;border:1px solid rgba(255,149,0,.35);border-radius:0 4px 4px 0}.vh-tree-element.vh-tree-multi-selected:hover{background:#ff950033}.vh-tree-multiselect-checkbox{flex-shrink:0;width:13px;height:13px;margin:0;cursor:pointer;accent-color:#ff9500;opacity:0;transition:opacity .15s}.vh-tree-element:hover .vh-tree-multiselect-checkbox,.vh-tree-multiselect-checkbox--active,.vh-tree-multiselect-checkbox:checked{opacity:1}.vh-focus-indicator{font-size:10px;color:#ff9500;font-weight:400;text-transform:none;margin-left:6px}.vh-panel-show-all-btn{background:transparent;border:1.5px solid #ff9500;color:#ff9500;cursor:pointer;padding:4px;font-size:11px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.vh-panel-show-all-btn:hover{background:#ff9500;color:#fff}.vh-panel-show-all-btn img{display:block;width:14px;height:14px;filter:invert(58%) sepia(89%) saturate(1000%) hue-rotate(360deg) brightness(100%) contrast(105%)}.vh-panel-show-all-btn:hover img{filter:brightness(0) invert(1)}.vh-tree-element[draggable=true]{cursor:grab}.vh-tree-element[draggable=true]:active{cursor:grabbing}.vh-tree-element.vh-tree-drag-over{background:#1e5a96;border-bottom:2px solid #ff9500;outline:1px inset #ff9500}.vh-tree-expand{background:none;border:none;color:#888;cursor:pointer;padding:0;width:16px;font-size:10px}.vh-tree-tag{color:#569cd6}.vh-tree-id{color:#4ec9b0;font-size:12px}.vh-tree-class{color:#ce9178;font-size:12px}.vh-bem-title{color:#dcdcaa;font-size:12px;cursor:text;padding:1px 4px;border-radius:2px;transition:background .15s}.vh-bem-title:hover{background:#dcdcaa1a}.vh-bem-input{background:#1e1e1e;border:1px solid #ff9500;color:#dcdcaa;font-size:12px;font-family:inherit;padding:1px 4px;border-radius:2px;outline:none;width:100px}.vh-bem-input:focus{border-color:#fa0;box-shadow:0 0 0 1px #ff95004d}.vh-tag-input{background:#1e1e1e;border:1px solid #569cd6;color:#9cdcfe;font-size:12px;font-family:inherit;padding:1px 4px;border-radius:2px;outline:none;width:70px}.vh-tag-input:focus{border-color:#7ab8f5;box-shadow:0 0 0 1px #569cd64d}.vh-tree-text{padding:2px 8px;font-size:12px;color:#888;font-style:italic}.vh-tree-children{margin-left:8px}.vh-tree-children.sortable-empty{min-height:30px;background:#f5a6230f;border:2px dashed #f5a623;border-radius:4px;margin:4px 0;position:relative}.vh-tree-children.sortable-empty:after{content:"Drop here";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#c07a10;font-size:10px;opacity:.7;pointer-events:none}.vh-tree-children:empty{min-height:0px}.vh-tree-children.sortable-chosen,.vh-tree-children:has(.sortable-ghost){background:#f5a6230d;border-radius:4px;position:relative}.vh-tree-children.vh-temp-visible{display:block!important;min-height:30px;background:#f5a62314;border:2px dashed #f5a623;border-radius:4px;animation:pulse-drop-zone 1.5s ease-in-out infinite}@keyframes pulse-drop-zone{0%,to{opacity:1}50%{opacity:.6}}#vh-structure-tree{min-height:100px;padding-bottom:20px;padding-right:6px}#vh-structure-tree.sortable-ghost-container{background:#f5a62314;outline:2px dashed #f5a623}.sortable-ghost{opacity:.4;background:#2a2d2e}.sortable-chosen{background:#37373d}.sortable-drag{opacity:.8}.vh-context-menu{position:fixed;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;box-shadow:0 8px 24px #0006;z-index:999999;min-width:160px;padding:4px 0}.vh-context-item{width:100%;text-align:left;background:transparent;border:none;color:#ccc;padding:8px 12px;font-size:13px;cursor:pointer}.vh-context-item:hover:not(:disabled){background:#3a3d3e;color:#fff}.vh-context-item:disabled{opacity:.4;cursor:not-allowed}.vh-context-item svg{margin-right:6px;vertical-align:-2px}.vh-context-danger{color:#ff6b6b}.vh-context-separator{height:1px;background:#3c3c3c;margin:4px 0}.vh-panel-add-btn{background:#ff9500;border:none;color:#fff;cursor:pointer;padding:1px 6px;font-size:12px;line-height:1.2;font-weight:600;border-radius:2px;transition:all .2s}.vh-panel-add-btn:hover{background:#fa0}.vh-panel-add-btn:active{background:#f80}.vh-panel-add-btn svg{width:12px;height:12px;display:block}.vh-panel-add-btn.active{background:#b35400;box-shadow:inset 0 0 0 1px #ffffff40}.vh-btn-ghost{background:none;border:none;color:var(--vh-text-dim, #cccccc);font-size:13px;font-weight:500;padding:6px 10px;border-radius:var(--vh-radius, 4px);cursor:pointer;transition:background .15s,color .15s}.vh-btn-ghost:hover{background:var(--vh-bg-hover, #2d2d30);color:var(--vh-text, #fff)}.vh-btn-icon{background:none;border:none;color:var(--vh-text-muted, #6b7280);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:background .15s,color .15s}.vh-btn-icon:hover{background:var(--vh-bg-hover, #2d2d30);color:var(--vh-text, #fff)}.vh-sections-list{flex-shrink:0;max-height:220px;overflow-y:auto;border-bottom:1px solid var(--vh-border, #3c3c3c);background:var(--vh-bg-surface, #252526)}.vh-sections-list__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;position:sticky;top:0;background:var(--vh-bg-surface, #252526)}.vh-sections-list__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--vh-text-muted, #6b7280)}.vh-sections-list__insert-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px}.vh-sections-list__insert-btn svg{width:13px;height:13px}.vh-sections-list__insert-btn:disabled{opacity:.4;cursor:not-allowed}.vh-sections-list__empty{padding:8px 12px 14px;font-size:12px;line-height:1.5;color:var(--vh-text-muted, #6b7280)}.vh-sections-list__items{list-style:none;margin:0;padding:0 6px 6px}.vh-sections-list__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border-radius:var(--vh-radius, 4px)}.vh-sections-list__item:hover{background:var(--vh-bg-hover, #2d2d30)}.vh-sections-list__item-label{font-size:13px;color:var(--vh-text-dim, #cccccc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vh-sections-list__item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.vh-panel-collapse-all-btn{background:#6c757d;border:none;color:#fff;cursor:pointer;padding:1px 6px;font-size:12px;line-height:1.2;font-weight:600;border-radius:2px;transition:all .2s;margin-left:4px}.vh-panel-collapse-all-btn:hover{background:#757f8c}.vh-panel-collapse-all-btn:active{background:#5a6268}.sortable-ghost{opacity:.55;background:#f5a6231f;border:2px dashed #f5a623;border-radius:4px;box-shadow:0 0 6px #f5a62359;transform:scale(.99)}.sortable-drag{opacity:.7;z-index:1000}.sortable-chosen{background:#f5a6231f;color:#fff;box-shadow:0 0 8px #f5a62373;border-radius:4px}.vh-component-lock{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;opacity:.7}.vh-component-lock:hover{opacity:1;transform:scale(1.1)}.vh-component-lock.locked{color:#999}.vh-component-lock.unlocked{color:#28a745;animation:pulse-unlock .5s ease-in-out}@keyframes pulse-unlock{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.vh-component-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:#28a74526;color:#28a745;font-size:11px;font-weight:600;border-radius:3px;border:1px solid rgba(40,167,69,.3);text-transform:uppercase;letter-spacing:.3px}.vh-global-section-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 6px;background:var(--vh-primary-dim, rgba(255, 102, 0, .12));color:var(--vh-primary, #ff6600);font-size:11px;font-weight:600;border-radius:3px;border:1px solid var(--vh-primary-dim, rgba(255, 102, 0, .3));text-transform:uppercase;letter-spacing:.3px}.vh-tree-component-instance{opacity:.85}.vh-tree-component-instance.vh-tree-component-instance>.vh-tree-element{background:#28a7450d}.vh-tree-component-instance>.vh-tree-element:hover{background:#28a7451a}.vh-tree-item.vh-tree-dragging{opacity:.5;background:#ff950033}.vh-tree-item.vh-tree-dragging:before,.vh-tree-item.vh-tree-dragging:after{display:none!important}.vh-tree-item.vh-tree-collapsed.vh-tree-selected:before,.vh-tree-item.vh-tree-collapsed.vh-tree-selected:after{display:none!important}.vh-tree-item.vh-tree-over{background:#ff950014!important;margin-top:20px;border-top:3px solid #ff9500;border-radius:4px 4px 0 0}.vh-tree-children.dnd-drop-active{border-left:2px solid #ff9500;background:#ff95000d;border-radius:4px}.vh-drop-zone{position:relative;z-index:1}.vh-tree-item{position:relative}.vh-drop-zone-above,.vh-drop-zone-below{height:0;overflow:hidden;padding:0;margin:0;border:2px dotted transparent;transition:all .15s ease;opacity:0;pointer-events:none;background:transparent}.vh-drop-zone-active.vh-drop-zone-above,.vh-drop-zone-active.vh-drop-zone-below{height:28px;opacity:1;border-color:#ff9500;background:transparent;pointer-events:auto}.vh-drop-zone-active.vh-drop-zone-into{border-color:#ff9500;background:transparent;opacity:1}.vh-drop-zone-into{border-radius:4px;border:2px dotted transparent;transition:all .15s ease;padding:2px;position:relative;z-index:10}.vh-drop-zone-active.vh-drop-zone-into{border-color:#ff9500;background:#ff950014;opacity:1}[data-theme=light] .vh-structure-panel{background:#fff}[data-theme=light] .vh-structure-panel .vh-panel-header{background:#f7f8fa;border-bottom-color:#e0e0e3}[data-theme=light] .vh-structure-panel .vh-panel-title{color:#1a1a1a}[data-theme=light] .vh-structure-panel .vh-panel-move-btn{border-color:#d0d0d0;color:#555}[data-theme=light] .vh-structure-panel .vh-panel-move-btn:hover:not(:disabled){background:#e8eaed;border-color:#b0b0b0}[data-theme=light] .vh-empty-state{color:#999}[data-theme=light] .vh-tree-element{color:#333}[data-theme=light] .vh-tree-element:not(.vh-tree-selected):hover{background:#f0f2f5;border-color:#ff9500}[data-theme=light] .vh-tree-expand{color:#777}[data-theme=light] .vh-tree-tag{color:#0d6cb8}[data-theme=light] .vh-tree-id{color:#008f7a}[data-theme=light] .vh-tree-class{color:#b8580f}[data-theme=light] .vh-bem-title{color:#8a7700}[data-theme=light] .vh-bem-input{background:#fff;color:#8a7700;border-color:#ff9500}[data-theme=light] .vh-tag-input{background:#fff;color:#0d6cb8;border-color:#569cd6}[data-theme=light] .vh-tree-text{color:#888}[data-theme=light] .vh-tree-element.vh-tree-ancestor-selected,[data-theme=light] .vh-tree-element.vh-tree-child-selected{color:#555}[data-theme=light] .vh-tree-item{background:#00000005}[data-theme=light] .vh-tree-item:hover{background:#0000000d}[data-theme=light] .vh-context-menu{background:#fff;border-color:#d0d0d0;box-shadow:0 8px 24px #0000001f}[data-theme=light] .vh-context-item{color:#333}[data-theme=light] .vh-context-item:hover:not(:disabled){background:#f0f2f5;color:#111}[data-theme=light] .vh-context-separator{background:#e0e0e3}[data-theme=light] .vh-component-lock.locked{color:#888}[data-theme=light] .sortable-ghost{background:#f5a6232e}[data-theme=light] .sortable-chosen{background:#f5a6232e;color:#1a1a1a}.vh-tree-item.vh-tree-loop{border-left:4px solid #00f5d4!important;background:#00f5d408}.vh-tree-element.vh-tree-loop-element{background:#00f5d40d}.vh-tree-element.vh-tree-loop-element .vh-tree-tag{color:#00f5d4;font-weight:600}.vh-loop-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:#00f5d426;color:#00f5d4;font-size:11px;font-weight:700;border-radius:3px;border:1px solid rgba(0,245,212,.3);text-transform:uppercase;letter-spacing:.3px;box-shadow:0 0 8px #00f5d41a}.vh-tree-item.vh-tree-loop.vh-tree-selected{background:#00f5d426;border-left-width:4px!important;box-shadow:-4px 0 12px #00f5d433}.vh-tree-actions{margin-left:auto;display:flex;gap:4px;align-items:center}.vh-tree-action-btn{background:transparent;border:none;color:#6a6a6a;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s,color .2s}.vh-tree-element:hover .vh-tree-action-btn,.vh-tree-actions:focus-within .vh-tree-action-btn{opacity:1;pointer-events:auto}.vh-tree-action-btn.active,.vh-tree-action-btn.active-hidden{opacity:1;pointer-events:auto}.vh-tree-action-btn:hover,.vh-tree-action-btn.active{background:#ffffff1a;color:#fff}.vh-tree-action-btn.active-hidden{color:#f55}.vh-tree-lock-icon{display:flex;align-items:center;justify-content:center;color:var(--vh-text-muted);flex-shrink:0}.vh-tree-validation-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vh-tree-validation-icon--error{color:#f14c4c}.vh-tree-validation-icon--warning{color:#f59e0b}.vh-tree-validation-icon--info{color:#64a0ff}.vh-tree-item.vh-tree-locked .vh-tree-element{opacity:.75}.vh-tree-item.vh-tree-find-match>.vh-tree-element{background:var(--vh-primary-dim);box-shadow:inset 0 0 0 1px var(--vh-primary);border-radius:4px}.vh-resizable-panel{display:flex;flex-direction:column;position:relative;overflow:visible;background:#1e1e1e}.vh-resizable-bottom{flex-direction:column;border-top:1px solid #3c3c3c}.vh-resizable-right{flex-direction:row;border-left:1px solid #3c3c3c;height:100%;min-height:0}.vh-resizable-left{flex-direction:row;border-right:1px solid #3c3c3c;height:100%;min-height:0}.vh-resizable-content{flex:1;overflow:hidden;display:flex;min-height:0}.vh-resize-handle-bottom{position:absolute;top:-6px;left:0;right:0;height:12px;background:transparent;cursor:row-resize;transition:background .2s;z-index:100}.vh-resize-handle-bottom:hover,.vh-resize-handle-bottom.active{background:#4a5f7f}.vh-resize-handle-right{position:absolute;right:-3px;top:0;bottom:0;width:6px;background:transparent;cursor:col-resize;transition:background .2s;z-index:100}.vh-resize-handle-right:hover,.vh-resize-handle-right.active{background:#ff812d}.vh-resize-handle-left{position:absolute;left:-3px;top:0;bottom:0;width:6px;background:transparent;cursor:col-resize;transition:background .2s;z-index:100}.vh-resize-handle-left:hover,.vh-resize-handle-left.active{background:#ff812d}.vh-resize-handle-top{position:absolute;top:0;left:0;right:0;height:4px;background:transparent;cursor:ns-resize;transition:background .2s;z-index:100}.vh-resize-handle-top:hover,.vh-resize-handle-top.active{background:var(--vh-primary, #ff6b35)}.vh-resizable-panel.resizing{-webkit-user-select:none;user-select:none}.vh-ai-panel,.vh-ai-panel *{box-sizing:border-box}.vh-ai-panel{display:flex;flex-direction:column;height:100%;width:100%;background:var(--vh-bg-elevated);color:var(--vh-text);overflow:hidden;position:relative}.vh-ai-content{display:flex;flex-direction:column;flex:1;width:100%;overflow:hidden;position:relative;min-height:0}.vh-ai-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background:var(--vh-bg-elevated);width:100%}.vh-ai-messages::-webkit-scrollbar{width:4px}.vh-ai-messages::-webkit-scrollbar-track{background:transparent}.vh-ai-messages::-webkit-scrollbar-thumb{background:var(--vh-scrollbar-thumb);border-radius:10px}.vh-ai-message{display:flex;gap:10px;width:100%;margin-bottom:4px;animation:messageSlide .3s ease-out forwards}.vh-ai-message.user{flex-direction:row-reverse}.vh-ai-message.assistant .message-avatar{background:linear-gradient(135deg,var(--vh-primary-dim),var(--vh-bg-surface));border-color:var(--vh-primary);color:var(--vh-primary);box-shadow:0 4px 12px var(--vh-primary-dim)}.vh-ai-message.user .message-avatar{background:var(--vh-bg-raised);border-color:var(--vh-border-strong);color:var(--vh-text)}.vh-ai-message.user .message-bubble{background:linear-gradient(135deg,var(--vh-primary),#6366f1);border:none;color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 15px var(--vh-primary-dim)}.vh-ai-message.assistant .message-bubble{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px;position:relative}.message-avatar{width:32px;height:32px;border-radius:10px;background:var(--vh-bg-raised);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--vh-border);transition:all .3s ease}.message-bubble{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;background:var(--vh-bg-surface);border:1px solid var(--vh-border-subtle);word-break:break-word;color:var(--vh-text);box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:calc(100% - 42px);min-width:0}.message-bubble-footer{display:flex;justify-content:space-between;gap:8px;margin-top:12px;border-top:1px solid var(--vh-border-subtle);padding-top:10px}.vh-ai-action-result{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:var(--vh-radius, 6px);font-size:12px;line-height:1.5}.vh-ai-action-result svg{flex-shrink:0;width:14px;height:14px}.vh-ai-action-result .vh-ai-action-result__text{flex:1}.vh-ai-action-result .vh-ai-action-result__link{flex-shrink:0;background:none;border:1px solid currentColor;border-radius:4px;color:inherit;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:background .15s ease}.vh-ai-action-result .vh-ai-action-result__link:hover{background:#ffffff14}.vh-ai-action-result--success{background:#4ec9b014;border:1px solid rgba(78,201,176,.25);color:#4ec9b0}.vh-ai-action-result--error{background:#f14c4c14;border:1px solid rgba(241,76,76,.25);color:#f14c4c}.message-preview-btn{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:flex;flex:1;justify-content:center;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.message-preview-btn:hover{background:#fbbf24;color:#000;box-shadow:0 0 15px #fbbf2466}.message-preview-btn.save{background:#6366f11a;border-color:#6366f14d;color:#818cf8}.message-preview-btn.save:hover{background:#6366f1;color:#fff;box-shadow:0 0 15px #6366f166}.message-preview-btn.apply{background:#10b9811a;border-color:#10b9814d;color:#10b981}.message-preview-btn.apply:hover{background:#10b981;color:#fff;box-shadow:0 0 15px #10b98166}.message-preview-btn svg{font-size:10px}[data-theme=light] .vh-ai-message.user .message-bubble{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.message-screenshot-preview{margin-bottom:12px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0003;position:relative}.screenshot-label{position:absolute;top:6px;left:6px;background:#0009;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.message-screenshot-preview img{width:100%;height:auto;display:block;opacity:.9;transition:opacity .3s ease}.message-screenshot-preview:hover :is(.message-screenshot-preview img){opacity:1}[data-theme=light] .vh-ai-message.assistant .message-bubble{background:#ffffffb3;border-color:#0000000d}.message-bubble pre{margin:12px 0;border-radius:8px;overflow:auto;border:1px solid rgba(255,255,255,.1);background:#1e1e1e!important;max-width:100%}.code-block-wrapper{margin:12px 0;border-radius:8px;overflow:auto;background:#1e1e1e;border:1px solid var(--vh-border-subtle);box-shadow:0 4px 12px #0003;max-width:100%}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#2d2d2d;border-bottom:1px solid #3c3c3c;font-family:var(--vh-font-mono);font-size:11px}.code-lang{text-transform:uppercase;color:var(--vh-text-dim);letter-spacing:.5px}.code-block-actions{display:flex;gap:8px}.code-copy-btn{background:transparent;border:1px solid #444;color:var(--vh-text-dim);padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.code-copy-btn:hover{background:#444;color:#fff;border-color:#666}.message-bubble code{font-family:Fira Code,Courier New,Courier,monospace;font-size:.9em;background:#0003;padding:2px 4px;border-radius:4px;word-break:break-all}.message-bubble pre code{background:transparent;padding:0}.message-bubble ul,.message-bubble ol{margin:4px 0;padding-left:16px}.message-bubble li{margin:2px 0}.message-bubble p:last-child{margin-bottom:0}.ai-icon-sparkle{display:flex;align-items:center;justify-content:center;margin-right:8px;color:#fbbf24;filter:drop-shadow(0 0 5px rgba(251,191,36,.5));animation:sparkleRotate 3s infinite ease-in-out;font-size:1.2em}@keyframes sparkleRotate{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 2px rgba(251,191,36,.3))}50%{transform:scale(1.2) rotate(15deg);filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 2px rgba(251,191,36,.3))}}.vh-ai-input-area{padding:12px;background:var(--vh-bg-surface);border-top:1px solid var(--vh-border);display:flex;gap:8px;align-items:flex-end}.vh-ai-input{flex:1;background:var(--vh-bg-input);border:1px solid var(--vh-border-input);border-radius:8px;padding:8px 12px;color:var(--vh-text);font-family:inherit;font-size:13px;resize:none;min-height:38px;max-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.vh-ai-input:focus{outline:none;border-color:var(--vh-primary);box-shadow:0 0 0 2px var(--vh-primary-dim)}.vh-ai-send-btn{width:36px;height:36px;border-radius:8px;background:var(--vh-primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;flex-shrink:0}.vh-ai-send-btn:hover:not(:disabled){background:var(--vh-primary-hover);transform:scale(1.05)}.vh-ai-send-btn:disabled{background:var(--vh-bg-hover);color:var(--vh-text-muted);cursor:not-allowed}.vh-ai-send-btn svg{width:18px;height:18px}.ai-custom-select-wrapper{position:relative;margin-right:8px;min-width:90px}.ai-custom-select-trigger{width:100%;height:24px;background:var(--vh-bg-input);border:1px solid var(--vh-border-input);border-radius:4px;padding:0 8px;color:var(--vh-text);font-size:11px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s}.ai-custom-select-trigger:hover:not(:disabled){border-color:var(--vh-primary)}.ai-custom-select-trigger.open{border-color:var(--vh-primary);box-shadow:0 0 0 2px var(--vh-primary-dim)}.ai-select-arrow{width:10px;height:10px;color:var(--vh-primary);transition:transform .2s}.ai-custom-select-trigger.open .ai-select-arrow{transform:rotate(180deg)}.ai-custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--vh-bg-surface);border:1px solid var(--vh-border-strong);border-radius:4px;box-shadow:0 4px 12px var(--vh-shadow-popup);z-index:1000;overflow:hidden;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ai-custom-option{padding:6px 10px;font-size:11px;color:var(--vh-text);cursor:pointer;transition:all .15s}.ai-custom-option:hover{background:var(--vh-primary);color:#fff}.ai-custom-option.active{background:var(--vh-primary-dim);color:var(--vh-primary);font-weight:600}.ai-custom-option.active:hover{background:var(--vh-primary);color:#fff}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:6px;height:6px;background:var(--vh-text-muted);border-radius:50%;display:block;animation:typingDot 1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}.provider-model-selector-mini{display:flex;align-items:center;gap:8px;margin:8px 0}.provider-model-selector-mini label{font-size:11px;color:var(--vh-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.model-select-mini{background:var(--vh-bg-input);border:1px solid var(--vh-border-input);color:var(--vh-text);font-size:11px;padding:2px 6px;border-radius:4px;outline:none;cursor:pointer;flex:1;max-width:160px;height:24px;transition:all .2s}.model-select-mini:focus{border-color:var(--vh-primary);box-shadow:0 0 0 2px var(--vh-primary-dim)}.model-select-mini:disabled{opacity:.5;cursor:not-allowed}.vh-panel-window{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--vh-bg-surface)}.vh-panel-window .vh-panel-window__banner{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;line-height:1.5;background:#ffaa0014;border-bottom:1px solid rgba(255,170,0,.25);color:#fa0}.vh-panel-window .vh-panel-window__banner svg{flex-shrink:0;width:14px;height:14px}.vh-panel-window .vh-panel-window__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vh-panel-window .vh-panel-window__unknown{padding:24px;color:var(--vh-text-muted);font-size:13px}:root,[data-theme=dark]{color-scheme:dark;--vh-bg-base: #1e1e1e;--vh-bg-surface: #252526;--vh-bg-elevated: #2d2d2d;--vh-bg-input: #262628;--vh-bg-hover: #2a2d2e;--vh-bg-raised: #2a2a2a;--vh-border: #3c3c3c;--vh-border-subtle: #3e3e42;--vh-border-input: #444444;--vh-border-strong: #454545;--vh-text: #cccccc;--vh-text-bright: #e7e7e7;--vh-text-white: #ffffff;--vh-text-muted: #9aa0a6;--vh-text-faint: #888888;--vh-text-dim: #666666;--vh-scrollbar-track: #2d2d2d;--vh-scrollbar-thumb: #555555;--vh-scrollbar-thumb-hover: #666666;--vh-shadow-popup: rgba(0, 0, 0, .5);--vh-shadow-frame: rgba(0, 0, 0, .25);--vh-brand: #ff6600;--vh-brand-hover: #d55500;--vh-brand-faint: rgba(255, 102, 0, .1);--vh-brand-border: rgba(255, 102, 0, .25)}[data-theme=light]{color-scheme:light;--vh-bg-base: #e8eaed;--vh-bg-surface: #f2f3f5;--vh-bg-elevated: #ffffff;--vh-bg-input: #ffffff;--vh-bg-hover: #dcdfe3;--vh-bg-raised: #e8e9eb;--vh-border: #d0d0d0;--vh-border-subtle: #e0e0e3;--vh-border-input: #c0c0c0;--vh-border-strong: #c4c4c4;--vh-text: #333333;--vh-text-bright: #1a1a1a;--vh-text-white: #111111;--vh-text-muted: #666666;--vh-text-faint: #777777;--vh-text-dim: #999999;--vh-scrollbar-track: #e8e8e8;--vh-scrollbar-thumb: #b0b0b0;--vh-scrollbar-thumb-hover: #999999;--vh-shadow-popup: rgba(0, 0, 0, .12);--vh-shadow-frame: rgba(0, 0, 0, .12);--bg-level-1: #ffffff;--bg-level-2: #f2f3f5;--border-color: #d0d0d0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--vh-bg-base);color:var(--vh-text);overflow:hidden}.vh-builder{display:flex;flex-direction:column;height:100vh;width:100vw}.vh-builder-main{position:fixed;inset:48px 0 48px 280px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"center";overflow:hidden;transition:left .3s ease,right .3s ease}.vh-builder-main.sidebar-collapsed{left:0}.vh-builder-main.component-panel-open,.vh-builder-main.sidebar-collapsed.component-panel-open,.vh-builder-main.framework-panel-open,.vh-builder-main.sidebar-collapsed.framework-panel-open{left:380px!important}.vh-builder-main.components-panel-open,.vh-builder-main.sidebar-collapsed.components-panel-open,.vh-builder-main.elements-panel-open,.vh-builder-main.sidebar-collapsed.elements-panel-open,.vh-builder-main.user-elements-panel-open,.vh-builder-main.sidebar-collapsed.user-elements-panel-open{left:280px!important}.vh-builder-main.framework-panel-open,.vh-builder-main.component-panel-open,.vh-builder-main.component-create-panel-open,.vh-builder-main.component-edit-panel-open,.vh-builder-main.edit-component-instance-panel-open,.vh-builder-main.sidebar-collapsed.component-panel-open,.vh-builder-main.sidebar-collapsed.component-create-panel-open,.vh-builder-main.sidebar-collapsed.component-edit-panel-open,.vh-builder-main.sidebar-collapsed.edit-component-instance-panel-open,.vh-builder-main.element-editor-open{left:380px!important}.vh-builder-main.has-left{grid-template-columns:auto 1fr;grid-template-areas:"left center"}.vh-builder-main.has-right{grid-template-columns:1fr auto;grid-template-areas:"center right"}.vh-builder-main.has-left-right{grid-template-columns:auto 1fr auto;grid-template-areas:"left center right"}.vh-dock-left{grid-area:left;display:flex;flex-direction:column;width:100%;height:100%;background:var(--vh-bg-surface);border-right:1px solid var(--vh-border-subtle);overflow:hidden}.vh-dock-center{grid-area:center;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;height:100%;min-height:0}.vh-dock-right{grid-area:right;display:flex;flex-direction:column;width:100%;height:100%;background:var(--vh-bg-surface);border-left:1px solid var(--vh-border-subtle);overflow:hidden}.vh-dock-bottom{display:flex;flex-direction:row;flex:1;height:100%;background:var(--vh-bg-base);border-top:1px solid var(--vh-border-subtle);overflow:hidden;width:100%}.vh-dock-bottom .vh-resizable-panel{flex:1;min-width:200px;height:300px}.vh-canvas-frame.resizing-disabled{pointer-events:none}.vh-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--vh-text-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--vh-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--vh-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--vh-scrollbar-thumb-hover)}[data-theme=light] .vh-sidebar{background:var(--vh-bg-surface);border-right-color:var(--vh-border)}[data-theme=light] .vh-sidebar-profile{border-bottom-color:var(--vh-border)}[data-theme=light] .vh-sidebar-profile:hover{background:var(--vh-bg-hover)}[data-theme=light] .vh-sidebar-profile-avatar{background:var(--vh-bg-raised);color:var(--vh-text-faint)}[data-theme=light] .vh-sidebar-profile-name{color:var(--vh-text-white)}[data-theme=light] .vh-sidebar-profile-status{color:var(--vh-text-faint)}[data-theme=light] .vh-sidebar-content::-webkit-scrollbar-track{background:var(--vh-scrollbar-track)}[data-theme=light] .vh-sidebar-content::-webkit-scrollbar-thumb{background:var(--vh-scrollbar-thumb)}[data-theme=light] .vh-sidebar-section-header{border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-sidebar-section-header:hover{background:var(--vh-bg-hover)}[data-theme=light] .vh-sidebar-arrow{color:var(--vh-text-faint)}[data-theme=light] .vh-sidebar-add-btn{border-color:var(--vh-border-input);color:var(--vh-text-faint)}[data-theme=light] .vh-sidebar-item{color:var(--vh-text)}[data-theme=light] .vh-sidebar-item:hover{background:var(--vh-bg-hover);color:var(--vh-text-white)}[data-theme=light] .vh-sidebar-item.active{background:#ff660014;border-left-color:var(--vh-brand-500);color:var(--vh-brand-600)}[data-theme=light] .vh-sidebar-item svg{color:var(--vh-text-faint)}[data-theme=light] .vh-sidebar-item.active svg{color:var(--vh-brand-500)}[data-theme=light] .vh-sidebar-empty{color:var(--vh-text-dim)}[data-theme=light] .vh-dockable-panel{background:var(--vh-bg-elevated)}[data-theme=light] .vh-panel-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border)}[data-theme=light] .vh-panel-title{color:var(--vh-text)}[data-theme=light] .vh-panel-move-btn,[data-theme=light] .vh-panel-close-btn{color:var(--vh-text-faint)}[data-theme=light] .vh-panel-move-btn:hover,[data-theme=light] .vh-panel-close-btn:hover{background:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-enhanced-style-panel{background:var(--vh-bg-elevated);border-right-color:var(--vh-border)}[data-theme=light] .vh-style-panel-header,[data-theme=light] .vh-style-tabs{border-bottom-color:var(--vh-border)}[data-theme=light] .vh-style-tab{color:var(--vh-text-faint)}[data-theme=light] .vh-style-tab:hover,[data-theme=light] .vh-style-panel-close{color:var(--vh-text)}[data-theme=light] .vh-bottom-toolbar{background:var(--vh-bg-surface);border-top-color:var(--vh-border)}[data-theme=light] .vh-toolbar-menu-btn{background:var(--vh-bg-raised);border-color:var(--vh-border);color:var(--vh-text-faint)}[data-theme=light] .vh-toolbar-menu-btn:hover{background:var(--vh-bg-hover);border-color:#ff6b35;color:#ff6b35}[data-theme=light] .vh-toolbar-dropdown{background:var(--vh-bg-elevated);border-color:var(--vh-border-strong);box-shadow:0 4px 12px var(--vh-shadow-popup)}[data-theme=light] .vh-dropdown-header{color:var(--vh-text-muted);border-bottom-color:var(--vh-border)}[data-theme=light] .vh-dropdown-item{color:var(--vh-text)}[data-theme=light] .vh-dropdown-item:hover{background:var(--vh-bg-hover);color:var(--vh-text-white)}[data-theme=light] .vh-toolbar-btn{background:var(--vh-bg-raised);border-color:var(--vh-border-input);color:var(--vh-text)}[data-theme=light] .vh-toolbar-btn:hover{background:var(--vh-bg-hover);border-color:var(--vh-border)}[data-theme=light] .vh-canvas{background:#c8cdd4}[data-theme=light] .vh-style-panel,[data-theme=light] .vh-style-section,[data-theme=light] .vh-accordion-panel{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-style-panel-header,[data-theme=light] .vh-accordion-header{background:var(--vh-bg-surface);border-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-style-row label,[data-theme=light] .vh-style-label,[data-theme=light] .vh-prop-label{color:var(--vh-text-muted)}[data-theme=light] .vh-style-input,[data-theme=light] .vh-prop-input,[data-theme=light] .vh-style-select{background:var(--vh-bg-input);border-color:var(--vh-border-input);color:var(--vh-text)}[data-theme=light] .vh-structure-panel,[data-theme=light] .vh-elements-panel,[data-theme=light] .vh-tree-panel{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-structure-header,[data-theme=light] .vh-elements-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-tree-item,[data-theme=light] .vh-structure-item,[data-theme=light] .vh-element-item{color:var(--vh-text);border-bottom-color:var(--vh-border)}[data-theme=light] .vh-tree-item:hover,[data-theme=light] .vh-structure-item:hover,[data-theme=light] .vh-element-item:hover{background:var(--vh-bg-hover)}[data-theme=light] .vh-settings-panel,[data-theme=light] .vh-settings-section{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-settings-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-settings-label,[data-theme=light] .vh-settings-description{color:var(--vh-text-muted)}[data-theme=light] .vh-settings-input,[data-theme=light] .vh-settings-select{background:var(--vh-bg-input);border-color:var(--vh-border-input);color:var(--vh-text)}[data-theme=light] .vh-code-editor-panel{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-code-editor-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-framework-panel,[data-theme=light] .vh-framework-step{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-framework-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-project-dashboard,[data-theme=light] .vh-dashboard-panel{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-dashboard-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-modal-overlay,[data-theme=light] .vh-modal-backdrop{background:#00000059}[data-theme=light] .vh-modal,[data-theme=light] .vh-modal-content,[data-theme=light] .vh-add-element-modal,[data-theme=light] .vh-grid-modal{background:var(--vh-bg-elevated);border-color:var(--vh-border);box-shadow:0 8px 32px var(--vh-shadow-popup)}[data-theme=dark] .vh-modal-header h2,[data-theme=dark] .vh-modal-header h3,:root .vh-modal-header h2,:root .vh-modal-header h3{color:var(--vh-text-bright)}[data-theme=light] .vh-modal-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] .vh-modal-header h2,[data-theme=light] .vh-modal-header h3,[data-theme=light] .vh-modal-body{color:var(--vh-text)}[data-theme=light] .vh-context-menu{background:var(--vh-bg-elevated);border-color:var(--vh-border-strong);box-shadow:0 4px 16px var(--vh-shadow-popup)}[data-theme=light] .vh-context-menu-item{color:var(--vh-text)}[data-theme=light] .vh-context-menu-item:hover{background:var(--vh-bg-hover)}[data-theme=light] .vh-context-menu-separator{border-color:var(--vh-border)}[data-theme=light] .vh-notification{background:var(--vh-bg-elevated);border-color:var(--vh-border);color:var(--vh-text);box-shadow:0 4px 16px var(--vh-shadow-popup)}[data-theme=light] .vh-panel-section{border-bottom-color:var(--vh-border)}[data-theme=light] .vh-panel-body{background:var(--vh-bg-elevated)}[data-theme=light] .vh-section-title,[data-theme=light] .vh-panel-section-title{color:var(--vh-text-muted)}[data-theme=light] .vh-resize-handle{background:var(--vh-border)}[data-theme=light] .vh-resize-handle:hover{background:#f609}[data-theme=light] .vh-components-panel,[data-theme=light] .vh-marketplace-panel,[data-theme=light] .vh-user-elements-panel,[data-theme=light] .vh-templates-panel,[data-theme=light] .vh-pages-panel,[data-theme=light] .vh-media-panel{background:var(--vh-bg-elevated);border-color:var(--vh-border)}[data-theme=light] .vh-components-panel-header,[data-theme=light] .vh-marketplace-header,[data-theme=light] .vh-user-elements-header,[data-theme=light] .vh-templates-header,[data-theme=light] .vh-pages-header,[data-theme=light] .vh-media-header{background:var(--vh-bg-surface);border-bottom-color:var(--vh-border);color:var(--vh-text)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--vh-bg-input);border-color:var(--vh-border-input);color:var(--vh-text)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--vh-text-dim)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{outline-color:#f609}[data-vh-loop]{outline:1px dashed rgba(255,107,53,.4);position:relative}[data-vh-loop]:hover{outline:1px dashed #ff6b35}[data-vh-loop]:after{content:"LOOP: " attr(data-vh-loop);position:absolute;top:0;right:0;background:#ff6b35;color:#fff;font-size:10px;padding:2px 6px;font-family:sans-serif;pointer-events:none;opacity:0;z-index:100;transition:opacity .2s;border-radius:0 0 0 4px}[data-vh-loop]:hover:after{opacity:1}[data-vh-loop-unwrap=true]{outline-color:#00d4ff66}[data-vh-loop-unwrap=true]:hover{outline-color:#00d4ff}[data-vh-loop-unwrap=true]:after{background:#00d4ff;content:"LOOP (UNWRAPPED): " attr(data-vh-loop)}.vh-qb-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--vh-border-subtle)}.vh-qb-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.vh-qb-section-header label{font-weight:600;color:var(--vh-text-bright);margin-bottom:0!important}.vh-qb-add-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ff66000f;color:var(--vh-brand-600);border:1px solid rgba(255,102,0,.2);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.vh-qb-add-btn:hover{background:#ff66001f}.vh-qb-filter-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;margin-bottom:10px;align-items:flex-start;padding:10px;background:var(--vh-bg-surface);border-radius:6px;border:1px solid var(--vh-border-subtle)}.vh-qb-filter-row.meta{grid-template-columns:1fr auto 1fr auto}.vh-qb-filter-row select,.vh-qb-filter-row input{width:100%;padding:8px;font-size:13px}.vh-qb-filter-terms{height:80px;border-radius:4px}.vh-qb-remove-btn{padding:8px;background:transparent;color:var(--vh-text-faint);border:none;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.vh-qb-remove-btn:hover{background:#ff47571a;color:#ff4757}[data-theme=light] .vh-qb-filter-row{background:#f8f9fa}[data-theme=light] .vh-qb-add-btn{background:#eef6fc}