.pmi{--pi-bg:var(--bg1,#fff);--pi-card:var(--bg2,#f3f6fb);--pi-text:var(--wh,#1c2b42);--pi-muted:var(--mid,#64748b);--pi-line:var(--ln2,#d7dfe9);--pi-accent:var(--bl2,#176bbf);color:var(--pi-text);font-family:inherit;line-height:1.55;min-width:0}.pmi *{box-sizing:border-box}.pmi-page{max-width:1180px;margin:auto}.pmi-card{padding:24px;border:1px solid var(--pi-line);border-radius:20px;background:var(--pi-bg);margin-bottom:22px;min-width:0}.pmi-hero{border-top:3px solid var(--pi-accent)}.pmi h1,.pmi h2,.pmi h3{color:var(--pi-text);margin:0 0 14px;display:flex;align-items:center;gap:10px;line-height:1.3}.pmi h1{font-size:30px}.pmi h2{font-size:20px}.pmi h3{font-size:16px;margin-top:18px}.pmi p{margin:10px 0}.pmi-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}.pmi h1>.pmi-icon,.pmi h2>.pmi-icon{color:var(--pi-accent)}.pmi-kicker{font-size:10px;letter-spacing:.15em;color:var(--pi-accent);display:block;margin-bottom:10px}.pmi-muted{color:var(--pi-muted);font-size:13px}.pmi nav,.pmi-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.pmi button,.pmi nav a,.pmi-link{border:1px solid var(--pi-line);padding:10px 15px;border-radius:10px;background:var(--pi-card);color:var(--pi-accent);cursor:pointer;font:inherit;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.pmi button[type=submit]{background:var(--pi-accent);color:var(--pi-bg);border-color:var(--pi-accent)}.pmi button:disabled{opacity:.5;cursor:not-allowed}.pmi :focus-visible,.pmi-mark:focus-visible{outline:2px solid var(--pi-accent,#2686ef);outline-offset:3px}.pmi input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.pmi textarea,.pmi select{width:100%;min-width:0;min-height:42px;padding:10px;border:1px solid var(--pi-line);border-radius:9px;background:var(--pi-card);color:var(--pi-text);font:inherit;display:block;margin-top:6px}.pmi textarea{min-height:110px;resize:vertical}.pmi input[type=radio],.pmi input[type=checkbox]{accent-color:var(--pi-accent);width:17px;height:17px;vertical-align:middle;flex:none}.pmi output{overflow-wrap:anywhere}.pmi output[data-error]{color:#db546e}.pmi-designs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:20px 0}.pmi-design{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border:1px solid var(--pi-line);background:var(--pi-card);border-radius:12px;cursor:pointer;min-width:0}.pmi-design:has(input:checked),.pmi-plan:has(input:checked){border-color:var(--pi-accent);box-shadow:inset 0 0 0 1px var(--pi-accent)}.pmi-design input{position:absolute;top:8px;left:8px}.pmi-design .pmi-icon{width:32px;height:32px}.pmi-sample{width:50px;height:50px;display:grid;place-items:center;font-size:15px;font-weight:800;border-radius:50%;background:var(--pi-bg);color:var(--pi-text);margin:10px}.pmi-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.pmi-plan{border:1px solid var(--pi-line);border-radius:12px;cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px;background:var(--pi-card)}.pmi-plan strong{width:100%;font-size:23px;color:var(--pi-accent)}.pmi-confirm,.pmi-notice,.pmi-request{padding:16px;background:var(--pi-card);border:1px solid var(--pi-line);border-radius:12px;margin:16px 0}.pmi-confirm{border-color:var(--pi-accent)}.pmi [hidden]{display:none!important}.pmi-clear{margin-top:12px}.pmi-clear button{background:var(--pi-card);color:var(--pi-muted);border:1px solid var(--pi-line)}.pmi-order{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--pi-line);padding:14px 0}.pmi-order span{color:var(--pi-muted);font-size:12px}.pmi-options,.pmi-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.pmi-check{display:flex;align-items:center;gap:8px}.pmi-plan-row{display:grid;grid-template-columns:100px 1fr 1fr;align-items:center;gap:15px;background:var(--pi-card);border:1px solid var(--pi-line);border-radius:10px;padding:16px;margin:12px 0}.pmi-progress-top{display:flex;gap:18px;justify-content:space-between;align-items:center}.pmi-progress h2{font-size:18px}.pmi-percent{font-size:36px;line-height:1;color:var(--pi-accent)}.pmi-percent small{font-size:17px;margin-left:3px}.pmi-bar{height:10px;background:var(--pi-card);border-radius:10px;overflow:hidden;border:1px solid var(--pi-line);margin:16px 0}.pmi-bar>span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--pi-accent),var(--pu,#bb8cec));transition:width .4s}.pmi-checklist{display:grid;gap:8px;margin:18px 0}.pmi-checklist a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--pi-text);padding:9px 12px;border:1px solid var(--pi-line);border-radius:10px;background:var(--pi-card)}.pmi-checklist small{margin-left:auto;color:var(--pi-accent);font-size:11px}.pmi-checklist .pmi-done .pmi-icon{color:#16a57b}.pmi-link{font-size:13px;margin-top:8px}.pmi-official{display:flex;gap:10px;align-items:center;background:var(--pi-card);border:1px solid var(--pi-line);padding:12px;border-radius:12px;margin:16px 0;color:var(--pi-text);font-size:13px}.pmi-official>.pmi-icon{color:#1686e5}.pmi-marks{display:inline-flex;gap:4px;align-items:center;margin-left:5px;vertical-align:middle;line-height:1}.pmi-mark{display:inline-flex;align-items:center;justify-content:center;position:relative}.pmi-mark .pmi-icon{width:18px;height:18px}.pmi-verified{color:#1686e5}.pmi-badge-star,.pmi-badge-crown{color:#efa921}.pmi-badge-diamond{color:#9a70ef}.pmi-badge-bolt{color:#f37834}.pmi-badge-gamepad{color:#11a886}.pmi-badge-rocket{color:#e8669b}.pmi-mark:focus::after,.pmi-mark:hover::after{content:attr(aria-label);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);font:12px/1.4 Arial,sans-serif;white-space:normal;width:210px;max-width:70vw;padding:9px 12px;background:#172131;color:white;border:1px solid #5b6b82;border-radius:9px;z-index:10000;pointer-events:none;box-shadow:0 6px 20px #0004}.pmi-frame{outline:2px solid var(--pmi-frame-color,#9c75e8);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--pmi-frame-color,#9c75e8) 22%,transparent)!important}.pmi-frame-azure{--pmi-frame-color:#23aaff}.pmi-frame-ember{--pmi-frame-color:#ff7538}.pmi-frame-violet{--pmi-frame-color:#ac78ff}.pmi-frame-emerald{--pmi-frame-color:#16c995}.pmi-frame-aurora{--pmi-frame-color:#4ee8cd;animation:pmiAurora 4s ease-in-out infinite}.pmi-frame-orbit{--pmi-frame-color:#dfa531;animation:pmiOrbit 3s linear infinite}.pmi-frame-pulse{--pmi-frame-color:#eb609f;animation:pmiPulse 2s ease-in-out infinite}.pmi-frame-prism{--pmi-frame-color:#8b87ff;animation:pmiAurora 6s linear infinite reverse}.pmi-frame-host{overflow:visible!important}@keyframes pmiAurora{0%,100%{outline-color:#42dabc}33%{outline-color:#a173ff}66%{outline-color:#f067a4}}@keyframes pmiPulse{50%{outline-offset:4px;outline-color:#ef8ac6}}@keyframes pmiOrbit{0%,100%{outline-color:#ffd784}50%{outline-color:#b87afa}}@media(prefers-reduced-motion:reduce){.pmi-frame{animation:none!important}.pmi-bar>span{transition:none}}@media(max-width:600px){.pmi-card{padding:18px}.pmi h1{font-size:24px}.pmi-options,.pmi-formgrid,.pmi-plan-row{grid-template-columns:1fr}.pmi-progress-top{gap:10px}.pmi-progress h2{font-size:16px}.pmi-percent{font-size:28px}.pmi-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.pmi-checklist a{font-size:12px}.pmi-checklist small{font-size:10px}}