.p2w{--bg:#f5fafb;--ink:#0b1220;--mut:#526072;--line:#dbe6ea;--acc:#0e7490;--acc-h:#155e75;--acc-l:#ecfeff;--acc2:#059669;color:var(--ink)}
.p2w h1{font-size:clamp(26px,4.2vw,40px);line-height:1.15;letter-spacing:-.025em;margin:6px 0 4px;text-align:center}
.p2w .p2-sub{text-align:center;color:var(--mut);margin:0 auto 14px;max-width:640px;font-size:16px}
.p2w .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--acc);color:#fff;font:600 15px system-ui,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.p2w .btn:hover{background:var(--acc-h)}.p2w .btn.ok{background:var(--acc2)}.p2w .lnk{background:none;border:0;padding:6px 4px;color:var(--acc);font:500 14px system-ui,sans-serif;cursor:pointer;text-decoration:none;min-height:32px}
.p2w [hidden]{display:none!important}.p2{max-width:880px;margin:0 auto}@media(pointer:coarse){.p2-paste{display:none}}
.p2-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -12px rgba(14,116,144,.20);padding:14px}
.p2-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:230px;border:2px dashed #a5d8e2;border-radius:16px;background:linear-gradient(180deg,#f8feff,#effbfd);cursor:pointer;text-align:center;padding:18px;transition:.15s}
.p2-drop:hover,.p2-drop:focus-visible,.p2-drop.over{border-color:var(--acc);background:#e3f7fa;outline:0}.p2-drop.over{transform:scale(1.01)}
.p2-drop .ic{width:54px;height:54px;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(14,116,144,.20);display:grid;place-items:center;color:var(--acc)}.p2-drop .ic svg{width:28px;height:28px}
.p2-drop b{font-size:17px;font-weight:600}.p2-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.p2-hint{color:var(--mut);font-size:13px}
.p2-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.p2-url{flex:1 1 300px;display:flex;gap:6px;min-width:0}.p2-url input,.p2-exp select,.p2-opts select{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:15px system-ui,sans-serif;background:#fff;color:var(--ink);min-width:0}.p2-url input{flex:1}
.p2-url .btn{background:var(--acc-l);color:var(--acc)}.p2-url .btn:hover{background:#cff3f8}
.p2-exp{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--mut)}.p2-optb{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;font:500 14px system-ui;color:var(--ink);cursor:pointer}.p2-optb[aria-expanded=true]{border-color:var(--acc);color:var(--acc)}
.p2-opts{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:10px;padding:12px;border-radius:12px;background:#f7f9fc;font-size:14px}.p2-opts label{display:flex;align-items:center;gap:6px}
.p2-agree{font-size:12px;color:var(--mut);margin:8px 2px 0}.p2-hp{position:absolute;left:-9999px}.p2-status{min-height:0;margin:6px 2px 0;font-size:14px}.p2-status.bad{color:#b42318}
.p2-list{display:grid;gap:10px;margin-top:12px}.p2-item{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px;animation:p2in .25s}
@keyframes p2in{from{opacity:0;transform:translateY(4px)}}.p2-item.err{border-color:#f3c2bd;background:#fff8f7}.p2-item.gone{opacity:.5}
.p2-th{width:96px;height:96px;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 0 0/16px 16px;display:grid;place-items:center}.p2-th img{width:100%;height:100%;object-fit:cover;display:block}
.p2-spin{width:22px;height:22px;border:3px solid #bfe6ee;border-top-color:var(--acc);border-radius:50%;animation:p2s 1s linear infinite}@keyframes p2s{to{transform:rotate(1turn)}}.p2-item.err .p2-spin{display:none}
.p2-body{min-width:0}.p2-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.p2-name small{color:var(--mut);font-size:12.5px}.p2-item.err small{color:#b42318}
.p2-prog{height:6px;background:var(--acc-l);border-radius:4px;margin-top:10px;overflow:hidden}.p2-prog i{display:block;height:100%;width:3%;background:var(--acc);transition:width .2s}
.p2-fmt{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.p2-fmt button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font:500 12.5px system-ui;color:var(--mut);cursor:pointer;min-height:30px}.p2-fmt button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.p2-copy{display:flex;gap:6px}.p2-copy input,.p2-album input{flex:1;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#f9fafb;color:var(--ink)}
.p2-acts,.p2-all{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:4px}.p2-qrw{display:flex;align-items:center;gap:10px;margin-top:6px}.p2-qrw canvas{width:120px;height:120px;border:1px solid var(--line);border-radius:8px}
.p2-album{margin-top:12px;padding:12px;border-radius:14px;background:#effaf6;border:1px solid #c8eadf}.p2-album b{display:block;font-size:14px;margin-bottom:6px}.p2-album .p2-copy{display:flex;gap:6px}
.p2-delbn{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px;margin-bottom:10px;border-radius:12px;background:#fff4f2;border:1px solid #f3c2bd}.p2-delbn .btn{background:#c4321f}
.p2-hist{margin-top:12px;border-top:1px solid var(--line);padding-top:8px;font-size:14px}.p2-hist summary{cursor:pointer;color:var(--mut);padding:4px 0}.p2-hist ul{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}.p2-hist li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p2-hist li img,.p2-ab{width:34px;height:34px;object-fit:cover;border-radius:6px;background:var(--acc-l);display:inline-grid;place-items:center}.p2-hist li a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p2-hist .v{color:var(--mut)}
.p2-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:12px 0 0;color:var(--mut);font-size:13px;list-style:none;padding:0}.p2-trust li::before{content:"✓ ";color:var(--acc2);font-weight:700}
.p2-sec{max-width:880px;margin:40px auto 0}.p2-sec h2{font-size:clamp(21px,2.6vw,27px);letter-spacing:-.015em;margin:0 0 12px}.p2-sec p{margin:0 0 12px}
.p2-steps{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.p2-steps li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 14px 14px 52px;position:relative}.p2-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--acc-l);color:var(--acc);font-weight:700;display:grid;place-items:center;font-size:14px}
.p2-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.p2-feats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.p2-feats b{display:block;margin-bottom:4px}.p2-feats p{margin:0;color:var(--mut);font-size:15px}
.p2-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:14.5px;border:1px solid var(--line)}.p2-tbl th,.p2-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.p2-tbl th{background:#f7f9fc}.p2-scroll{overflow-x:auto}
.p2-sec details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:0 14px}.p2-sec summary{cursor:pointer;font-weight:600;padding:12px 0}.p2-sec details p{color:var(--mut)}
.p2-rel ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.p2-rel a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;font-size:14px}
.p2-report{display:grid;gap:10px;max-width:560px}.p2-report label{display:grid;gap:4px;font-weight:600;font-size:14px}.p2-report input,.p2-report select,.p2-report textarea{font:15px system-ui;border:1px solid var(--line);border-radius:10px;padding:10px;min-height:44px}
@media(max-width:560px){.p2-url{flex-basis:100%}.p2-card{padding:10px;border-radius:18px}.p2-drop{min-height:178px;gap:8px}.p2-drop .ic{width:44px;height:44px}.p2-sub{font-size:15px;margin-bottom:10px}.p2-item{grid-template-columns:64px 1fr}.p2-th{width:64px;height:64px}.p2-exp span{font-size:13px;white-space:nowrap}.p2-exp,.p2-optb{flex:1}.p2-exp select{width:100%}.p2-trust{display:none}}

/* ===== v1.1 SaaS layer ===== */
.p2-card{border-radius:24px;padding:16px;box-shadow:0 1px 2px rgba(11,18,32,.05),0 24px 48px -24px rgba(11,18,32,.28),0 0 0 1px rgba(14,116,144,.06)}
.p2-drop{position:relative;min-height:250px;gap:8px;border-color:#a5d8e2;overflow:hidden}
.p2-drop .p2-dt{font-size:18px;font-weight:700;letter-spacing:-.01em}
.p2-drop .p2-choose{min-height:48px;padding:0 26px;font-size:16px;border-radius:14px;box-shadow:0 8px 18px -8px rgba(14,116,144,.7)}
.p2-or{font-size:13.5px;color:var(--mut)}.p2-tap{display:none}
@media(pointer:coarse){.p2-paste{display:none}.p2-tap{display:inline}}
.p2-hint{font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.p2-bar{display:grid;gap:8px;margin-top:10px}
.p2-url{display:flex;gap:6px;min-width:0}.p2-url input{flex:1;min-width:0}
.p2-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-width:0}
.p2-exp{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mut)}.p2-exp span{white-space:nowrap}
.p2-exp select{min-width:0;max-width:100%;padding-right:28px}
.p2-optb{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto}
.p2-card.has-items .p2-drop{min-height:120px}.p2-card.has-items .p2-drop .ic,.p2-card.has-items .p2-hint{display:none}
.p2-agree{text-align:center}.p2-ret{display:block;color:var(--ink);opacity:.75;margin-bottom:2px}
/* results */
.p2-item{grid-template-columns:88px 1fr;align-items:start}.p2-th{width:88px;height:88px}
.p2-main{margin-top:8px}.p2-main input{min-height:48px;font-size:14px;background:#fff;border-color:#a5d8e2}
.p2w .p2-big{min-height:48px;padding:0 22px;font-size:15.5px;min-width:128px}
.p2-more{grid-column:1/-1}.p2-code input{min-height:40px}.p2-code .btn{min-height:40px;background:var(--ink)}.p2-code .btn:hover{background:#1e293b}
.p2-fmt{margin:4px 0 6px}.p2-fmt button[aria-selected=true]{background:var(--acc);border-color:var(--acc)}
.p2w .btn.ok{background:var(--acc2)!important}
/* idle demo */
.p2-demo{display:none}
.p2-demo-on .p2-drop .ic{display:none}
.p2-demo-on .p2-demo{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;width:100%;max-width:400px;pointer-events:none}
.p2-demo .d-zone{position:relative;flex:0 0 64px;height:56px;border:2px dashed #7dd3e1;border-radius:12px;background:#fff;animation:p2zone 6s infinite}
.p2-demo .d-img{position:absolute;left:10px;top:9px;width:40px;height:32px;filter:drop-shadow(0 6px 8px rgba(11,18,32,.25));animation:p2drop 6s infinite}
.p2-demo .d-img svg,.p2-demo .d-arrow svg,.p2-demo .d-cur svg{display:block;width:100%;height:100%}
.p2-demo .d-arrow{width:38px;height:16px;color:var(--acc);opacity:0;animation:p2arrow 6s infinite}
.p2-demo .d-link{position:relative;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #a5d8e2;border-radius:10px;padding:5px 5px 5px 9px;box-shadow:0 6px 16px -8px rgba(14,116,144,.5);opacity:0;transform:scale(.6);animation:p2link 6s infinite}
.p2-demo .d-url{font:600 12px ui-monospace,Menlo,monospace;color:var(--ink);white-space:nowrap}
.p2-demo .d-btn{position:relative;display:inline-grid;font:700 11px system-ui,sans-serif;color:#fff;background:var(--acc);border-radius:7px;padding:5px 8px;white-space:nowrap}
.p2-demo .d-btn>span{grid-area:1/1}.p2-demo .d-c2{opacity:0;animation:p2c2 6s infinite}.p2-demo .d-c1{animation:p2c1 6s infinite}
.p2-demo .d-btn{animation:p2btn 6s infinite}
.p2-demo .d-cur{position:absolute;right:4px;bottom:-16px;width:14px;height:18px;opacity:0;animation:p2cur 6s infinite}
@keyframes p2drop{0%{transform:translateY(-70px) rotate(-12deg);opacity:0}8%{opacity:1}22%{transform:translateY(0) rotate(0)}26%{transform:translateY(-4px)}30%,88%{transform:translateY(0);opacity:1}96%,100%{opacity:0}}
@keyframes p2zone{0%,18%{border-color:#7dd3e1;background:#fff}24%,34%{border-color:var(--acc);background:#e3f7fa}42%,100%{border-color:#7dd3e1;background:#fff}}
@keyframes p2arrow{0%,32%{opacity:0;transform:translateX(-8px)}38%{opacity:1;transform:translateX(0)}44%{transform:translateX(5px)}50%{transform:translateX(0)}56%,88%{opacity:1;transform:translateX(0)}96%,100%{opacity:0}}
@keyframes p2link{0%,44%{opacity:0;transform:scale(.6)}52%{opacity:1;transform:scale(1.06)}56%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.95)}}
@keyframes p2cur{0%,56%{opacity:0;transform:translate(16px,14px)}64%{opacity:1;transform:translate(0,0)}68%{transform:translate(0,0) scale(.85)}72%,88%{opacity:1;transform:translate(0,0) scale(1)}96%,100%{opacity:0}}
@keyframes p2btn{0%,67%{background:var(--acc)}69%,92%{background:var(--acc2)}100%{background:var(--acc)}}
@keyframes p2c1{0%,67%{opacity:1}69%,92%{opacity:0}100%{opacity:1}}
@keyframes p2c2{0%,67%{opacity:0}69%,92%{opacity:1}100%{opacity:0}}
.p2-demo-off .p2-drop .ic{animation:p2in .3s}
@media(prefers-reduced-motion:reduce){.p2-demo{display:none!important}.p2-demo-on .p2-drop .ic{display:grid}}
@media(max-width:560px){.p2-card{padding:10px}.p2-drop{min-height:208px;padding:14px 10px}.p2-drop .p2-dt{font-size:16.5px}.p2-demo-on .p2-demo{gap:6px;height:58px}.p2-demo .d-zone{flex-basis:56px;height:50px}.p2-demo .d-img{left:6px;top:7px}.p2-demo .d-arrow{width:26px}.p2-demo .d-url{font-size:10.5px}.p2-demo .d-btn{font-size:10px;padding:4px 6px}
 .p2-row{gap:6px}.p2-exp{font-size:13px;gap:6px}.p2-exp select{font-size:14px;padding:0 24px 0 8px}.p2-optb{padding:0 10px;font-size:13px}
 .p2-item{grid-template-columns:56px 1fr;gap:10px}.p2-th{width:56px;height:56px}.p2-main{grid-column:1/-1}.p2w .p2-big{min-width:0;padding:0 14px}.p2-agree{font-size:11.5px}}
@media(max-width:360px){.p2-optb .t{display:none}.p2-demo .d-arrow{display:none}}
.p2-card p{margin-top:0}.p2w .p2-status{margin:6px 2px 0!important}.p2w .p2-status:empty{display:none}.p2w .p2-agree{margin:10px 2px 0!important}.p2w .p2-card>.p2-hist{margin-bottom:0}
@media(max-height:780px) and (max-width:560px){.p2-drop{min-height:176px;gap:6px;padding:10px}.p2-demo-on .p2-demo{height:52px}.p2-drop .p2-choose{min-height:44px}.p2-bar{margin-top:8px;gap:6px}}
@media(max-width:560px){.p2-main{flex-wrap:wrap}.p2-main input{flex:1 1 100%}.p2w .p2-main .p2-big{flex:1 1 100%}}
/* v1.2 – real-photo demo + compact mobile card */
.p2-demo .d-zone{flex:0 0 72px;height:56px}
.p2-demo .d-img{left:5px;top:5px;width:58px;height:42px;border-radius:7px;overflow:hidden;background:#cffafe}
.p2-demo .d-img img{display:block;width:100%;height:100%;object-fit:cover}
.p2-hist-out{max-width:880px;margin:14px auto 0;padding:0 16px;box-sizing:border-box}
.p2-agree{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p2-ret{display:inline;margin:0}
.p2-agree a{color:var(--acc)}
@media(max-width:560px){.p2-drop{min-height:0;padding:12px 10px 12px;gap:7px}.p2-demo-on .p2-demo{height:54px}.p2-demo .d-zone{flex-basis:64px;height:50px}.p2-demo .d-img{left:4px;top:4px;width:52px;height:38px}
 .p2-drop .p2-choose{min-height:46px}.p2-or{display:none}.p2-hint{font-size:12px;padding:2px 10px}.p2-agree{font-size:11px;margin-top:8px!important}
 .p2-url input,.p2-exp select,.p2-optb{min-height:42px}.p2-card.has-items .p2-drop{min-height:0}}
@media(max-width:360px){.p2-demo .d-url{font-size:9.5px}}
@media(min-width:561px){.p2-or{display:block}}
@media(max-width:560px){.p2-drop{min-height:clamp(168px,calc(100svh - 530px),340px)}}
/* v1.3.0 – animated demo (5s loop): photo drops in, link types out, cursor clicks Copy -> Copied */
.p2-demo-on .p2-demo.q,.p2-demo-static .p2-demo.q{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:76px;width:100%;max-width:440px;margin:0 auto;transform:none!important;pointer-events:none}
.p2-demo-static .p2-drop .ic{display:none}
.q .q-zone{position:relative;flex:0 0 80px;height:62px;border:2px dashed #67c6d6;border-radius:13px;background:#fff;box-sizing:border-box;animation:q-zone 5s infinite}
.q .q-img{position:absolute;left:6px;top:5px;width:64px;height:48px;border-radius:8px;overflow:hidden;background:#cffafe;box-shadow:0 8px 14px -6px rgba(11,18,32,.45);animation:q-drop 5s infinite}
.q .q-img img{display:block;width:100%;height:100%;object-fit:cover}
.q .q-arrow{flex:0 0 30px;height:16px;color:#0e7490;opacity:0;animation:q-arrow 5s infinite}.q svg{display:block;width:100%;height:100%}
.q .q-link{position:relative;display:flex;align-items:center;gap:7px;min-width:0;background:#fff;border:1.5px solid #0e7490;border-radius:12px;padding:6px 6px 6px 9px;box-shadow:0 10px 22px -10px rgba(14,116,144,.7);opacity:0;animation:q-link 5s infinite}
.q .q-ic{flex:0 0 16px;height:16px;color:#0e7490}
.q .q-url{display:block;min-width:0;overflow:hidden;font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#0b1220;white-space:nowrap}
.q .q-url>span{display:block;clip-path:inset(0 100% 0 0);animation:q-type 5s infinite}
.q .q-btn{position:relative;flex:0 0 auto;display:inline-grid;font:800 12.5px/1 system-ui,sans-serif;color:#fff;background:#0e7490;border-radius:8px;padding:8px 10px;white-space:nowrap;animation:q-btn 5s infinite}
.q .q-btn>span{grid-area:1/1;text-align:center}.q .q-c1{animation:q-c1 5s infinite}.q .q-c2{opacity:0;animation:q-c2 5s infinite}
.q .q-cur{position:absolute;left:var(--qx,40px);top:var(--qy,38px);width:18px;height:23px;margin:-2px 0 0 -3px;opacity:0;z-index:2;animation:q-cur 5s infinite}
.q .q-rip{position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:50%;background:rgba(14,116,144,.45);opacity:0;transform:scale(0);animation:q-rip 5s infinite}
@keyframes q-drop{0%{transform:translateY(-78px) rotate(-10deg);opacity:0}6%{opacity:1}19%{transform:translateY(0) rotate(0)}23%{transform:translateY(-8px)}27%,90%{transform:translateY(0);opacity:1}97%,100%{transform:translateY(0);opacity:0}}
@keyframes q-zone{0%,16%{border-color:#67c6d6;background:#fff}20%,32%{border-color:#0e7490;background:#cff3f8}40%,100%{border-color:#67c6d6;background:#fff}}
@keyframes q-arrow{0%,26%{opacity:0;transform:translateX(-10px)}32%{opacity:1;transform:translateX(0)}37%{transform:translateX(5px)}42%,90%{opacity:1;transform:translateX(0)}97%,100%{opacity:0}}
@keyframes q-link{0%,28%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:scale(1.04)}39%,90%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(1)}}
@keyframes q-type{0%,36%{clip-path:inset(0 100% 0 0)}56%,100%{clip-path:inset(0 0 0 0)}}
@keyframes q-cur{0%,52%{opacity:0;transform:translate(0,0)}56%{opacity:1;transform:translate(0,0)}69%{transform:translate(var(--qdx,180px),var(--qdy,0px))}71%{transform:translate(var(--qdx,180px),var(--qdy,0px)) scale(.82)}74%,90%{opacity:1;transform:translate(var(--qdx,180px),var(--qdy,0px)) scale(1)}97%,100%{opacity:0;transform:translate(var(--qdx,180px),var(--qdy,0px))}}
@keyframes q-rip{0%,70%{opacity:0;transform:scale(0)}72%{opacity:.9;transform:scale(.5)}84%,100%{opacity:0;transform:scale(2.4)}}
@keyframes q-btn{0%,57%{transform:scale(1);background:#0e7490}61%{transform:scale(1.1)}65%{transform:scale(1)}68%{transform:scale(1.08)}71%{transform:scale(.94);background:#0e7490}74%,92%{transform:scale(1);background:#059669}100%{background:#0e7490}}
@keyframes q-c1{0%,71%{opacity:1}73%,94%{opacity:0}100%{opacity:1}}
@keyframes q-c2{0%,71%{opacity:0}73%,94%{opacity:1}100%{opacity:0}}
.p2-demo-static .q *{animation:none!important}.p2-demo-static .q .q-link,.p2-demo-static .q .q-arrow{opacity:1}.p2-demo-static .q .q-url>span{clip-path:none}.p2-demo-static .q .q-c1{opacity:0}.p2-demo-static .q .q-c2{opacity:1}.p2-demo-static .q .q-btn{background:#059669}
@media(prefers-reduced-motion:reduce){.p2-demo-static .p2-demo.q{display:flex!important}.p2-demo-static .p2-drop .ic{display:none!important}}
@media(max-width:560px){.p2-demo-on .p2-demo.q,.p2-demo-static .p2-demo.q{gap:7px;height:68px}.q .q-zone{flex-basis:70px;height:56px}.q .q-img{left:4px;top:4px;width:58px;height:44px}.q .q-arrow{flex-basis:18px}.q .q-link{gap:5px;padding:5px 5px 5px 7px}.q .q-ic{flex-basis:14px;height:14px}.q .q-url{font-size:12px}.q .q-btn{font-size:12px;padding:7px 8px}}
@media(max-width:380px){.q .q-arrow{display:none}.q .q-ic{display:none}}
@media(max-width:560px){.q .q-ic{display:none}.p2-demo-on .p2-demo.q,.p2-demo-static .p2-demo.q{gap:6px;max-width:none}.q .q-arrow{flex-basis:16px}.q .q-link{padding-left:8px}}
.q .q-url b{font:inherit!important;letter-spacing:inherit}.q .q-u2{display:none}
@media(max-width:400px){.q .q-arrow{display:none}.q .q-zone{flex-basis:66px;height:54px}.q .q-img{width:56px;height:42px;left:3px;top:4px}.q .q-url{letter-spacing:-.2px}.q .q-btn{padding:7px 7px}}
@media(max-width:380px){.q .q-u1{display:none}.q .q-u2{display:inline}}
@media(max-width:560px){.q .q-u1{display:none}.q .q-u2{display:inline}}
@media(max-width:380px){body .p2w .p2-drop{padding-left:6px!important;padding-right:6px!important}.q .q-zone{flex-basis:62px}.q .q-img{width:56px;left:1px}.p2-demo-on .p2-demo.q,.p2-demo-static .p2-demo.q{gap:5px}.q .q-link{padding:5px 4px 5px 6px;gap:4px}.q .q-btn{padding:7px 6px}.q .q-url{letter-spacing:-.3px}}
.q .q-u3{display:none}
@media(max-width:400px){.p2-demo-on .p2-demo.q,.p2-demo-static .p2-demo.q{width:calc(100% + 12px);margin:0 -6px}}
@media(max-width:380px){.q .q-u1,.q .q-u2{display:none}.q .q-u3{display:inline}}
/* v1.8.0 PDF mode */
.q-pdf .q-img{width:34px;height:46px;left:calc(50% - 17px);top:3px;border-radius:3px;background:#fff}
.q-pdf .q-img img{object-fit:cover;object-position:top}
.p2-th .p2-doc,.p2-abp{display:grid;place-items:center;width:62%;height:78%;background:#fff;border:2px solid #c9d2de;border-radius:6px;color:#d93025;font:800 13px/1 system-ui,sans-serif;text-decoration:none;letter-spacing:.04em}
.p2-abp{width:28px;height:34px;font-size:9px;border-width:1px;flex:0 0 auto}
[data-mode=pdf] .p2-drop{min-height:200px}