.vhg-composer-overlay{position:fixed;inset:0;z-index:var(--vhg-z-composer,1076);isolation:isolate;transform:translateZ(0);background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(var(--primary-rgb,0,255,198),.07) 0,rgba(0,0,0,.9) 60%,rgba(0,0,0,.97) 100%);backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain;animation:vhg-overlay-in .2s ease}@keyframes vhg-overlay-in{0%{opacity:0}to{opacity:1}}body:has(.vhg-composer-overlay) .pp-comms-strip,body:has(.vhg-composer-overlay) .ppc-icon-strip,body:has(.vhg-composer-overlay) .vcs-comms-col{z-index:0!important;isolation:auto!important}.vhg-led-wrap{width:100%;max-width:400px;height:90dvh;height:min(90vh,90dvh);max-height:90dvh;display:flex;filter:drop-shadow(0 0 1px var(--primary-color)) drop-shadow(0 0 6px var(--primary-color)) drop-shadow(0 0 18px rgba(var(--primary-rgb,0,255,198),.65)) drop-shadow(0 0 50px rgba(var(--primary-rgb,0,255,198),.38)) drop-shadow(0 0 100px rgba(var(--primary-rgb,0,255,198),.18));animation:vhg-led-breathe 2.8s ease-in-out infinite alternate}@keyframes vhg-led-breathe{0%{filter:drop-shadow(0 0 1px var(--primary-color)) drop-shadow(0 0 4px var(--primary-color)) drop-shadow(0 0 12px rgba(var(--primary-rgb,0,255,198),.55)) drop-shadow(0 0 35px rgba(var(--primary-rgb,0,255,198),.28))}to{filter:drop-shadow(0 0 2px var(--primary-color)) drop-shadow(0 0 10px var(--primary-color)) drop-shadow(0 0 26px rgba(var(--primary-rgb,0,255,198),.85)) drop-shadow(0 0 65px rgba(var(--primary-rgb,0,255,198),.5)) drop-shadow(0 0 110px rgba(var(--primary-rgb,0,255,198),.24))}}@media (prefers-reduced-motion:reduce){.vhg-led-wrap{animation:none!important}}.vhg-composer{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;clip-path:var(--octagon-clip);background:linear-gradient(135deg,rgba(var(--primary-rgb,0,255,198),.14) 0,rgba(var(--primary-rgb,0,255,198),.04) 22%,transparent 40%,transparent 62%,rgba(var(--accent-rgb,255,77,109),.05) 80%,rgba(var(--primary-rgb,0,255,198),.1) 100%),var(--background-primary,#0d1117);border:1px solid rgba(var(--primary-rgb,0,255,198),.24);animation:vhg-composer-enter--shell .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes vhg-composer-enter--shell{0%{opacity:0;transform:scale(.9) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.vhg-composer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 8px;flex-shrink:0;background:linear-gradient(90deg,rgba(var(--primary-rgb,0,255,198),.1) 0,transparent 100%)}.vhg-composer-head-left{display:flex;align-items:center;gap:8px;min-width:0}.vhg-composer-head-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.vhg-composer-gem{font-size:1.05rem;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.7));animation:vhg-gem-pulse 2.2s ease-in-out infinite alternate}@keyframes vhg-gem-pulse{0%{filter:drop-shadow(0 0 3px rgba(var(--primary-rgb,0,255,198),.5));transform:scale(1)}to{filter:drop-shadow(0 0 9px var(--primary-color)) drop-shadow(0 0 18px rgba(var(--primary-rgb,0,255,198),.55));transform:scale(1.08)}}.vhg-composer-title{font-size:.78rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;background:linear-gradient(90deg,var(--text-primary) 50%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;white-space:nowrap}.vhg-composer-close,.vhg-vis-chip{width:27px;height:27px;flex-shrink:0;clip-path:var(--octagon-clip);background:rgba(var(--primary-rgb,0,255,198),.14);border:1px solid rgba(var(--primary-rgb,0,255,198),.3);color:rgba(var(--primary-rgb,0,255,198),.9);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;font-size:.78rem}.vhg-composer-close:hover,.vhg-vis-chip:hover:not(:disabled){background:rgba(var(--primary-rgb,0,255,198),.25);color:var(--primary-color);filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.5))}.vhg-vis-chip:disabled{opacity:.35;cursor:not-allowed}.vhg-composer-dotted{flex-shrink:0;height:1px;margin:0 14px;background:repeating-linear-gradient(90deg,rgba(var(--primary-rgb,0,255,198),.65) 0,rgba(var(--primary-rgb,0,255,198),.65) 5px,transparent 5px,transparent 14px);filter:drop-shadow(0 0 3px rgba(var(--primary-rgb,0,255,198),.6))}.vhg-composer-upload-strip{width:100%;height:2px;background:rgba(var(--primary-rgb,0,255,198),.12);overflow:hidden;flex-shrink:0}.vhg-composer-upload-strip-fill{height:100%;background:var(--gradient-primary);background-size:200% 100%;transition:width .3s ease;animation:vhg-upload-shimmer 1.2s ease-in-out infinite}@keyframes vhg-upload-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vhg-composer-error{padding:6px 10px;clip-path:var(--octagon-clip);background:rgba(220,38,38,.12);color:var(--error-color,#ef4444);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;filter:drop-shadow(0 0 4px rgba(220,38,38,.35));flex-shrink:0}.vhg-composer-footer{flex-shrink:0;padding:8px 14px max(8px,env(safe-area-inset-bottom));display:flex;gap:6px;background:linear-gradient(0deg,rgba(var(--primary-rgb,0,255,198),.07) 0,transparent 100%)}.vhg-post-btn{flex:1;padding:9px 14px;clip-path:var(--octagon-clip);background:var(--gradient-primary);border:none;color:var(--text-inverse,#000);font-weight:900;font-size:.72rem;cursor:pointer;transition:all .18s cubic-bezier(.34,1.4,.64,1);display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px;filter:drop-shadow(0 0 4px rgba(var(--primary-rgb,0,255,198),.55)) drop-shadow(0 0 12px rgba(var(--primary-rgb,0,255,198),.28));animation:vhg-post-breathe 3s ease-in-out infinite alternate}@keyframes vhg-post-breathe{0%{filter:drop-shadow(0 0 3px rgba(var(--primary-rgb,0,255,198),.45)) drop-shadow(0 0 10px rgba(var(--primary-rgb,0,255,198),.22))}to{filter:drop-shadow(0 0 5px var(--primary-color)) drop-shadow(0 0 16px rgba(var(--primary-rgb,0,255,198),.45)) drop-shadow(0 0 32px rgba(var(--primary-rgb,0,255,198),.18))}}.vhg-post-btn:hover:not(:disabled){transform:scale(1.03);filter:drop-shadow(0 0 8px var(--primary-color)) drop-shadow(0 0 20px rgba(var(--primary-rgb,0,255,198),.55))}.vhg-post-btn:active:not(:disabled){transform:scale(.97)}.vhg-post-btn:disabled{opacity:.35;cursor:not-allowed;filter:none;animation:none;transform:none}.vhg-cancel-btn{width:100%;padding:9px;clip-path:var(--octagon-clip);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.28);color:var(--error-color,#ef4444);font-weight:700;font-size:.66rem;cursor:pointer;transition:all .16s ease;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.5px}.vhg-cancel-btn:hover{background:rgba(239,68,68,.16);filter:drop-shadow(0 0 5px rgba(239,68,68,.35))}.vhg-composer-label{font-size:.6rem;font-weight:900;color:var(--primary-color,#00ffc6);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:5px;opacity:.85;display:block}.vhg-composer--split{min-height:0}.vhg-composer-stage{position:relative;flex:0 0 auto;height:clamp(200px,32vh,280px);width:100%;background:var(--background-secondary,#000);overflow:hidden}.vhg-stage-media{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:filter .15s ease}.vhg-scale-overlay{position:absolute;left:0;right:0;bottom:0;height:50%;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 22%,rgba(var(--primary-rgb,0,255,198),.16) 55%,rgba(0,0,0,.86) 100%);backdrop-filter:none;-webkit-backdrop-filter:none}.vhg-scale-overlay-inner{width:100%;min-height:0;max-height:100%;overflow-y:auto;padding:10px 12px 8px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:var(--primary-color,#00ffc6) transparent;overscroll-behavior:contain}.vhg-scale-overlay-inner::-webkit-scrollbar{width:3px}.vhg-scale-overlay-inner::-webkit-scrollbar-track{background:transparent}.vhg-scale-overlay-inner::-webkit-scrollbar-thumb{background:var(--primary-color,#00ffc6);border-radius:2px}.vhg-looks-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;flex-shrink:0}.vhg-looks-row::-webkit-scrollbar{display:none}.vhg-look-chip{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:1.5px solid rgba(var(--primary-rgb,0,255,198),.35);color:var(--text-primary,#fff);font-size:.85rem;line-height:1;cursor:pointer;transition:all .16s ease;padding:0}.vhg-look-chip:hover{border-color:var(--primary-color,#00ffc6);filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.4));transform:translateY(-1px)}.vhg-look-chip--active{background:linear-gradient(135deg,rgba(var(--primary-rgb,0,255,198),.45),rgba(var(--primary-rgb,0,255,198),.2));border-color:var(--primary-color,#00ffc6);filter:drop-shadow(0 0 6px rgba(var(--primary-rgb,0,255,198),.5))}.vhg-composer-outer{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:var(--primary-color,#00ffc6) transparent;overscroll-behavior:contain}.vhg-composer-outer::-webkit-scrollbar{width:3px}.vhg-composer-outer::-webkit-scrollbar-track{background:transparent}.vhg-composer-outer::-webkit-scrollbar-thumb{background:var(--primary-color,#00ffc6);border-radius:2px}@media (max-width:480px){.vhg-composer-outer{padding:6px 10px;gap:6px}.vhg-scale-overlay-inner{padding:8px 10px 6px;gap:5px}}@media (max-height:640px){.vhg-scale-overlay{height:58%}}.vhg-upload-btn-row{display:flex;gap:6px}.vhg-upload-btn{flex:1;padding:8px 10px;clip-path:var(--octagon-clip);background:rgba(var(--primary-rgb,0,255,198),.06);border:1px solid rgba(var(--primary-rgb,0,255,198),.22);color:rgba(var(--primary-rgb,0,255,198),.75);cursor:pointer;font-weight:800;font-size:.66rem;text-transform:uppercase;letter-spacing:.6px;transition:all .18s ease;font-family:var(--font-primary)}.vhg-upload-btn:hover:not(:disabled){background:rgba(var(--primary-rgb,0,255,198),.14);color:var(--primary-color);filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.4))}.vhg-upload-btn--selected{background:linear-gradient(135deg,rgba(var(--primary-rgb,0,255,198),.28),rgba(var(--primary-rgb,0,255,198),.14));border-color:rgba(var(--primary-rgb,0,255,198),.55);color:var(--primary-color);filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.5))}.vhg-upload-btn:disabled{opacity:.3;cursor:not-allowed}.vhg-composer-empty-state{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(var(--primary-rgb,0,255,198),.35);min-height:80px;padding:12px 16px}.vhg-composer-empty-state>span:first-child{font-size:1.8rem;filter:drop-shadow(0 0 6px rgba(var(--primary-rgb,0,255,198),.5))}.vhg-composer-empty-state p{font-size:.66rem;margin:0 0 4px;color:var(--text-muted,rgba(0,255,198,.4));text-align:center}.vhg-composer-empty-state .vhg-upload-btn-row{width:100%;max-width:260px}.vhg-preview-remove{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);border:1px solid rgba(var(--primary-rgb,0,255,198),.4);background:rgba(0,0,0,.94);color:var(--primary-color,#00ffc6);cursor:pointer;font-size:.7rem;transition:all .18s ease;backdrop-filter:none}.vhg-preview-remove:hover{border-color:var(--primary-color,#00ffc6);background:rgba(var(--primary-rgb,0,255,198),.22);transform:scale(1.08);filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.5))}.vhg-upload-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.62);backdrop-filter:none}.vhg-progress-ring{display:flex;flex-direction:column;align-items:center;gap:6px}.vhg-progress-ring p{font-size:.85rem;font-weight:900;color:var(--primary-color,#00ffc6)}.vhg-progress-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:4}.vhg-progress-fill{fill:none;stroke:var(--primary-color,#00ffc6);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 5px rgba(var(--primary-rgb,0,255,198),.7));transition:stroke-dasharray .2s ease}.vhg-scale{display:flex;flex-direction:column;gap:3px}.vhg-scale--disabled{opacity:.4;pointer-events:none}.vhg-scale-label{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:800;color:var(--text-secondary,#e0e0e0);text-transform:uppercase;letter-spacing:.6px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.vhg-scale-icon{font-size:.8rem;line-height:1;filter:drop-shadow(0 0 3px rgba(var(--primary-rgb,0,255,198),.5))}.vhg-scale-name{flex:1}.vhg-scale-value{font-weight:900;color:var(--primary-color,#00ffc6);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;text-shadow:0 0 6px rgba(var(--primary-rgb,0,255,198),.4)}.vhg-scale-track-wrap{position:relative;height:18px;display:flex;align-items:center}.vhg-scale-track-wrap:before{content:"";position:absolute;inset:0;top:50%;height:4px;transform:translateY(-50%);border-radius:3px;background:linear-gradient(90deg,var(--primary-color,#00ffc6),var(--primary-color,#00ffc6) var(--vhg-scale-pct,0),rgba(255,255,255,.08) var(--vhg-scale-pct,0));box-shadow:0 0 6px rgba(var(--primary-rgb,0,255,198),.35);pointer-events:none;transition:box-shadow .15s ease}.vhg-scale-track-wrap:after{content:"";position:absolute;left:calc(var(--vhg-scale-pct, 0%) - 1px);top:50%;width:2px;height:12px;transform:translate(-50%,-50%);background:var(--primary-light,#5fffdb);box-shadow:0 0 8px rgba(var(--primary-rgb,0,255,198),.6);border-radius:1px;pointer-events:none;opacity:.9}.vhg-scale-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;margin:0;position:relative;z-index:1}.vhg-scale-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gradient-primary);border:2px solid var(--background-primary,#000);box-shadow:0 0 10px rgba(var(--primary-rgb,0,255,198),.6),0 0 0 1px var(--primary-color,#00ffc6);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.vhg-scale-input:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 0 16px var(--primary-color,#00ffc6),0 0 28px rgba(var(--primary-rgb,0,255,198),.55)}.vhg-scale-input:active~.vhg-scale-track-wrap:before,.vhg-scale-track-wrap:has(.vhg-scale-input:active):before{box-shadow:0 0 12px rgba(var(--primary-rgb,0,255,198),.65)}.vhg-scale-input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--gradient-primary);border:2px solid var(--background-primary,#000);box-shadow:0 0 10px rgba(var(--primary-rgb,0,255,198),.6)}.vhg-scale-input::-moz-range-track{background:transparent}.vhg-scale--time{padding:7px 10px;clip-path:var(--octagon-clip);background:rgba(var(--accent-rgb,255,77,109),.05);border:1px solid rgba(var(--accent-rgb,255,77,109),.25)}.vhg-scale--time .vhg-scale-value{color:var(--accent-color,#ff4d6d);text-shadow:0 0 6px rgba(var(--accent-rgb,255,77,109),.4)}.vhg-scale--time .vhg-scale-track-wrap:before{background:linear-gradient(90deg,var(--accent-color,#ff4d6d),var(--accent-color,#ff4d6d) var(--vhg-scale-pct,0),rgba(255,255,255,.08) var(--vhg-scale-pct,0));box-shadow:0 0 6px rgba(var(--accent-rgb,255,77,109),.35)}.vhg-scale--time .vhg-scale-input::-webkit-slider-thumb{background:var(--accent-color,#ff4d6d);box-shadow:0 0 8px rgba(var(--accent-rgb,255,77,109),.55)}.vhg-scale-marks{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}.vhg-scale-mark{flex:1;min-width:38px;padding:3px 5px;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-muted,rgba(255,255,255,.4));font-size:.56rem;font-weight:700;font-family:var(--font-primary);cursor:pointer;border-radius:4px;transition:all .15s ease}.vhg-scale-mark:hover:not(:disabled){border-color:rgba(var(--accent-rgb,255,77,109),.5);color:var(--accent-color,#ff4d6d)}.vhg-scale-mark--active{border-color:var(--accent-color,#ff4d6d);background:rgba(var(--accent-rgb,255,77,109),.15);color:var(--accent-color,#ff4d6d);filter:drop-shadow(0 0 4px rgba(var(--accent-rgb,255,77,109),.4))}.vhg-scale-mark:disabled{opacity:.3;cursor:not-allowed}.vhg-caption-wrap{position:relative}.vhg-composer-caption{width:100%;padding:7px 10px;clip-path:var(--octagon-clip);background:rgba(var(--primary-rgb,0,255,198),.04);border:1px solid rgba(var(--primary-rgb,0,255,198),.18);color:var(--text-primary,#fff);font-size:.76rem;resize:none;outline:none;transition:all .2s ease;font-family:var(--font-primary);min-height:40px;max-height:64px}.vhg-composer-caption:focus{border-color:var(--primary-color,#00ffc6);background:rgba(var(--primary-rgb,0,255,198),.07);filter:drop-shadow(0 0 8px rgba(var(--primary-rgb,0,255,198),.3))}.vhg-composer-caption:disabled{opacity:.3}.vhg-composer-caption--over{border-color:var(--error-color,#ef4444)}.vhg-caption-counter{position:absolute;bottom:5px;right:10px;font-size:.52rem;color:rgba(var(--primary-rgb,0,255,198),.4);font-weight:700}.vhg-caption-counter--over,.vhg-caption-counter--warn{color:var(--error-color,#ef4444)}.vhg-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vhg-tier-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--surface-faint,rgba(212,175,55,.03));border:1.5px solid var(--primary-color,rgba(212,175,55,.15));color:var(--text-muted,rgba(212,175,55,.5));cursor:pointer;font-family:var(--font-primary);transition:all .15s ease;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.vhg-tier-btn:hover:not(:disabled){border-color:var(--primary-color,rgba(212,175,55,.4));color:var(--primary-color,rgba(212,175,55,.8))}.vhg-tier-btn--active{border-color:var(--primary-color,#d4af37);background:var(--surface-light,rgba(212,175,55,.12));color:var(--primary-color,#d4af37);box-shadow:0 0 10px var(--glow-primary,rgba(212,175,55,.2))}.vhg-tier-btn:disabled{opacity:.3;cursor:not-allowed}.vhg-tier-label{font-size:.62rem;font-weight:800;letter-spacing:.02em}.vhg-tier-sub{font-size:.5rem;font-weight:500;opacity:.7;text-transform:lowercase}.vhg-tier-compact{display:flex;align-items:center;gap:4px;background:var(--surface-faint,rgba(212,175,55,.03));border:1px solid var(--primary-color,rgba(212,175,55,.1));clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);padding:3px 6px}.vhg-compact-label{font-size:.7rem;opacity:.6;flex-shrink:0}.vhg-tier-compact-grid{display:flex;gap:2px;flex:1}.vhg-tier-compact-btn{flex:1;padding:2px 4px;background:transparent;border:none;color:var(--text-muted,rgba(212,175,55,.4));font-size:.55rem;font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:all .15s ease;border-radius:2px;text-transform:uppercase;letter-spacing:.3px}.vhg-tier-compact-btn:hover:not(:disabled){color:var(--primary-color,rgba(212,175,55,.7))}.vhg-tier-compact-btn--active{color:var(--primary-color,#d4af37);background:var(--surface-light,rgba(212,175,55,.12))}.vhg-tier-compact-btn:disabled{opacity:.3;cursor:not-allowed}.vhg-vis-row{display:flex;gap:6px}.vhg-vis-btn{flex:1;padding:6px 5px;clip-path:var(--octagon-clip);background:rgba(var(--primary-rgb,0,255,198),.05);border:1px solid rgba(var(--primary-rgb,0,255,198),.16);color:var(--text-muted,rgba(0,255,198,.55));font-size:.6rem;font-weight:700;cursor:pointer;font-family:var(--font-primary);transition:all .16s ease}.vhg-vis-btn:hover:not(:disabled){border-color:rgba(var(--primary-rgb,0,255,198),.4);color:var(--primary-color,#00ffc6)}.vhg-vis-btn--active{background:linear-gradient(135deg,rgba(var(--primary-rgb,0,255,198),.26),rgba(var(--primary-rgb,0,255,198),.12));border-color:var(--primary-color,#00ffc6);color:var(--primary-color,#00ffc6);filter:drop-shadow(0 0 6px rgba(var(--primary-rgb,0,255,198),.4))}.vhg-vis-btn:disabled{opacity:.3;cursor:not-allowed}.vhg-vis-compact{display:flex;align-items:center;gap:4px;clip-path:var(--octagon-clip);background:rgba(var(--primary-rgb,0,255,198),.04);border:1px solid rgba(var(--primary-rgb,0,255,198),.14);padding:3px 6px}.vhg-vis-compact-grid{display:flex;gap:2px;flex:1}.vhg-vis-compact-btn{flex:1;padding:2px 4px;background:transparent;border:none;color:var(--text-muted,rgba(0,255,198,.4));font-size:.7rem;cursor:pointer;transition:all .15s ease;border-radius:2px}.vhg-vis-compact-btn:hover:not(:disabled){color:var(--primary-color,rgba(0,255,198,.7))}.vhg-vis-compact-btn--active{color:var(--primary-color,#00ffc6);background:rgba(var(--primary-rgb,0,255,198),.12)}.vhg-vis-compact-btn:disabled{opacity:.3;cursor:not-allowed}.vhg-toggle-stack{display:flex;flex-direction:column;gap:4px}.vhg-toggle-row-compact{display:flex;gap:4px;flex-wrap:wrap}.vhg-toggle-compact{flex:1;min-width:60px}.vhg-toggle-compact-btn{width:100%;padding:4px 6px;background:var(--surface-faint,rgba(212,175,55,.03));border:1px solid var(--primary-color,rgba(212,175,55,.1));color:var(--text-muted,rgba(212,175,55,.4));font-size:.55rem;font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:all .15s ease;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.3px}.vhg-toggle-compact-btn:hover:not(:disabled){border-color:var(--primary-color,rgba(212,175,55,.3));color:var(--primary-color,rgba(212,175,55,.7))}.vhg-toggle-compact-btn--on{border-color:var(--primary-color,#d4af37);color:var(--primary-color,#d4af37);background:var(--surface-light,rgba(212,175,55,.08))}.vhg-toggle-compact-btn:disabled{opacity:.3;cursor:not-allowed}.vhg-toggle-compact-label{font-size:.5rem}.vhg-toggle-compact-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted,rgba(212,175,55,.2));transition:all .2s ease;flex-shrink:0}.vhg-toggle-compact-btn--on .vhg-toggle-compact-dot{background:var(--primary-color,#d4af37);box-shadow:0 0 6px var(--glow-primary,rgba(212,175,55,.4))}@media (max-width:480px){.vhg-composer-overlay{padding:8px}.vhg-composer{border-width:1.5px}.vhg-composer-head{padding:8px 10px}.vhg-composer-title{font-size:.7rem}.vhg-composer-scales-panel{padding:6px 8px;gap:6px}.vhg-composer-footer{padding:6px 8px;flex-wrap:wrap}.vhg-draft-btn,.vhg-post-btn{flex:1 1 100%;padding:6px}.vhg-toggle-row-compact{flex-direction:column}.vhg-toggle-compact{flex:1 1 100%}}@media (max-width:360px){.vhg-upload-btn{font-size:.55rem;padding:4px 6px}.vhg-tier-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.vhg-composer,.vhg-composer-gem,.vhg-composer-upload-strip-fill,.vhg-post-btn{animation:none!important}}.composer-overlay{position:fixed;inset:0;z-index:var(--vhg-z-editor,1078);background:rgba(0,0,0,.5);backdrop-filter:none;display:flex;align-items:center;justify-content:center}.composer{width:100%;max-width:500px;max-height:90vh;background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.2)}.composer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.composer-header h2{font-size:1.1rem;font-weight:700;color:#0f172a}.composer-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;font-size:16px;transition:background .15s}.composer-close:hover{background:#e2e8f0}.composer-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.picker-row{display:flex;gap:10px}.picker-btn{flex:1;padding:12px;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;font-weight:600;font-size:.875rem;color:#334155;transition:all .15s}.picker-btn:hover{border-color:#2563eb;background:#dbeafe;color:#2563eb}.preview-area{position:relative;width:100%;aspect-ratio:1;background:#0f172a;border-radius:8px;overflow:hidden}.preview-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.source-badge{left:10px;padding:4px 10px;font-size:.7rem;font-weight:600;border-radius:4px}.remove-btn,.source-badge{position:absolute;top:10px;background:rgba(0,0,0,.7);color:white}.remove-btn{right:10px;width:28px;height:28px;border-radius:50%;font-size:14px;transition:background .15s}.remove-btn:hover{background:rgba(239,68,68,.8)}.upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.progress-ring{color:white;font-size:1.5rem;font-weight:700}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.control-group input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;padding:0}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2563eb;cursor:pointer}.duration-display{text-align:center;font-size:.875rem;font-weight:600;color:#2563eb}.caption-input{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;resize:none;outline:none;font-family:inherit;transition:border-color .15s}.caption-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.char-count{text-align:right;font-size:.7rem;color:#94a3b8}.error{padding:10px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.875rem}.composer-footer{padding:12px 20px;border-top:1px solid #e2e8f0;flex-shrink:0}.post-btn{width:100%;padding:14px;border-radius:8px;background:#2563eb;color:white;font-weight:700;font-size:1rem;transition:background .15s}.post-btn:hover:not(:disabled){background:#1d4ed8}.post-btn:disabled{opacity:.5;cursor:not-allowed}