.yz-cap-btn{position:relative;display:flex;align-items:center;width:100%;height:clamp(44px,11vw,48px);padding:0 clamp(10px,3vw,14px);border:1px solid var(--yz-btn-border,#e2e8f0);border-radius:10px;background:var(--yz-btn-bg,#f8fafc);color:var(--yz-btn-color,#475569);font-size:clamp(13px,3.6vw,14px);font-weight:500;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;user-select:none;box-sizing:border-box;font-family:inherit;overflow:hidden;color-scheme:light}
.yz-cap-btn:focus-visible{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.yz-cap-btn .yz-btn-icon{display:flex;align-items:center;justify-content:center;width:clamp(20px,5.5vw,22px);height:clamp(20px,5.5vw,22px);margin-right:clamp(8px,2.4vw,10px);flex-shrink:0}
.yz-cap-btn .yz-btn-icon svg{width:100%;height:100%}
.yz-cap-btn .yz-btn-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-cap-btn .yz-btn-arrow{display:flex;align-items:center;color:#94a3b8;transition:transform .2s;flex-shrink:0}
.yz-cap-btn .yz-btn-arrow svg{width:16px;height:16px}
.yz-cap-btn:hover .yz-btn-arrow{transform:translateX(3px)}
.yz-cap-btn.yz-state-loading{cursor:wait;background:var(--yz-btn-bg,#f8fafc)}
.yz-cap-btn.yz-state-success{border-color:var(--yz-btn-ok-border,#bbf7d0);background:var(--yz-btn-ok-bg,#f0fdf4);color:var(--yz-btn-ok-color,#16a34a)}
.yz-cap-btn.yz-state-success .yz-btn-arrow{display:none}
.yz-cap-btn.yz-state-limited{border-color:var(--yz-btn-lmt-border,#fecaca);background:var(--yz-btn-lmt-bg,#fef2f2);color:var(--yz-btn-lmt-color,#dc2626);cursor:not-allowed}
.yz-cap-btn.yz-state-limited .yz-btn-arrow{display:none}
.yz-cap-btn.yz-state-limited .yz-btn-icon svg{stroke:var(--yz-btn-lmt-color,#dc2626)}
.yz-cap-btn:disabled{opacity:.92}
.yz-cap-btn .yz-btn-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.25);border-top-color:#6366f1;border-radius:50%;animation:yz-cap-spin .8s linear infinite}
@keyframes yz-cap-spin{to{transform:rotate(360deg)}}

@keyframes yz-btn-arrow-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.yz-cap-btn:not(.yz-state-success):not(.yz-state-loading) .yz-btn-arrow{animation:yz-btn-arrow-nudge 1.8s ease-in-out infinite}

@supports ((-webkit-mask-image: radial-gradient(black, white)) or (mask-image: radial-gradient(black, white))){
.yz-cap-btn::before,.yz-cap-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease}
.yz-cap-btn::before{background:radial-gradient(circle 120px at var(--mx,50%) var(--my,50%),rgba(59,130,246,.25) 0%,rgba(59,130,246,.08) 55%,transparent 78%)}
.yz-cap-btn::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect x='1.5' y='1.5' width='6' height='6' rx='1.2' fill='%233b82f6' fill-opacity='.85'/%3E%3C/svg%3E");
    background-size:10px 10px;
    -webkit-mask-image:radial-gradient(circle 105px at var(--mx,50%) var(--my,50%),#000 0%,rgba(0,0,0,.45) 60%,transparent 100%);
    mask-image:radial-gradient(circle 105px at var(--mx,50%) var(--my,50%),#000 0%,rgba(0,0,0,.45) 60%,transparent 100%)}
.yz-cap-btn:hover:not(.yz-state-loading)::before,
.yz-cap-btn:hover:not(.yz-state-loading)::after,
.yz-cap-btn:focus-visible::before,
.yz-cap-btn:focus-visible::after{opacity:1}
}

.yz-cap-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,20px);background:var(--yz-overlay-bg,rgba(15,23,42,.45));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease}
.yz-cap-overlay.yz-open{opacity:1;pointer-events:auto}
.yz-cap-panel{width:clamp(300px,92vw,400px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--yz-panel-bg,#fff);border-radius:clamp(14px,3vw,18px);box-shadow:var(--yz-panel-shadow,0 24px 48px -12px rgba(15,23,42,.35));transform:translateY(12px) scale(.97);transition:transform .22s cubic-bezier(.34,1.4,.64,1);box-sizing:border-box}
.yz-cap-overlay.yz-open .yz-cap-panel{transform:translateY(0) scale(1)}
.yz-cap-head{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,2.6vw,12px) clamp(10px,3.4vw,14px);border-bottom:1px solid var(--yz-head-border,#f1f5f9)}
.yz-cap-tip{font-size:clamp(12px,3.4vw,13px);color:var(--yz-tip-color,#64748b);line-height:1.5;display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.yz-cap-tip b{color:var(--yz-tip-b,#0f172a);font-size:clamp(14px,4.4vw,16px);margin:0 1px;font-weight:700}
.yz-cap-tip .yz-tip-num{color:#6366f1;font-size:clamp(11px,3.2vw,12px);margin-left:5px}
.yz-cap-tip .yz-tip-img{height:clamp(26px,7.4vw,32px);margin-left:6px;padding:2px 10px;vertical-align:middle;border-radius:6px;background:rgba(15,23,42,.82);user-select:none;pointer-events:none;-webkit-user-drag:none}
.yz-cap-close{display:flex;align-items:center;justify-content:center;width:clamp(28px,8vw,32px);height:clamp(28px,8vw,32px);border:none;background:transparent;color:var(--yz-close-color,#94a3b8);border-radius:8px;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}
.yz-cap-close:hover{background:var(--yz-close-hover-bg,#f1f5f9);color:var(--yz-close-hover-color,#475569)}
.yz-cap-close svg{width:clamp(16px,4.6vw,18px);height:clamp(16px,4.6vw,18px)}

.yz-cap-body{position:relative;aspect-ratio:16/9;margin:clamp(10px,3vw,16px) clamp(10px,3vw,16px) 0;border-radius:clamp(10px,2.6vw,12px);overflow:hidden;background:var(--yz-body-bg,#e2e8f0);cursor:crosshair;touch-action:manipulation}
.yz-cap-body img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none;opacity:1;transition:opacity .18s ease}
.yz-cap-body.yz-img-loading img{opacity:0;visibility:hidden}
.yz-cap-body.yz-img-loading::before{content:"";position:absolute;inset:0;z-index:1;background:var(--yz-body-bg,#e2e8f0)}
.yz-cap-body.yz-img-loading .yz-body-spinner{z-index:2}
.yz-cap-body .yz-body-spinner{position:absolute;left:50%;top:50%;width:clamp(24px,7vw,28px);height:clamp(24px,7vw,28px);margin:calc(clamp(24px,7vw,28px) / -2) 0 0 calc(clamp(24px,7vw,28px) / -2);border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:yz-cap-spin .8s linear infinite}
.yz-cap-body .yz-body-spinner::after{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%)}
.yz-cap-marker{position:absolute;width:clamp(22px,6.4vw,26px);height:clamp(22px,6.4vw,26px);margin:calc(clamp(22px,6.4vw,26px) / -2) 0 0 calc(clamp(22px,6.4vw,26px) / -2);border-radius:50%;background:rgba(79,70,229,.92);color:#fff;font-size:clamp(12px,3.4vw,13px);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(15,23,42,.35);animation:yz-cap-pop .18s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
@keyframes yz-cap-pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.yz-cap-body.yz-flash-error,.yz-cap-track.yz-flash-error{animation:yz-cap-shake .35s ease}
@keyframes yz-cap-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

.yz-cap-status{min-height:20px;padding:clamp(6px,1.8vw,8px) clamp(10px,3vw,16px) 0;font-size:clamp(11px,3.2vw,12px);line-height:20px;color:var(--yz-status-color,#94a3b8);text-align:center}
.yz-cap-status.yz-status-error{color:var(--yz-status-error,#ef4444)}
.yz-cap-status.yz-status-success{color:var(--yz-status-success,#16a34a)}
.yz-cap-foot{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,2.4vw,10px) clamp(10px,3.4vw,14px) clamp(12px,3.4vw,14px)}
.yz-cap-actions{display:flex;gap:6px}
.yz-cap-act{display:inline-flex;align-items:center;gap:4px;padding:clamp(6px,1.8vw,8px) clamp(10px,2.8vw,12px);border:1px solid var(--yz-act-border,#e2e8f0);border-radius:8px;background:var(--yz-act-bg,#fff);color:var(--yz-act-color,#475569);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit;min-height:32px}
.yz-cap-act:hover:not(:disabled){border-color:var(--yz-act-hover-border,#6366f1);color:var(--yz-act-hover-color,#6366f1);background:var(--yz-act-hover-bg,#eef2ff)}
.yz-cap-act:disabled{opacity:.5;cursor:not-allowed}
.yz-cap-act svg{width:clamp(13px,3.6vw,14px);height:clamp(13px,3.6vw,14px)}
.yz-cap-brand{font-size:clamp(12px,3.4vw,13px);color:#94a3b8;letter-spacing:.5px;user-select:none;font-weight:500}

@media (prefers-color-scheme:dark){
.yz-cap-btn,.yz-cap-auto{
    color-scheme:dark;
    --yz-overlay-bg:rgba(2,6,18,.66);
    --yz-btn-bg:#162136;--yz-btn-border:#2b3a5c;--yz-btn-color:#c2cee2;
    --yz-btn-ok-bg:rgba(34,197,94,.14);--yz-btn-ok-border:rgba(74,222,128,.45);--yz-btn-ok-color:#4ade80;
    --yz-panel-bg:#0d1526;--yz-panel-shadow:0 24px 48px -12px rgba(0,0,0,.7);
    --yz-head-border:#1c2942;--yz-tip-color:#9fb0cb;--yz-tip-b:#eef3fc;
    --yz-close-color:#7f91ab;--yz-close-hover-bg:#1c2942;--yz-close-hover-color:#d7e1f0;
    --yz-body-bg:#1d2a44;
    --yz-status-color:#7f91ab;--yz-status-error:#f87171;--yz-status-success:#4ade80;
    --yz-act-bg:#162136;--yz-act-border:#2b3a5c;--yz-act-color:#c2cee2;
    --yz-act-hover-bg:#223052;--yz-act-hover-border:#818cf8;--yz-act-hover-color:#c7d2fe;
    --yz-rotate-bg:#1c2942;
    --yz-track-bg:#141f36;--yz-track-border:#2b3a5c;--yz-track-text:#9fb0cb;
    --yz-track-fill:linear-gradient(90deg,rgba(129,140,248,.16),rgba(99,102,241,.32));
    --yz-track-ok-bg:rgba(34,197,94,.12);--yz-track-ok-border:rgba(74,222,128,.45);--yz-track-ok-fill:linear-gradient(90deg,rgba(34,197,94,.14),rgba(34,197,94,.3));
    --yz-btn-lmt-bg:rgba(239,68,68,.14);--yz-btn-lmt-border:rgba(248,113,113,.45);--yz-btn-lmt-color:#f87171}
}
html.dark{
    color-scheme:dark;
    --yz-overlay-bg:rgba(2,6,18,.66);
    --yz-btn-bg:#162136;--yz-btn-border:#2b3a5c;--yz-btn-color:#c2cee2;
    --yz-btn-ok-bg:rgba(34,197,94,.14);--yz-btn-ok-border:rgba(74,222,128,.45);--yz-btn-ok-color:#4ade80;
    --yz-panel-bg:#0d1526;--yz-panel-shadow:0 24px 48px -12px rgba(0,0,0,.7);
    --yz-head-border:#1c2942;--yz-tip-color:#9fb0cb;--yz-tip-b:#eef3fc;
    --yz-close-color:#7f91ab;--yz-close-hover-bg:#1c2942;--yz-close-hover-color:#d7e1f0;
    --yz-body-bg:#1d2a44;
    --yz-status-color:#7f91ab;--yz-status-error:#f87171;--yz-status-success:#4ade80;
    --yz-act-bg:#162136;--yz-act-border:#2b3a5c;--yz-act-color:#c2cee2;
    --yz-act-hover-bg:#223052;--yz-act-hover-border:#818cf8;--yz-act-hover-color:#c7d2fe;
    --yz-rotate-bg:#1c2942;
    --yz-track-bg:#141f36;--yz-track-border:#2b3a5c;--yz-track-text:#9fb0cb;
    --yz-track-fill:linear-gradient(90deg,rgba(129,140,248,.16),rgba(99,102,241,.32));
    --yz-track-ok-bg:rgba(34,197,94,.12);--yz-track-ok-border:rgba(74,222,128,.45);--yz-track-ok-fill:linear-gradient(90deg,rgba(34,197,94,.14),rgba(34,197,94,.3));
     --yz-btn-lmt-bg:rgba(239,68,68,.14);--yz-btn-lmt-border:rgba(248,113,113,.45);--yz-btn-lmt-color:#f87171}
}
.yz-cap-body.yz-body-slide,.yz-cap-body.yz-body-rotate,.yz-cap-body.yz-body-empty{cursor:default}
.yz-cap-body .yz-slide-piece{position:absolute;left:0;top:0;width:15.625%;height:auto;filter:drop-shadow(0 1px 3px rgba(15,23,42,.45));z-index:2}
.yz-cap-body.yz-body-rotate{aspect-ratio:auto;height:clamp(160px,52vw,240px);display:flex;align-items:center;justify-content:center;background:var(--yz-rotate-bg,#f1f5f9)}
.yz-cap-body .yz-rotate-img{width:clamp(150px,52vw,230px);height:clamp(150px,52vw,230px);max-width:90%;max-height:90%;border-radius:50%;box-shadow:0 2px 12px rgba(15,23,42,.25)}
.yz-cap-track{position:relative;height:clamp(40px,11vw,46px);margin:clamp(10px,2.8vw,12px) clamp(10px,3vw,16px) 0;background:var(--yz-track-bg,#f1f5f9);border:1px solid var(--yz-track-border,#e2e8f0);border-radius:clamp(20px,5.5vw,23px);overflow:hidden;user-select:none;touch-action:none;box-sizing:content-box}
.yz-track-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--yz-track-fill,linear-gradient(90deg,rgba(99,102,241,.14),rgba(99,102,241,.3)));border-radius:clamp(20px,5.5vw,23px) 0 0 clamp(20px,5.5vw,23px)}
.yz-track-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,3.2vw,12px);color:var(--yz-track-text,#94a3b8);letter-spacing:1px;pointer-events:none;white-space:nowrap;overflow:hidden;transition:color .2s}
.yz-cap-track.yz-track-active .yz-track-text{color:var(--yz-track-text-active,#6366f1)}
.yz-track-handle{position:absolute;left:0;top:-1px;width:clamp(46px,13vw,52px);height:calc(clamp(40px,11vw,46px) + 2px);background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:clamp(20px,5.5vw,23px);display:flex;align-items:center;justify-content:center;color:#fff;cursor:grab;box-shadow:0 2px 6px rgba(99,102,241,.5),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .2s,background .2s}
.yz-track-handle svg{width:clamp(18px,5vw,20px);height:clamp(18px,5vw,20px)}
.yz-cap-track.yz-track-active .yz-track-handle{cursor:grabbing;transform:scale(1.06);background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px rgba(99,102,241,.6),inset 0 1px 0 rgba(255,255,255,.25);animation:yz-track-pulse 1.1s ease-in-out infinite}
@keyframes yz-track-pulse{0%,100%{box-shadow:0 4px 14px rgba(99,102,241,.55),inset 0 1px 0 rgba(255,255,255,.25)}50%{box-shadow:0 4px 22px rgba(99,102,241,.85),inset 0 1px 0 rgba(255,255,255,.25)}}
.yz-cap-track.yz-track-return .yz-track-handle,.yz-cap-track.yz-track-return .yz-track-fill{transition:left .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1)}
.yz-cap-track.yz-track-return .yz-slide-piece{transition:left .34s cubic-bezier(.22,1,.36,1)}
.yz-cap-track.yz-track-ok{border-color:var(--yz-track-ok-border,#bbf7d0);background:var(--yz-track-ok-bg,#f0fdf4)}
.yz-cap-track.yz-track-ok .yz-track-fill{background:var(--yz-track-ok-fill,linear-gradient(90deg,rgba(34,197,94,.14),rgba(34,197,94,.3)))}
.yz-cap-track.yz-track-ok .yz-track-handle{background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 2px 8px rgba(34,197,94,.55);transform:scale(1)}
.yz-cap-track.yz-track-ok .yz-track-text{color:#16a34a}
.yz-cap-track.yz-flash-error{border-color:#fecaca}
.yz-cap-track.yz-flash-error .yz-track-handle{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px rgba(239,68,68,.5)}

.yz-cap-body .yz-flip-bar{position:absolute;right:clamp(6px,2vw,8px);top:clamp(6px,2vw,8px);display:flex;flex-direction:column;gap:clamp(5px,1.5vw,6px);z-index:3}
.yz-flip-btn{display:inline-flex;align-items:center;gap:4px;padding:clamp(5px,1.6vw,6px) clamp(9px,2.6vw,10px);border:1px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(15,23,42,.5);color:#fff;font-size:11px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;backdrop-filter:blur(2px);min-height:28px}
.yz-flip-btn svg{width:clamp(13px,3.6vw,14px);height:clamp(13px,3.6vw,14px)}
.yz-flip-btn:hover{background:rgba(99,102,241,.75);border-color:rgba(99,102,241,.75)}
.yz-flip-btn.yz-flip-on{background:#6366f1;border-color:#6366f1;box-shadow:0 1px 4px rgba(99,102,241,.45)}
.yz-flip-btn:focus-visible{outline:none;border-color:#a5b4fc;box-shadow:0 0 0 2px rgba(99,102,241,.4)}

@media (prefers-reduced-motion:reduce){
    .yz-cap-btn:not(.yz-state-success):not(.yz-state-loading) .yz-btn-arrow,
    .yz-cap-marker,
    .yz-cap-body.yz-flash-error,
    .yz-cap-track.yz-flash-error{animation:none}
    .yz-cap-panel{transition:none}
}

@media (max-width:1024px){
    .yz-cap-panel{width:clamp(300px,88vw,400px)}
    .yz-cap-body.yz-body-rotate{height:clamp(160px,34vw,240px)}
    .yz-cap-body .yz-rotate-img{width:clamp(150px,32vw,230px);height:clamp(150px,32vw,230px)}
}

@media (max-width:480px){
    .yz-cap-overlay{padding:12px}
    .yz-cap-panel{width:100%;max-width:400px;border-radius:18px;transition-duration:.25s}
    .yz-cap-head{padding:12px 14px}
    .yz-cap-tip{font-size:15px;line-height:1.5}
    .yz-cap-tip b{font-size:18px;margin:0 2px}
    .yz-cap-tip .yz-tip-num{font-size:13px;margin-left:6px}
    .yz-cap-close{width:34px;height:34px}
    .yz-cap-close svg{width:18px;height:18px}
    .yz-cap-body{margin:12px 12px 0;border-radius:12px}
    .yz-cap-body.yz-body-rotate{height:clamp(170px,50vw,220px)}
    .yz-cap-body .yz-rotate-img{width:clamp(160px,50vw,210px);height:clamp(160px,50vw,210px)}
    .yz-cap-marker{width:28px;height:28px;margin:-14px 0 0 -14px;font-size:14px}
    .yz-cap-track{margin:12px 12px 0;height:48px;border-radius:24px}
    .yz-track-handle{width:52px;height:50px;border-radius:24px}
    .yz-track-text{font-size:12px;letter-spacing:.5px}
    .yz-cap-status{min-height:20px;padding:8px 12px 0;font-size:12px;line-height:20px}
    .yz-cap-foot{padding:10px 12px 14px}
    .yz-cap-act{padding:8px 12px;font-size:12px}
    .yz-cap-brand{display:block;font-size:15px}
    .yz-cap-btn{height:48px}
}

@media (max-width:360px){
    .yz-cap-overlay{padding:8px}
    .yz-cap-panel{border-radius:16px}
    .yz-cap-head{padding:10px 12px}
    .yz-cap-tip{font-size:14px;gap:2px}
    .yz-cap-tip b{font-size:17px}
    .yz-cap-tip .yz-tip-num{font-size:12px;margin-left:5px}
    .yz-cap-body{margin:10px 10px 0}
    .yz-cap-body.yz-body-rotate{height:clamp(150px,46vw,190px)}
    .yz-cap-body .yz-rotate-img{width:clamp(140px,46vw,180px);height:clamp(140px,46vw,180px)}
    .yz-cap-track{margin:10px 10px 0}
    .yz-cap-foot{padding:8px 10px 12px;flex-wrap:wrap;gap:4px}
    .yz-cap-act{padding:7px 10px}
    .yz-cap-act span{display:none}
    .yz-cap-brand{font-size:14px}
}

@media (max-width:896px) and (orientation:landscape) and (max-height:500px){
    .yz-cap-overlay{padding:8px}
    .yz-cap-panel{width:clamp(300px,60vw,360px);max-width:calc(100vw - 16px);border-radius:12px}
    .yz-cap-head{padding:6px 12px}
    .yz-cap-body{margin:8px 12px 0}
    .yz-cap-body.yz-body-rotate{height:clamp(120px,34vh,160px)}
    .yz-cap-body .yz-rotate-img{width:clamp(110px,34vh,150px);height:clamp(110px,34vh,150px)}
    .yz-cap-track{margin:8px 12px 0;height:40px}
    .yz-track-handle{width:46px;height:42px}
    .yz-cap-foot{padding:6px 12px 8px}
    .yz-cap-status{padding:4px 12px 0;min-height:16px}
}

@supports (padding:max(env(safe-area-inset-left),0px)){
    .yz-cap-overlay{
        padding-left:max(clamp(10px,3vw,20px),env(safe-area-inset-left));
        padding-right:max(clamp(10px,3vw,20px),env(safe-area-inset-right));
        padding-bottom:max(clamp(10px,3vw,20px),env(safe-area-inset-bottom));
    }
}

@supports (height:100dvh){
    .yz-cap-overlay{height:100dvh}
}