/* MyPCWorld Growth 3.4: scoped visual language, no layout resets */
:root{--mp34-ink:#101827;--mp34-muted:#53647e;--mp34-line:#e1e9f3;--mp34-blue:#305cdb;--mp34-soft:#f5f8fc;--mp34-card:#fff}
.mp34-workspace,.mp34-workspace *,.mp34-search-dialog,.mp34-search-dialog *{box-sizing:border-box}
.mp34-workspace{max-width:1220px;margin:32px auto 82px;padding:0 24px;color:var(--mp34-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.mp34-eyebrow{display:inline-flex;color:#4163a0;font-weight:800;letter-spacing:.13em;font-size:11px;text-transform:uppercase}
.mp34-workspace h1,.mp34-workspace h2,.mp34-popular h2{font-family:Manrope,Inter,system-ui,sans-serif;color:#101827;letter-spacing:-.045em;line-height:1.14}
.mp34-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center;background:linear-gradient(120deg,#101b31,#19355f);color:#fff;border:1px solid #2b4671;border-radius:28px;padding:clamp(28px,5vw,60px);box-shadow:0 18px 48px rgba(15,23,42,.14)}
.mp34-hero .mp34-eyebrow{color:#a9c6ff}.mp34-hero h1{font-size:clamp(35px,4.2vw,56px);color:#fff;max-width:16ch;margin:14px 0 16px}.mp34-hero p{font-size:17px;line-height:1.8;color:#d2e0f8;max-width:58ch;margin:0}.mp34-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.mp34-features span{border:1px solid #5d779b;background:#ffffff14;border-radius:999px;padding:8px 11px;font-size:12px;color:#e2edff}
.mp34-hero-mark{min-height:220px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:100px;font-weight:800;color:#e3edff;transform:rotate(-5deg);text-shadow:0 12px 35px rgba(45,125,255,.3)}.mp34-hero-mark span{font-size:38px;color:#80ceff}
.mp34-stages{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.mp34-stages span{font-weight:750;font-size:12px;color:#66758f;background:#eaf0f8;border:1px solid #dde6f1;border-radius:99px;padding:10px 15px}.mp34-stages .is-current{background:#e8efff;color:#315ab5;border-color:#baccfc}
.mp34-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.mp34-panel{background:#fff;border:1px solid var(--mp34-line);border-radius:22px;padding:27px;box-shadow:0 8px 28px rgba(10,29,55,.05)}
.mp34-workspace h2{font-size:23px;margin:0 0 22px}.mp34-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:2px dashed #b6c8e8;border-radius:18px;min-height:230px;background:#f7faff;padding:25px;text-align:center;transition:.2s}
.mp34-drop:hover,.mp34-drop.is-dragging{background:#eaf2ff;border-color:#5685d9}.mp34-drop input{position:absolute;opacity:0;width:1px;height:1px}.mp34-drop:focus-within{outline:3px solid #90b9fb;outline-offset:3px}.mp34-drop-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:#e5efff;color:#285bce;font-size:31px;margin-bottom:12px}.mp34-drop strong{font-size:17px}.mp34-drop small{font-size:12px;color:#687a92;margin-top:8px}
.mp34-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.mp34-thumb{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;background:#f8fafc;border:1px solid #ebf0f6;border-radius:12px}.mp34-thumb img{width:56px;height:56px;object-fit:cover;border-radius:8px}.mp34-thumb div{min-width:0}.mp34-thumb strong{display:block;font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp34-thumb small{font-size:11px;color:#697b92}
.mp34-panel label:not(.mp34-drop){display:block;color:#334761;font-weight:750;font-size:13px;margin:14px 0 7px}.mp34-panel select,.mp34-panel input[type=number]{width:100%;border:1px solid #d4dfed;background:#fff;border-radius:11px;padding:12px;color:#26354d;font:inherit;min-height:46px}.mp34-panel input:focus-visible,.mp34-panel select:focus-visible{outline:2px solid #739efa;outline-offset:1px}.mp34-panel input:disabled{background:#f2f5fa;color:#8793a4}.mp34-row{display:flex;gap:12px;align-items:center}.mp34-row label{flex:1;min-width:0}.mp34-panel input[type=range]{width:100%;accent-color:#315ed6}.mp34-panel output{font-weight:800;color:#305dd0;margin-left:8px}.mp34-buttons{margin-top:24px}.mp34-buttons button,.mp34-result-heading button{border:1px solid #d8e2ef;padding:12px 17px;font-size:13px;font-weight:800;border-radius:12px;cursor:pointer;background:#fff;color:#21324b;transition:transform .15s}.mp34-buttons button:hover,.mp34-result-heading button:hover{transform:translateY(-1px);border-color:#94b5ea}.mp34-buttons .mp34-primary{background:#214fd0;border-color:#214fd0;color:#fff;box-shadow:0 7px 16px #1f4db525}.mp34-buttons button:disabled,.mp34-result-heading button:disabled{opacity:.5;cursor:wait}.mp34-tip{margin:18px 0 0;color:#5d708a;font-size:12px;line-height:1.7}.mp34-status{color:#285caa;font-size:13px;font-weight:700;margin:18px 0 0}.mp34-status.is-error{color:#b42318}
.mp34-results{background:#fff;border:1px solid var(--mp34-line);border-radius:22px;margin-top:20px;padding:28px}.mp34-results[hidden]{display:none!important}.mp34-result-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.mp34-result-heading h2{margin-bottom:7px}.mp34-result-heading p{color:#617089;margin:0;font-size:13px}.mp34-result-heading .mp34-row{flex-wrap:wrap}.mp34-output-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0}.mp34-output-card{border:1px solid var(--mp34-line);border-radius:12px;overflow:hidden;background:#fafcff}.mp34-output-card img{display:block;width:100%;height:144px;object-fit:contain;background:#eff3f9}.mp34-output-card div{padding:12px}.mp34-output-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mp34-output-card small{color:#708199;font-size:11px}
.mp34-help{margin-top:32px;border:1px solid #e1e9f3;border-radius:22px;background:#fff;padding:30px}.mp34-help h2{margin-bottom:16px}.mp34-help>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mp34-help p{font-size:14px;color:#51617a;line-height:1.8;margin:7px 0}.mp34-help strong{color:#192a43}
.mp34-modal-open{overflow:hidden}.mp34-search-overlay{position:fixed;inset:0;background:rgba(10,20,35,.57);backdrop-filter:blur(6px);z-index:99998;display:flex;align-items:flex-start;justify-content:center;padding:8vh 14px 30px}.mp34-search-overlay[hidden]{display:none!important}.mp34-search-dialog{width:min(650px,100%);background:#fff;border:1px solid #e3e8f1;border-radius:22px;box-shadow:0 35px 90px #08132e55;overflow:hidden;color:#1b2840}.mp34-search-top{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid #edf1f7}.mp34-search-top strong{font-size:15px;letter-spacing:-.02em}.mp34-search-top button{border:0;background:#f0f3f8;border-radius:8px;font-size:24px;color:#526078;cursor:pointer;width:34px;height:34px}.mp34-search-dialog input{display:block;width:calc(100% - 46px);margin:19px 23px 4px;padding:15px;border:1px solid #ccd9ea;border-radius:14px;font-size:16px;box-sizing:border-box;background:#fff;color:#0f172a}.mp34-search-dialog input:focus{outline:2px solid #8ab0f6;outline-offset:2px}.mp34-search-help{color:#65788f;margin:7px 23px 12px;font-size:12px}.mp34-search-results{max-height:51vh;overflow-y:auto;padding:6px 12px 12px}.mp34-search-results a{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;text-decoration:none;color:#17283d;padding:12px 15px;border-radius:12px;border:1px solid transparent}.mp34-search-results a:hover,.mp34-search-results a:focus-visible{background:#f3f7fe;border-color:#d9e6f7}.mp34-search-results strong{font-size:14px}.mp34-search-results small{grid-column:1;font-size:11px;color:#688099;line-height:1.4}.mp34-search-results a span{grid-column:2;grid-row:1/3;color:#2a60cb}.mp34-search-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 23px;border-top:1px solid #edf1f7;color:#8190a3;font-size:11px}.mp34-search-foot a{color:#2154ba;font-weight:800}.mp34-search-foot kbd{border:1px solid #e0e6ef;padding:2px 5px;border-radius:4px}.mp34-empty{font-size:13px;color:#62748a;padding:16px}
.mp34-related{max-width:1200px;margin:28px auto;padding:16px 24px 26px;border:1px solid #e2e9f4;background:#fff;border-radius:20px}.mp34-related h2{font-size:24px;margin:6px 0 17px;letter-spacing:-.04em;color:#16243c}.mp34-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mp34-related-grid a{display:flex;position:relative;flex-direction:column;gap:8px;background:#f8faff;border:1px solid #e1e9f4;border-radius:13px;padding:19px;text-decoration:none;color:#172a47;transition:border-color .2s}.mp34-related-grid a:hover{border-color:#91afe5}.mp34-related-grid strong{font-size:14px;line-height:1.45;padding-right:16px}.mp34-related-grid small{font-size:11px;line-height:1.55;color:#596f8c}.mp34-related-grid span:last-child{position:absolute;right:15px;top:15px;color:#2f65c8}.mp34-popular{width:min(1180px,100%);margin:20px auto 50px;padding:0 18px}.mp34-popular h2{font-size:clamp(26px,2.3vw,37px);margin:8px 0 22px}
@media(max-width:940px){.mp34-hero{grid-template-columns:1fr}.mp34-hero-mark{display:none}.mp34-related-grid,.mp34-output-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.mp34-workspace{padding:0 13px;margin:18px auto 55px}.mp34-hero{border-radius:20px;padding:25px 22px}.mp34-hero h1{font-size:37px}.mp34-hero p{font-size:15px}.mp34-grid{grid-template-columns:1fr;gap:13px}.mp34-panel,.mp34-results,.mp34-help{padding:20px;border-radius:17px}.mp34-help>div{grid-template-columns:1fr;gap:6px}.mp34-result-heading{flex-direction:column}.mp34-thumbs{grid-template-columns:1fr}.mp34-thumb strong{max-width:230px}.mp34-related-grid{grid-template-columns:1fr 1fr}.mp34-related{padding:18px 13px}.mp34-search-overlay{padding:12px}.mp34-search-dialog{max-height:calc(100vh - 24px)}.mp34-search-foot span{display:none}}@media(max-width:410px){.mp34-related-grid,.mp34-output-items{grid-template-columns:1fr}.mp34-result-heading .mp34-row button{flex:1}.mp34-buttons{flex-direction:column;align-items:stretch}.mp34-buttons button{width:100%}}
/* Dark mode: keep contrast on the workspace without inheriting theme's old card backgrounds. */
html[data-mp-theme=dark] .mp34-panel,html[data-mp-theme=dark] .mp34-results,html[data-mp-theme=dark] .mp34-help,html[data-mp-theme=dark] .mp34-related{background:#1a2941;border-color:#344762;color:#f2f6ff}html[data-mp-theme=dark] .mp34-workspace h2,html[data-mp-theme=dark] .mp34-related h2{color:#f1f6ff}html[data-mp-theme=dark] .mp34-help p,html[data-mp-theme=dark] .mp34-tip{color:#c0cee2}html[data-mp-theme=dark] .mp34-drop{background:#233755;border-color:#55739b;color:#edf4ff}html[data-mp-theme=dark] .mp34-panel label:not(.mp34-drop){color:#d2e1f7}

/* WP page container: full editorial width for the new shortcode page */
.mp-page-container article:has(.mp34-workspace){width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;}

.mp34-newsletter-link{display:inline-flex;gap:6px;padding:11px 14px;border:1px solid #b9cbe6;border-radius:10px;font-size:13px;font-weight:800;color:#2b59bd;background:#f5f8ff;text-decoration:none}.mp34-newsletter-link:hover{background:#eaf1ff}