@media (max-width:1023px){
  html:has(.vb-camera-v56),body:has(.vb-camera-v56){overflow:hidden!important}
  .vb-camera-studio.vb-camera-v56{position:fixed!important;z-index:10000!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;color:#fff!important;background:#000!important;box-shadow:none!important;transform:none!important;overscroll-behavior:none!important;touch-action:none!important}
  .vb-camera-v56>.vb56-camera-bg,.vb-camera-v56>.vb56-camera-feed{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;object-position:50% 50%!important}
  .vb-camera-v56>.vb56-camera-bg{display:none!important;z-index:0!important;object-fit:cover!important;filter:blur(28px) brightness(.5) saturate(.9)!important;transform:scale(1.16)!important}
  .vb-camera-v56>.vb56-camera-feed{z-index:1!important;object-fit:contain!important;filter:none!important;transform:none!important;transform-origin:center!important;background:#000!important}
  .vb-camera-v56.vb56-landscape-source>.vb56-camera-bg{display:block!important}
  .vb-camera-v56.vb56-landscape-source>.vb56-camera-feed{object-fit:contain!important;background:transparent!important}
  .vb-camera-v56.vb56-selfie>.vb56-camera-feed{transform:scaleX(-1)!important}
  .vb-camera-v56.vb56-selfie>.vb56-camera-bg{transform:scale(1.16) scaleX(-1)!important}

  .vb-camera-v56>.vb56-topbar{position:absolute!important;z-index:20!important;left:0!important;right:0!important;top:0!important;height:auto!important;min-height:76px!important;padding:max(14px,env(safe-area-inset-top)) 18px 16px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 52px!important;align-items:start!important;gap:10px!important;border:0!important;background:linear-gradient(#000c,transparent)!important;pointer-events:none!important}
  .vb-camera-v56>.vb56-topbar strong{align-self:center!important;margin:17px 0 0!important;color:#fff!important;text-align:center!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;text-shadow:0 2px 12px #000!important}
  .vb-camera-v56>.vb56-topbar strong:first-letter{color:var(--vb-accent,#ff0090)!important}
  .vb-camera-v56>.vb56-topbar button{position:static!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;aspect-ratio:1!important;border:1px solid #ffffff22!important;border-radius:50%!important;color:#fff!important;background:#101014b8!important;box-shadow:0 8px 26px #0007!important;-webkit-backdrop-filter:blur(13px)!important;backdrop-filter:blur(13px)!important;transform:none!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important}
  .vb-camera-v56>.vb56-topbar button svg{width:25px!important;height:25px!important;margin:auto!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important}

  .vb56-script-panel{--vb56-text-size:32px;--vb56-panel-opacity:.62;position:absolute;z-index:10;left:7%;right:7%;top:21%;max-height:43dvh;padding:13px 14px 14px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff26;border-radius:22px;background:rgb(0 0 0 / var(--vb56-panel-opacity));box-shadow:0 18px 52px #0007;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);touch-action:pan-y}
  .vb56-script-head{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;margin-bottom:8px}
  .vb56-script-head select{width:100%;height:38px;min-width:0;padding:0 32px 0 11px;border:1px solid #ffffff1d;border-radius:12px;color:#fff;background:#1a1a1fc9;font-size:11px;font-weight:800;text-overflow:ellipsis}
  .vb56-script-head button{width:38px;height:38px;min-width:38px;padding:0;display:grid;place-items:center;border:1px solid #ffffff1d;border-radius:50%;color:#fff;background:#1a1a1fc9}
  .vb56-script-head svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .vb56-script-text{min-height:56px;max-height:31dvh;padding:4px 4px 16px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;color:#fff;font-size:var(--vb56-text-size);font-weight:760;line-height:1.28;text-align:center;white-space:pre-wrap;text-wrap:pretty;text-shadow:0 2px 14px #000;outline:0;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;user-select:text;-webkit-user-select:text}
  .vb56-script-panel.editing{border-color:var(--vb-accent,#ff0090);box-shadow:0 0 0 2px color-mix(in srgb,var(--vb-accent,#ff0090) 34%,transparent),0 18px 52px #0008}
  .vb56-script-panel.editing .vb56-script-text{cursor:text;-webkit-user-select:text;user-select:text}
  .vb56-frame-nav{height:34px;margin-top:4px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px}
  .vb56-frame-nav[hidden]{display:none!important}
  .vb56-frame-nav button{width:40px;height:32px;padding:0;display:grid;place-items:center;border:1px solid #ffffff1f;border-radius:10px;color:#fff;background:#1d1d22d9;font-size:22px;line-height:1}
  .vb56-frame-nav button:disabled{opacity:.28}
  .vb56-frame-nav span{color:#d8d8dd;text-align:center;font-size:10px;font-weight:850;letter-spacing:.12em}
  .vb-camera-v56[data-vb56-mode="frames"] .vb56-script-text{overflow:hidden;display:grid;place-items:center}

  .vb56-script-modes{position:absolute;z-index:15;left:50%;bottom:calc(164px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),430px);height:44px;padding:4px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border:1px solid #ffffff22;border-radius:16px;background:#101014b8;box-shadow:0 10px 30px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateX(-50%);touch-action:manipulation}
  .vb56-script-modes button{min-width:0;padding:0 5px;border-radius:11px;color:#b7b7bd;background:transparent;font-size:10px;font-weight:850;white-space:nowrap}
  .vb56-script-modes button.active{color:#fff;background:var(--vb-accent,#ff0090);box-shadow:0 7px 18px color-mix(in srgb,var(--vb-accent,#ff0090) 36%,transparent)}

  .vb56-camera-tools{position:absolute;z-index:16;left:16px;right:16px;bottom:calc(107px + env(safe-area-inset-bottom));height:42px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
  .vb56-camera-tools button{height:40px;min-width:58px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff22;border-radius:99px;color:#fff;background:#101014b8;box-shadow:0 8px 24px #0007;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);font-size:10px;font-weight:850;pointer-events:auto}
  .vb56-camera-tools button:disabled{opacity:.45}
  .vb56-camera-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}

  .vb56-capturebar{position:absolute;z-index:14;left:0;right:0;bottom:0;min-height:calc(104px + env(safe-area-inset-bottom));padding:4px 18px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;background:linear-gradient(transparent,#000d 55%,#000);pointer-events:none}
  .vb56-record-status{min-height:14px;color:#fff;font-size:9px;font-weight:850;letter-spacing:.11em;text-shadow:0 2px 10px #000}
  .vb56-record{width:74px!important;min-width:74px!important;max-width:74px!important;height:74px!important;min-height:74px!important;max-height:74px!important;padding:0!important;display:grid!important;place-items:center!important;aspect-ratio:1!important;border:4px solid #fff!important;border-radius:50%!important;background:#05050688!important;box-shadow:0 0 0 1px #0008,0 10px 30px #0009!important;outline:0!important;overflow:hidden!important;transform:none!important;pointer-events:auto!important;-webkit-appearance:none!important;appearance:none!important}
  .vb56-record i{width:56px;height:56px;display:block;border-radius:50%;background:var(--vb-accent,#ff0090);transition:width .18s,height .18s,border-radius .18s}
  .vb56-record:disabled{opacity:.48}
  .vb56-recording .vb56-record{border-color:#ff526c!important}
  .vb56-recording .vb56-record i{width:28px;height:28px;border-radius:7px;background:#fff}
  .vb56-recording .vb56-record-status{color:#ff6379}

  .vb56-settings{position:absolute;z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-height:82dvh;padding:16px;box-sizing:border-box;display:grid;gap:10px;overflow-y:auto;border:1px solid #ffffff26;border-radius:26px;color:#fff;background:#101014ed;box-shadow:0 28px 100px #000c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overscroll-behavior:contain;touch-action:pan-y}
  .vb56-settings[hidden]{display:none!important}
  .vb56-settings>header{position:static!important;min-height:48px!important;padding:0 0 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:center!important;gap:10px!important;background:transparent!important}
  .vb56-settings>header div{display:grid;gap:2px}.vb56-settings>header small{color:var(--vb-accent,#ff0090);font-size:9px;font-weight:900;letter-spacing:.15em}.vb56-settings>header strong{font-size:22px;letter-spacing:-.03em}
  .vb56-settings>header button{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #ffffff24!important;border-radius:50%!important;color:#fff!important;background:#29292f!important}
  .vb56-settings>header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .vb56-settings>label{min-height:58px;padding:9px 11px;box-sizing:border-box;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #ffffff12;border-radius:15px;background:#24242ac7;color:#c2c2c8;font-size:11px}
  .vb56-settings select{width:100%;min-width:0;height:42px;padding:0 9px;border:0;border-radius:11px;color:#fff;background:#111116;font-size:12px}
  .vb56-settings input[type="range"]{width:100%;min-width:0;accent-color:var(--vb-accent,#ff0090)}
  .vb56-settings output{min-width:38px;color:#fff;text-align:right;font-size:10px;font-weight:800}
  .vb56-quality-card{padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;border:1px solid color-mix(in srgb,var(--vb-accent,#ff0090) 28%,#ffffff18);border-radius:16px;background:color-mix(in srgb,var(--vb-accent,#ff0090) 8%,#17171c)}
  .vb56-quality-card strong{font-size:14px}.vb56-quality-card span{color:#fff;font-size:10px;font-weight:800}.vb56-quality-card small{grid-column:1/-1;color:#aaaab2;font-size:9px}

  .vb56-processing{position:absolute;z-index:50;left:50%;top:50%;width:min(calc(100% - 40px),360px);padding:20px;box-sizing:border-box;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:5px 13px;border:1px solid #ffffff29;border-radius:22px;color:#fff;background:#111116f2;box-shadow:0 30px 100px #000d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translate(-50%,-50%)}
  .vb56-processing[hidden]{display:none!important}.vb56-processing i{grid-row:1/3;width:42px;height:42px;border:4px solid #ffffff26;border-top-color:var(--vb-accent,#ff0090);border-radius:50%;animation:vb56-spin .8s linear infinite}.vb56-processing strong{font-size:15px}.vb56-processing span{color:#aaaab2;font-size:10px}
  .vb56-processing-active>:not(.vb56-processing,.vb56-camera-feed){pointer-events:none!important}.vb56-processing-active .vb56-script-panel,.vb56-processing-active .vb56-script-modes,.vb56-processing-active .vb56-camera-tools,.vb56-processing-active .vb56-capturebar{opacity:.22}

  .vb-camera-v56.vb56-playback>.vb56-camera-bg,.vb-camera-v56.vb56-playback>.vb56-script-panel,.vb-camera-v56.vb56-playback>.vb56-script-modes,.vb-camera-v56.vb56-playback>.vb56-camera-tools,.vb-camera-v56.vb56-playback>.vb56-capturebar,.vb-camera-v56.vb56-playback>.vb56-topbar strong,.vb-camera-v56.vb56-playback>.vb56-topbar button[data-vb56="flip"]{display:none!important}
  .vb-camera-v56.vb56-playback>.vb56-camera-feed{object-fit:contain!important;background:#000!important;transform:none!important;filter:none!important}
  .vb56-playback-actions{position:absolute;z-index:30;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #ffffff24;border-radius:20px;background:#111116d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .vb56-playback-actions button{min-height:46px;padding:0 10px;border-radius:13px;color:#fff;background:var(--vb-accent,#ff0090);font-size:11px;font-weight:850}.vb56-playback-actions button:nth-child(2){background:#29292f}.vb56-playback-actions button:nth-child(3){grid-column:1/-1;background:#202025}.vb56-playback-actions small{grid-column:1/-1;color:#aaaab2;text-align:center;font-size:8px;line-height:1.35}

  @keyframes vb56-spin{to{transform:rotate(360deg)}}
  @media (max-height:700px){.vb56-script-panel{top:17%;max-height:36dvh}.vb56-script-text{max-height:24dvh}.vb56-script-modes{bottom:calc(150px + env(safe-area-inset-bottom))}.vb56-camera-tools{bottom:calc(99px + env(safe-area-inset-bottom))}.vb56-capturebar{min-height:calc(94px + env(safe-area-inset-bottom))}.vb56-record{width:66px!important;min-width:66px!important;height:66px!important;min-height:66px!important}.vb56-record i{width:49px;height:49px}}
}