.bar-pm{--ink:#111827;--mint:#00b894;--paper:#fff;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:40px auto;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bar-pm *{box-sizing:border-box}
.bar-pm__intro{text-align:center;margin-bottom:22px}
.bar-pm__intro h2{font-size:clamp(28px,5vw,54px);margin:0 0 8px;line-height:1}
.bar-pm__intro p{margin:0;color:#5b6472}
.bar-pm__toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#111827;color:#fff;padding:13px 16px;border-radius:14px 14px 0 0}
.bar-pm__toolbar span{display:flex;gap:7px;align-items:center;font-size:13px}
.bar-pm__toolbar i{width:13px;height:13px;border:1px solid #fff;display:inline-block}
.bar-pm__toolbar .is-free{background:#fff}
.bar-pm__toolbar .is-selected{background:#00b894}
.bar-pm__toolbar .is-sold{background:#374151}
.bar-pm__toolbar strong{margin-left:auto;color:#86efac}
.bar-pm__viewport{position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;max-height:72vh;overflow:auto;background:#eef2f7;border:1px solid #cfd6df;box-shadow:0 18px 45px rgba(17,24,39,.14)}
#bar-pm-canvas{display:block;max-width:none;cursor:crosshair;touch-action:none;user-select:none}
#bar-pm-canvas{max-width:none!important;max-height:none!important}
.bar-pm__viewport{display:block;width:100%;min-height:240px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bar-pm__mobile-help{text-align:center;font-size:13px;color:#6b7280}
.bar-pm__scroll-controls{display:none}
.bar-pm__hover{position:absolute;z-index:7;transform:translate(-50%,-50%);width:min(280px,80vw);padding:18px;background:rgba(17,24,39,.96);color:#fff;border-radius:15px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.35);pointer-events:auto;cursor:pointer}
.bar-pm__hover img{display:block;width:84px;height:84px;object-fit:contain;background:#fff;border-radius:12px;margin:0 auto 10px}
.bar-pm__hover strong{display:block;font-size:18px}
.bar-pm__hover p{margin:7px 0;white-space:pre-line;overflow-wrap:anywhere}
.bar-pm__hover span{color:#86efac;font-weight:700}
.bar-pm__modal[hidden],.bar-pm__hover[hidden]{display:none!important}
.bar-pm__modal{position:fixed;z-index:999999;inset:0;box-sizing:border-box;display:grid;place-items:center;padding:20px;background:rgba(3,7,18,.75);backdrop-filter:blur(5px);overflow:auto}
.bar-pm__dialog{position:relative;box-sizing:border-box;width:min(600px,100%);max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;padding:clamp(22px,5vw,38px);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.bar-pm__dialog h2{text-align:center;margin:0 36px 8px;font-size:30px}
.bar-pm__close{position:absolute;right:15px;top:10px;border:0!important;background:transparent!important;color:#111827!important;font-size:34px;line-height:1;padding:5px!important;cursor:pointer}
.bar-pm__selection{text-align:center;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:10px;padding:10px;margin:16px 0;font-weight:800}
.bar-pm__dialog label{display:block;margin:14px 0 5px;font-weight:700}
.bar-pm__dialog input[type=text],.bar-pm__dialog input[type=url],.bar-pm__dialog input:not([type]),.bar-pm__dialog textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #cbd5e1;border-radius:9px;padding:11px;background:#fff;color:#111827}
.bar-pm__dialog input[type=file]{display:block;margin-top:7px;max-width:100%}
.bar-pm__dialog small{display:block;color:#6b7280;font-weight:400;margin-top:4px}
.bar-pm__agree{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important}
.bar-pm__agree input{margin-top:4px}
.bar-pm__buy{width:100%;border:0!important;border-radius:11px!important;padding:14px 18px!important;background:#00a884!important;color:#fff!important;font-size:17px!important;font-weight:800!important;cursor:pointer}
.bar-pm__buy:disabled{opacity:.55;cursor:wait}
.bar-pm__notice{min-height:24px;text-align:center;color:#b91c1c;font-weight:700;margin:8px 0}
.bar-pm__gateway-note{text-align:center;font-size:12px;color:#6b7280;margin:10px 0 0}
.bar-pm-modal-open{overflow:hidden}
body .bar-pm-full-column{flex:0 0 100%!important;width:100%!important;max-width:100%!important}
.bar-pm-full-column .bar-pm{position:relative!important;left:auto!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}
@media(min-width:601px){.bar-pm{position:relative!important;left:auto!important;width:calc(100vw - 80px)!important;max-width:none!important;min-width:0!important;margin:40px 0 40px calc(50% - 50vw + 40px)!important;transform:none!important}}
@media(min-width:601px){body .bar-pm-height-unlocked,body .bar-pm-full-height-card{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.bar-pm .bar-pm__viewport{height:auto!important;min-height:0!important;max-height:none!important}}
@media(min-width:601px){.bar-pm-full-column .bar-pm{height:auto!important;min-height:0!important;max-height:none!important;margin-top:40px!important;margin-bottom:40px!important}}
@media(max-width:600px){.bar-pm{width:100%;max-width:100%;margin:20px auto}
.bar-pm__modal{padding:10px}
.bar-pm__dialog{max-height:calc(100vh - 20px)}
.bar-pm__scroll-controls{display:grid;grid-template-columns:52px 52px 52px;grid-template-rows:46px 46px;justify-content:center;gap:7px;margin:14px auto 8px}
.bar-pm__scroll{display:grid!important;place-items:center;width:52px;height:46px;min-width:0!important;margin:0!important;padding:0!important;border:1px solid #000!important;border-radius:10px!important;background:#111827!important;color:#fff!important;font-size:22px!important;line-height:1!important;box-shadow:0 3px 8px rgba(17,24,39,.22);touch-action:manipulation;cursor:pointer}
.bar-pm__scroll:active{transform:translateY(1px);background:#00a884!important}
.bar-pm__scroll--up{grid-column:2;grid-row:1}
.bar-pm__scroll--left{grid-column:1;grid-row:2}
.bar-pm__scroll--down{grid-column:2;grid-row:2}
.bar-pm__scroll--right{grid-column:3;grid-row:2}
.bar-pm__toolbar{gap:10px}
.bar-pm__toolbar strong{width:100%;margin-left:0}
.bar-pm__dialog h2{font-size:24px}
}