.gal{--gal-pad: clamp(16px, 3vw, 32px);--gal-max: 1440px;min-height:100vh;min-height:100dvh}.gal-header{box-sizing:border-box;display:flex;align-items:center;gap:var(--ok-s-3);max-width:var(--gal-max);min-height:calc(var(--ok-h-lg) + 20px);margin:0 auto;padding:max(10px,env(safe-area-inset-top,0px)) var(--gal-pad) 10px}.gal-header>*{min-width:0}@media (max-width: 767.98px){.gal-header{gap:var(--ok-s-2)}.gal-header .site-controls{gap:var(--ok-s-1)}}.gal-main{box-sizing:border-box;max-width:var(--gal-max);margin:0 auto;padding:var(--ok-s-6) var(--gal-pad) var(--ok-s-16)}.gal-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--ok-s-4) var(--ok-s-6);margin-bottom:var(--ok-s-10)}.gal-intro__text{min-width:0}.gal-title{margin:0;font:700 var(--ok-fs-h1)/1.15 var(--ok-font-display);letter-spacing:-.02em;color:var(--ok-text)}.gal-filter{flex:0 1 280px;min-width:0}@media (max-width: 519.98px){.gal-intro{margin-bottom:var(--ok-s-8)}.gal-filter{flex-basis:100%}}.gal-group+.gal-group{margin-top:var(--ok-s-10)}.gal-group__title{display:flex;align-items:baseline;gap:var(--ok-s-2);margin:0 0 var(--ok-s-4);font:600 var(--ok-fs-h3)/1.35 var(--ok-font);letter-spacing:-.01em;color:var(--ok-text)}.gal-group__count{font:500 14px/1 var(--ok-font);color:var(--ok-text-3);font-variant-numeric:tabular-nums}.gal-grid{margin:0;padding:0;list-style:none}.gal-item{display:flex;min-width:0}.gal-empty{margin-top:var(--ok-s-8)}.ok-card.gal-card{--_p: var(--ok-s-2);display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.gal-card__name{display:flex;align-items:baseline;gap:var(--ok-s-2);min-width:0;padding:10px var(--ok-s-2) 6px}.gal-card__title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.4 var(--ok-font);color:var(--ok-text)}.gal-pv{--pv-r: var(--ok-r-nested, var(--ok-r-3));position:relative;box-sizing:border-box;display:grid;place-items:center;min-width:0;aspect-ratio:4 / 3;padding:var(--ok-s-3);overflow:hidden;container-type:size;border-radius:var(--pv-r);corner-shape:var(--ok-corner);background:var(--ok-surface);box-shadow:inset 0 0 0 1px var(--ok-line);color:var(--ok-text);font:450 14px/1.5 var(--ok-font);pointer-events:none;user-select:none;-webkit-user-select:none}.gal-pv>*{--ok-r-nested: initial}.gal-pv .a{animation-delay:calc(var(--phase, 0s) + var(--d, 0s))!important}.gal-pv[data-play=false]:not([data-still]) *,.gal-pv[data-play=false]:not([data-still]) *:before,.gal-pv[data-play=false]:not([data-still]) *:after{animation-play-state:paused!important}.gal-pv[data-still] .a{animation-delay:calc(0s - var(--at, 0s))!important;animation-play-state:paused!important}.pv-once{animation:pv-pop var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy) both}.gal-pv[data-still] .pv-once{animation:none}@keyframes pv-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pv-rise-hold{0%{opacity:0;transform:translateY(8px)}12%,84%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}.pv-w{width:min(100%,248px);min-width:0}.pv-col{display:flex;flex-direction:column;gap:var(--ok-s-3);min-width:0}.pv-row{display:flex;align-items:center;gap:var(--ok-s-2);min-width:0}.pv-wrap{flex-wrap:wrap}.pv-center{align-items:center}.pv-grow{flex:1 1 auto;min-width:0}.pv-bar{display:block;height:7px;min-width:12px;border-radius:var(--ok-r-full);background:var(--ok-well-2)}.pv-bar--soft{background:var(--ok-well)}.pv-bar--strong{height:9px;background:color-mix(in srgb,var(--ok-text-3) 70%,var(--ok-well-2))}.pv-dot{display:block;flex:none;width:14px;height:14px;border-radius:50%;background:var(--ok-well-2)}.pv-dot--accent{background:var(--ok-accent-tint-2)}.pv-pillbtn{display:block;flex:none;width:36px;height:14px;border-radius:var(--ok-r-full);background:var(--ok-inverse)}.pv-pillbtn--soft{background:var(--ok-fill-hover)}.pv-caption{font:500 12.5px/1.3 var(--ok-font);color:var(--ok-text-2);opacity:0;transform:translateY(3px);transition:opacity var(--ok-dur-2) var(--ok-ease-in),transform var(--ok-dur-2) var(--ok-ease-in)}.pv-caption[data-show]{opacity:1;transform:none;transition:opacity var(--ok-dur-3) var(--ok-ease-out),transform var(--ok-spring-dur) var(--ok-spring)}.pv-lines{display:grid;gap:8px;padding-top:var(--ok-s-3)}.pv-placeholder{color:var(--ok-text-3)}.pv-switches{gap:var(--ok-s-4)}.pv-chips{justify-content:center;max-width:240px}.pv-options{width:min(100%,248px);grid-template-columns:repeat(2,minmax(0,1fr))!important}.pv-picker{width:min(100%,220px)}.pv-picker .ok-color-picker__area{aspect-ratio:auto;height:max(64px,calc(100cqh - 34px))}.pv-picker .ok-color-picker__row{display:none}.pv-picker .ok-color-picker__thumb{transition:left var(--ok-spring-dur) var(--ok-spring),top var(--ok-spring-dur) var(--ok-spring)}.pv-keys{display:flex;gap:6px}.pv-keys .ok-kbd{min-width:36px;height:36px;font-size:16px;transition:transform var(--ok-dur-2) var(--ok-ease-out),background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-2) var(--ok-ease-out)}.pv-keys .ok-kbd[data-on]{transform:translateY(1.5px);background:var(--ok-well-2);box-shadow:inset 0 0 0 1px var(--ok-line-2);transition-duration:var(--ok-dur-1)}.pv-drop{position:relative;width:min(100%,236px);height:100%;--at: 3.3s}.pv-drop__zone{position:absolute;inset:0 0 34%;display:grid;place-items:center;align-content:center;gap:8px;justify-items:center;border-radius:calc(16px * var(--ok-rk));corner-shape:var(--ok-corner);color:var(--ok-text-2);background:transparent;box-shadow:inset 0 0 0 1.5px var(--ok-line-2);animation:pv-drop-zone 4s var(--ok-ease-out) infinite}.pv-drop__zone .pv-bar{width:46%}.pv-drop__file{position:absolute;left:50%;top:18%;display:grid;place-items:center;width:34px;height:40px;margin-left:-17px;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-raised);color:var(--ok-text-2);box-shadow:inset 0 0 0 1px var(--ok-line-2);animation:pv-drop-file 4s var(--ok-ease-out) infinite}.pv-drop__row{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;height:26%;padding:0 12px;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);color:var(--ok-text-2);box-shadow:inset 0 0 0 1px var(--ok-line);animation:pv-drop-row 4s var(--ok-ease-out) infinite}.pv-drop__meta{display:grid;gap:6px;flex:1;min-width:0}.pv-drop__prog{display:block;height:4px;border-radius:4px;background:var(--ok-well);overflow:hidden}.pv-drop__prog>i{display:block;height:100%;border-radius:inherit;background:var(--ok-accent);transform-origin:0 50%;animation:pv-drop-prog 4s var(--ok-ease-in-out) infinite}@keyframes pv-drop-file{0%{opacity:0;transform:translateY(-30px) rotate(-8deg)}10%{opacity:1;transform:translateY(-22px) rotate(-6deg)}30%{opacity:1;transform:translateY(6px) rotate(0)}38%,to{opacity:0;transform:translateY(10px) scale(.7)}}@keyframes pv-drop-zone{0%,12%{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}20%,34%{background:var(--ok-accent-soft);box-shadow:inset 0 0 0 1.5px var(--ok-accent)}44%,to{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}}@keyframes pv-drop-row{0%,36%{opacity:0;transform:translateY(8px)}46%,90%{opacity:1;transform:none}98%,to{opacity:0;transform:none}}@keyframes pv-drop-prog{0%,44%{transform:scaleX(0)}80%,to{transform:scaleX(1)}}.pv-surf{--at: 1.8s;display:grid;gap:8px;width:min(84%,236px);padding:8px;border-radius:calc(18px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-surface);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi);animation:pv-rise-hold 3.6s var(--ok-ease-out) infinite}.pv-mini-card{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi);animation:pv-rise-hold 3.6s var(--ok-ease-out) infinite}.pv-mini-card .pv-bar{flex:none}.pv-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,248px)}.pv-card{display:grid;gap:8px;padding:8px;border-radius:calc(16px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi);animation:pv-press 3.2s var(--ok-ease-out) infinite}.pv-card .pv-bar{margin-inline:4px}.pv-card .pv-bar:last-child{margin-bottom:4px}.pv-card__media{display:block;aspect-ratio:4 / 3;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well)}@keyframes pv-press{0%,22%{transform:none;box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}30%{transform:none;box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}36%{transform:scale(.965);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}44%{transform:none;box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}56%,to{transform:none;box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}}.pv-image{--at: 2.2s;position:relative;width:min(88%,240px);aspect-ratio:16 / 10;overflow:hidden;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner)}.pv-image__ph{position:absolute;inset:0;background:linear-gradient(100deg,var(--ok-well) 30%,var(--ok-well-hi) 50%,var(--ok-well) 70%) 0 0 / 300% 100%;animation:ok-shimmer 1.6s linear infinite}.pv-image__art{position:absolute;inset:0;width:100%;height:100%;animation:pv-img 3.6s var(--ok-ease-out) infinite}.pv-art-sky{fill:var(--ok-accent-tint)}.pv-art-sun{fill:var(--ok-raised)}.pv-art-hill1{fill:var(--ok-accent-tint-2)}.pv-art-hill2{fill:color-mix(in srgb,var(--ok-accent) 62%,var(--ok-card))}@keyframes pv-img{0%,28%{opacity:0;transform:scale(1.04)}42%,88%{opacity:1;transform:none}to{opacity:0;transform:none}}.pv-group .ok-row{min-height:52px}.pv-list>.a{--at: 1.8s;animation:pv-rise-hold 3.8s var(--ok-ease-out) infinite}.pv-dl{font-size:14px}.pv-table{--h: 26px;--rh: 30px;position:relative;width:min(100%,248px);padding:4px;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}.pv-table__head,.pv-table__row{position:relative;display:grid;grid-template-columns:1.4fr 1fr 44px;align-items:center;gap:12px;padding:0 10px}.pv-table__head{height:var(--h)}.pv-table__head .pv-bar{height:5px;width:60%;background:var(--ok-well)}.pv-table__row{height:var(--rh);box-shadow:inset 0 1px 0 var(--ok-line)}.pv-table__hl{position:absolute;left:4px;right:4px;top:calc(4px + var(--h));height:var(--rh);border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-hover);transform:translateY(calc(var(--row, 0) * var(--rh)));transition:transform var(--ok-spring-snappy-dur) var(--ok-spring-snappy)}.pv-pill{display:block;height:12px;border-radius:var(--ok-r-full);background:var(--ok-success-soft)}.pv-pill[data-tone="1"]{background:var(--ok-warning-soft)}.pv-pill[data-tone="2"]{background:var(--ok-info-soft)}.pv-ghost-tag{display:block;width:52px;height:24px;border-radius:var(--ok-r-full);box-shadow:inset 0 0 0 1.5px var(--ok-line-2);opacity:.6}.pv-counts{gap:var(--ok-s-6)}.pv-anchor{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--ok-r-2);corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line);color:var(--ok-text-2)}.pv-anchor .ok-count{position:absolute;top:-6px;right:-8px}.pv-tl li:last-child{animation:pv-pop var(--ok-spring-dur) var(--ok-spring-soft) both}.gal-pv[data-still] .pv-tl li:last-child{animation:none}.pv-tree{font-size:14px}.pv-code{max-height:100%}.pv-code .ok-codeblock__pre{font-size:12px}.pv-tabs{align-self:start;margin-top:6%}.pv-acc{align-self:start;font-size:14px}.pv-crumbs{max-width:100%}.pv-alerts{display:grid;align-self:center}.pv-skel{display:flex;align-items:flex-start;gap:var(--ok-s-3)}.pv-spinners{gap:var(--ok-s-6);color:var(--ok-text-2)}.pv-empty{padding:0}.pv-bob{display:inline-grid;animation:pv-bob 3s var(--ok-ease-in-out) infinite}@keyframes pv-bob{0%,to{transform:none}50%{transform:translateY(-4px)}}.pv-toasts{position:relative;width:min(100%,236px);height:100%}.pv-toast{--at: 2.6s;--th: 40px;position:absolute;left:0;right:0;bottom:calc(var(--i, 0) * (var(--th) + 6px));display:flex;align-items:center;gap:10px;height:var(--th);padding:0 12px;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-raised);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi);animation:pv-toast 4.2s var(--ok-ease-out) infinite}.pv-toast[data-i="0"]{--i: 0;--d: 0s}.pv-toast[data-i="1"]{--i: 1;--d: .45s}.pv-toast[data-i="2"]{--i: 2;--d: .9s}.pv-toast__icon{flex:none;width:16px;height:16px;border-radius:50%;background:var(--ok-success)}.pv-toast__icon[data-tone="1"]{background:var(--ok-info)}.pv-toast__icon[data-tone="2"]{background:var(--ok-accent)}.pv-toast__text{display:grid;gap:6px;flex:1;min-width:0}.pv-toast__text .pv-bar{height:6px}@keyframes pv-toast{0%{opacity:0;transform:translateY(24px) scale(.96)}10%,70%{opacity:1;transform:none}78%,to{opacity:0;transform:translateY(6px) scale(.96)}}.pv-icons{--c: 44px;position:relative;display:grid;grid-template-columns:repeat(4,var(--c));grid-auto-rows:var(--c);color:var(--ok-text-2)}.pv-icons__cell{position:relative;display:grid;place-items:center;transition:color var(--ok-dur-2) var(--ok-ease-out)}.pv-icons__cell[data-on]{color:var(--ok-text)}.pv-icons__cell .ok-icon{width:22px;height:22px}.pv-icons__hl{position:absolute;left:0;top:0;width:var(--c);height:var(--c);border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line);transform:translate(calc(var(--x) * var(--c)),calc(var(--y) * var(--c)));transition:transform var(--ok-spring-dur) var(--ok-spring)}.pv-type{display:grid;gap:8px}.pv-type__sample{font:700 28px/1.15 var(--ok-font-display);letter-spacing:-.015em;color:var(--ok-text);white-space:nowrap;transition:font-size var(--ok-spring-dur) var(--ok-spring)}.pv-type[data-size=h3] .pv-type__sample{font-size:20px}.pv-type[data-size=h1] .pv-type__sample{font-size:38px}.pv-type__label{margin-bottom:4px;font:500 12.5px/1.2 var(--ok-font-mono);color:var(--ok-text-2)}.pv-springs{display:grid;gap:10px}.pv-springs__track{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px}.pv-springs__name{font:500 12px/1 var(--ok-font-mono);color:var(--ok-text-2)}.pv-springs__rail{position:relative;height:22px;border-radius:var(--ok-r-full);background:var(--ok-well)}.pv-springs__ball{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ok-inverse);transition:left var(--ok-spring-soft-dur) var(--ok-spring-soft)}.pv-springs[data-s="1"] .pv-springs__ball{left:calc(100% - 19px)}.pv-springs__track[data-k=spring] .pv-springs__ball{transition:left var(--ok-spring-dur) var(--ok-spring)}.pv-springs__track[data-k=bouncy] .pv-springs__ball{background:var(--ok-accent);transition:left var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.pv-block{position:absolute;display:block;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well-2)}.pv-block[data-i="0"]{background:var(--ok-accent-tint)}.pv-box{--p: 10px;--r: 14px;width:68%;height:72%;padding:var(--p);box-sizing:border-box;border-radius:calc(var(--r) * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent-soft);box-shadow:inset 0 0 0 1px var(--ok-line-2);transition:padding var(--ok-spring-dur) var(--ok-spring),border-radius var(--ok-spring-dur) var(--ok-spring)}.pv-box[data-s="1"]{--p: 18px;--r: 22px}.pv-box[data-s="2"]{--p: 26px;--r: 30px}.pv-box__content{display:grid;align-content:center;gap:8px;height:100%;padding:0 12px;box-sizing:border-box;border-radius:calc(max(4px,var(--r) - var(--p)) * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line);transition:border-radius var(--ok-spring-dur) var(--ok-spring)}.pv-flow{position:relative;width:min(64%,200px);height:66%}.pv-flow .pv-block{left:0;width:100%;height:28%;transition:top var(--ok-spring-dur) var(--ok-spring),left var(--ok-spring-dur) var(--ok-spring),width var(--ok-spring-dur) var(--ok-spring),height var(--ok-spring-dur) var(--ok-spring)}.pv-flow .pv-block[data-i="0"]{top:0}.pv-flow .pv-block[data-i="1"]{top:36%}.pv-flow .pv-block[data-i="2"]{top:72%}.pv-flow[data-dir=row] .pv-block{top:0;width:30%;height:100%}.pv-flow[data-dir=row] .pv-block[data-i="1"]{left:35%}.pv-flow[data-dir=row] .pv-block[data-i="2"]{left:70%}.pv-gridpv{position:relative;width:min(74%,230px);height:70%}.pv-gridpv .pv-block{--c: 0;--r: 0;left:calc(var(--c) * var(--cx));top:calc(var(--r) * var(--cy));width:var(--w);height:var(--h);transition:left var(--ok-spring-dur) var(--ok-spring),top var(--ok-spring-dur) var(--ok-spring),width var(--ok-spring-dur) var(--ok-spring),height var(--ok-spring-dur) var(--ok-spring)}.pv-gridpv[data-cols="3"]{--cx: 34.7%;--cy: 54%;--w: 30.6%;--h: 46%}.pv-gridpv[data-cols="2"]{--cx: 52%;--cy: 35%;--w: 48%;--h: 30%}.pv-gridpv[data-cols="3"] .pv-block[data-i="1"],.pv-gridpv[data-cols="3"] .pv-block[data-i="4"]{--c: 1}.pv-gridpv[data-cols="3"] .pv-block[data-i="2"],.pv-gridpv[data-cols="3"] .pv-block[data-i="5"]{--c: 2}.pv-gridpv[data-cols="3"] .pv-block:is([data-i="3"],[data-i="4"],[data-i="5"]){--r: 1}.pv-gridpv[data-cols="2"] .pv-block:is([data-i="1"],[data-i="3"],[data-i="5"]){--c: 1}.pv-gridpv[data-cols="2"] .pv-block:is([data-i="2"],[data-i="3"]){--r: 1}.pv-gridpv[data-cols="2"] .pv-block:is([data-i="4"],[data-i="5"]){--r: 2}.pv-viewport{box-sizing:border-box;width:56%;height:74%;padding:10px;overflow:hidden;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line-2);transition:width var(--ok-spring-dur) var(--ok-spring)}.pv-viewport[data-wide]{width:94%}.pv-container{display:grid;align-content:start;gap:8px;width:100%;max-width:46cqw;height:100%;margin:0 auto}.pv-container__block{display:block;height:44px;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent-tint)}.pv-ratio{display:grid;place-items:center;height:44cqh;width:calc(44cqh * 16 / 9);max-width:100%;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent-tint);font:600 13px/1 var(--ok-font-mono);color:var(--ok-text);transition:width var(--ok-spring-dur) var(--ok-spring)}.pv-ratio[data-r="1:1"]{width:44cqh}.pv-ratio[data-r="4:3"]{width:calc(44cqh * 4 / 3)}.pv-divider{width:100%}.pv-scroll{--at: 1s;position:relative;display:flex;flex-direction:column;width:min(78%,220px);height:86%;overflow:hidden;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line)}.pv-scroll__head{position:relative;z-index:1;flex:none;display:flex;align-items:center;height:30px;padding:0 12px;background:var(--ok-card);box-shadow:inset 0 -1px 0 var(--ok-line)}.pv-scroll__body{flex:1;min-height:0;overflow:hidden}.pv-scroll__list{animation:pv-scroll 4s var(--ok-ease-in-out) infinite}.pv-scroll__row{display:flex;align-items:center;gap:10px;height:28px;padding:0 12px}.pv-scroll__row .pv-dot{width:10px;height:10px}.pv-scroll__thumb{position:absolute;right:3px;top:34px;width:4px;height:30%;border-radius:4px;background:var(--ok-scrollbar);animation:pv-thumb 4s var(--ok-ease-in-out) infinite}@keyframes pv-scroll{0%,12%{transform:none}50%,62%{transform:translateY(-112px)}to{transform:none}}@keyframes pv-thumb{0%,12%{transform:none}50%,62%{transform:translateY(130%)}to{transform:none}}.pv-show{display:flex;flex-direction:column;gap:8px;padding:8px;width:50%}.pv-show[data-wide]{width:94%}.pv-show__bar{display:flex;align-items:center;gap:8px;height:18px}.pv-show__menu{display:inline-grid;place-items:center;width:18px;height:18px;overflow:hidden;color:var(--ok-text-2);transition:width var(--ok-spring-dur) var(--ok-spring),opacity var(--ok-dur-2)}.pv-show__menu .ok-icon{width:16px;height:16px}.pv-show[data-wide] .pv-show__menu{width:0;opacity:0}.pv-show__body{display:flex;flex:1;min-height:0}.pv-show__side{flex:none;width:0;margin-right:0;opacity:0;border-radius:calc(6px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well-2);transition:width var(--ok-spring-dur) var(--ok-spring),margin var(--ok-spring-dur) var(--ok-spring),opacity var(--ok-dur-2)}.pv-show[data-wide] .pv-show__side{width:26%;margin-right:8px;opacity:1}.pv-show__main .pv-container__block{height:24px}.pv-show__main{display:grid;align-content:start;gap:8px;flex:1;min-width:0}.pv-page{--at: 1.8s;display:grid;gap:12px;width:min(86%,240px)}.pv-page__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pv-page__head>span:first-child{display:grid;gap:6px;flex:1}.pv-page__section{display:grid;gap:6px}.pv-page__card{display:block;height:34px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line)}.pv-page>.a{animation:pv-rise-hold 3.8s var(--ok-ease-out) infinite}.pv-toolbar{padding:4px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line)}.pv-shell{display:grid;grid-template-columns:34% 1fr;grid-template-rows:26px 1fr;width:94%;height:82%;overflow:hidden;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line-2);transition:grid-template-columns var(--ok-spring-dur) var(--ok-spring-soft)}.pv-shell[data-collapsed]{grid-template-columns:30px 1fr}.pv-shell__head{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:0 9px;box-shadow:inset 0 -1px 0 var(--ok-line)}.pv-shell__head .pv-dot{width:12px;height:12px;background:var(--ok-inverse)}.pv-shell__side{display:grid;align-content:start;gap:4px;padding:6px 4px;min-width:0;overflow:hidden;box-shadow:inset -1px 0 0 var(--ok-line)}.pv-shell__item{display:flex;align-items:center;gap:6px;height:20px;padding:0 5px;border-radius:calc(6px * var(--ok-rk));corner-shape:var(--ok-corner)}.pv-shell__item[data-on]{background:var(--ok-fill)}.pv-shell__item .pv-dot{width:12px;height:12px}.pv-shell__item .pv-bar{flex:1;min-width:0;height:5px;transition:opacity var(--ok-dur-2)}.pv-shell[data-collapsed] .pv-shell__item .pv-bar{opacity:0}.pv-shell__main{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:10px;min-width:0}.pv-shell__main .pv-bar{grid-column:1 / -1}.pv-shell__card{display:block;height:40px;border-radius:calc(6px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line)}.pv-nav{--rh: 30px;position:relative;display:grid;grid-auto-rows:var(--rh);width:min(70%,180px)}.pv-nav__hl{position:absolute;left:0;right:0;top:0;height:var(--rh);border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-fill);transform:translateY(calc(var(--i) * var(--rh)));transition:transform var(--ok-spring-dur) var(--ok-spring)}.pv-nav__item{position:relative;display:flex;align-items:center;gap:10px;padding:0 10px;font:500 13.5px/1 var(--ok-font);color:var(--ok-text-2);transition:color var(--ok-dur-2) var(--ok-ease-out)}.pv-nav__item .ok-icon{width:17px;height:17px}.pv-nav__item[data-on]{color:var(--ok-text)}.pv-phone{display:flex;flex-direction:column;gap:10px;width:min(88%,240px);height:92%;padding:10px;box-sizing:border-box;border-radius:calc(16px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line-2)}.pv-phone__screen{display:grid;align-content:start;gap:8px;flex:1;min-height:0}.pv-phone__screen .pv-container__block{height:30px}.pv-tabbar{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:40px;padding:4px;box-sizing:border-box;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-pop);box-shadow:inset 0 0 0 1px var(--ok-line-2)}.pv-tabbar:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:var(--ok-r-full);background:var(--ok-fill);transform:translate(calc(var(--i) * 100%));transition:transform var(--ok-spring-dur) var(--ok-spring)}.pv-tabbar__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;font:600 10px/1 var(--ok-font);color:var(--ok-text-3);transition:color var(--ok-dur-2) var(--ok-ease-out)}.pv-tabbar__item .ok-icon{width:15px;height:15px}.pv-tabbar__item[data-on]{color:var(--ok-text)}.pv-split{display:flex;width:94%;height:76%;overflow:hidden;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line-2)}.pv-split__pane{display:grid;align-content:start;gap:8px;flex:1 1 0;min-width:0;padding:10px;overflow:hidden}.pv-split__pane:first-child{flex:none;width:var(--w);transition:width var(--ok-spring-dur) var(--ok-spring)}.pv-split__pane .pv-container__block{height:52px}.pv-split__handle{position:relative;flex:none;width:1px;background:var(--ok-line-2)}.pv-split__handle i{position:absolute;top:50%;left:50%;width:6px;height:26px;margin:-13px 0 0 -3px;border-radius:3px;background:var(--ok-text-3)}.pv-screen{--sr: max(calc(4px * var(--ok-rk)), calc(var(--pv-r) - 10px * var(--ok-rk)));position:absolute;inset:10px;overflow:hidden;border-radius:var(--sr);corner-shape:var(--ok-corner);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}.pv-screen__page{display:grid;gap:10px;padding:10px 12px}.pv-screen__bar{display:flex;align-items:center;gap:8px}.pv-screen__bar .pv-dot{width:12px;height:12px;background:var(--ok-inverse)}.pv-screen__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pv-screen__grid span{height:40px;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line)}.pv-screen__scrim{position:absolute;inset:0;background:var(--ok-scrim);opacity:0;transition:opacity var(--ok-float-out-dur) var(--ok-float-out-ease)}.pv-screen[data-open] .pv-screen__scrim{opacity:1;transition:opacity var(--ok-float-out-dur) var(--ok-ease-out)}.pv-float{position:absolute;display:grid;align-content:start;gap:8px;padding:12px;box-sizing:border-box;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi);opacity:0;transition:transform var(--ok-float-out-dur) var(--ok-float-out-ease),opacity var(--ok-float-out-dur) var(--ok-float-out-ease)}.pv-screen[data-open] .pv-float{opacity:1;transform:none;transition:transform var(--ok-float-in-dur) var(--ok-float-in-ease),opacity var(--ok-float-fade-dur) var(--ok-ease-out)}.pv-float__actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.pv-float__block{display:block;height:36px;border-radius:calc(6px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well)}.pv-float__grabber{justify-self:center;width:28px;height:4px;margin:-4px 0 2px;border-radius:2px;background:var(--ok-well-2)}.pv-float__field{display:flex;align-items:center;height:22px;padding:0 8px;border-radius:calc(6px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well)}.pv-float__field .pv-bar{height:5px}.pv-float--dialog{left:50%;top:50%;width:64%;translate:-50% -50%;transform:scale(.6)}.pv-float--drawer,.pv-float--panel{top:6px;right:6px;bottom:6px;width:46%;transform:translate(calc(100% + 10px));opacity:1}.pv-float--panel{width:42%;background:var(--ok-pop)}.pv-float--sheet{left:6px;right:6px;bottom:6px;height:58%;transform:translateY(calc(100% + 10px));opacity:1}.pv-float--palette{left:50%;top:12%;width:76%;padding:6px;gap:4px;translate:-50% 0;transform:scale(.6)}.pv-palette__search{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;color:var(--ok-text-2);box-shadow:inset 0 -1px 0 var(--ok-line)}.pv-palette__search .ok-icon{width:15px;height:15px}.pv-palette__q{font:500 12.5px/1 var(--ok-font);color:var(--ok-text)}.pv-menu-list{--ih: 28px;position:relative;display:grid;grid-auto-rows:var(--ih)}.pv-menu-hl{position:absolute;left:0;right:0;top:0;height:var(--ih);border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-hover);transform:translateY(calc(var(--i) * var(--ih)));transition:transform var(--ok-spring-snappy-dur) var(--ok-spring-snappy),opacity var(--ok-dur-2)}.pv-menu-hl[data-tone=danger]{background:var(--ok-danger-soft)}.pv-menu-list[data-none] .pv-menu-hl{opacity:0}.pv-menu-item{position:relative;display:flex;align-items:center;gap:8px;padding:0 8px;font:500 13px/1 var(--ok-font);color:var(--ok-text);white-space:nowrap}.pv-menu-item .ok-icon{width:15px;height:15px;color:var(--ok-text-2)}.pv-menu-item[data-tone=danger],.pv-menu-item[data-tone=danger] .ok-icon{color:var(--ok-danger-text)}.pv-menu-check{display:inline-grid;place-items:center;width:15px;height:15px;color:var(--ok-text);opacity:0;transform:scale(.6);transition:opacity var(--ok-dur-2),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.pv-menu-check .ok-icon{width:14px;height:14px;color:inherit;stroke-width:2.2}.pv-menu-check[data-on]{opacity:1;transform:none}.pv-anchor-stage{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pv-anchor-stage--center{align-items:center}.pv-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;box-sizing:border-box;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-fill);font:500 13.5px/1 var(--ok-font);color:var(--ok-text);white-space:nowrap}.pv-trigger .ok-icon{width:15px;height:15px;color:var(--ok-text-2)}.pv-trigger--icon{justify-content:center;width:40px;height:40px;padding:0;transition:background-color var(--ok-dur-2) var(--ok-ease-out)}.pv-trigger--icon[data-hover]{background:var(--ok-fill-hover)}.pv-trigger--icon .ok-icon{width:18px;height:18px;color:var(--ok-text)}.pv-trigger--field{width:172px;height:34px;justify-content:space-between;padding:0 10px 0 12px;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well)}.pv-trigger--field>.ok-icon:first-child{margin-left:-2px}.pv-trigger--input{justify-content:flex-start}.pv-trigger--chips{justify-content:flex-start;gap:4px;padding-left:5px}.pv-trigger--chips>.ok-icon{margin-left:auto}.pv-trigger--chips .pv-placeholder{padding-left:7px}.pv-select-value{flex:1;min-width:0;font-variant-numeric:tabular-nums}.pv-trigger--input .pv-select-value{flex:none}.pv-caret{width:1.5px;height:15px;margin-left:1px;background:var(--ok-text);animation:pv-caret 1s steps(1) infinite}@keyframes pv-caret{50%{opacity:0}}.pv-chip-mini{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-raised);box-shadow:inset 0 0 0 1px var(--ok-line);font:500 12px/1 var(--ok-font);animation:pv-pop var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy) both}.gal-pv[data-still] .pv-chip-mini{animation:none}.pv-pop{min-width:132px;padding:4px;box-sizing:border-box;border-radius:calc(16px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-pop);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi);opacity:0;transform:scale(.94) translateY(-4px);transform-origin:20px 0;transition:opacity var(--ok-dur-2) var(--ok-ease-in),transform var(--ok-dur-2) var(--ok-ease-in)}[data-open]>.pv-pop{opacity:1;transform:none;transition:opacity var(--ok-dur-3) var(--ok-ease-out),transform var(--ok-spring-snappy-dur) var(--ok-spring-snappy)}.pv-pop--wide{width:172px}.pv-pop--card{display:grid;gap:10px;width:176px;padding:12px}.pv-pop__row,.pv-pop__link{display:flex;align-items:center;gap:8px}.pv-pop__link{height:26px;padding:0 8px;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text-2)}.pv-pop__link .ok-icon{width:14px;height:14px}.pv-pop__link .pv-bar{height:5px}.pv-pop--cal{width:172px;padding:8px}.pv-tip{padding:7px 10px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-inverse);color:var(--ok-on-inverse);font:500 12.5px/1.2 var(--ok-font);white-space:nowrap;opacity:0;translate:0 6px;scale:.86;transform-origin:50% 100%;transition:opacity var(--ok-dur-2) var(--ok-ease-in),translate var(--ok-dur-2) var(--ok-ease-in),scale var(--ok-dur-2) var(--ok-ease-in)}[data-open]>.pv-tip{opacity:1;translate:0 0;scale:1;transition:opacity var(--ok-dur-3) var(--ok-ease-out),translate var(--ok-spring-snappy-dur) var(--ok-spring-snappy),scale var(--ok-spring-snappy-dur) var(--ok-spring-snappy)}.pv-ctx{position:relative;width:min(100%,248px);height:100%}.pv-ctx__area{position:absolute;inset:0;display:grid;place-items:center;color:var(--ok-text-3);border-radius:calc(16px * var(--ok-rk));corner-shape:var(--ok-corner);box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}.pv-ctx__area .ok-icon{width:28px;height:28px;opacity:.6}.pv-ctx__cursor{position:absolute;left:26%;top:20%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ok-inverse);opacity:0;transform:scale(.4);transition:opacity var(--ok-dur-2),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.pv-ctx[data-open] .pv-ctx__cursor{opacity:1;transform:none}.pv-pop--ctx{position:absolute;left:26%;top:20%;transform-origin:0 0}.pv-ctx[data-open]>.pv-pop{opacity:1;transform:none;transition:opacity var(--ok-dur-3) var(--ok-ease-out),transform var(--ok-spring-snappy-dur) var(--ok-spring-snappy)}.pv-cal{display:grid;gap:6px;width:min(100%,220px)}.pv-cal__head{display:flex;align-items:center;justify-content:space-between;font:600 13px/1 var(--ok-font);color:var(--ok-text)}.pv-cal__head .ok-icon{width:15px;height:15px;color:var(--ok-text-2)}.pv-month{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:18px;align-items:center;justify-items:center;font:500 10.5px/1 var(--ok-font);color:var(--ok-text);font-variant-numeric:tabular-nums}.pv-pop--cal .pv-month{grid-auto-rows:15px;font-size:9.5px}.pv-month__wd{color:var(--ok-text-3)}.pv-month__d{display:grid;place-items:center;width:100%;max-width:22px;height:100%;border-radius:var(--ok-r-full);transition:background-color var(--ok-dur-3) var(--ok-ease-out),color var(--ok-dur-3) var(--ok-ease-out)}.pv-month__d[data-on]{background:var(--ok-accent);color:var(--ok-on-accent);font-weight:600}.pv-month__d[data-in]{background:var(--ok-accent-soft)}.pv-fallback{display:grid;place-items:center;width:34cqh;height:34cqh;border-radius:calc(18px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent-tint);font:700 15cqh/1 var(--ok-font-display);color:var(--ok-text);animation:pv-bob 3s var(--ok-ease-in-out) infinite}.pv-focus .ok-input{background:var(--ok-raised);color:var(--ok-text-2);box-shadow:inset 0 0 0 1.5px var(--ok-accent)}.pv-focus .ok-input .ok-input__icon{color:var(--ok-accent-text);transform:scale(1.1)}.pv-focus .ok-textarea{background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-accent)}.pv-focus .ok-stepper{box-shadow:inset 0 0 0 1.5px var(--ok-accent)}.pv-focus[data-pin="0"] .ok-pin__cell:nth-of-type(1),.pv-focus[data-pin="1"] .ok-pin__cell:nth-of-type(2),.pv-focus[data-pin="2"] .ok-pin__cell:nth-of-type(3),.pv-focus[data-pin="3"] .ok-pin__cell:nth-of-type(4){background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-accent);transform:scale(1.04)}.pv-trigger--input[data-focus]{background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-accent)}