/* ModularPro Studio 1.53 – public plan library. Scoped to the client chooser only. */
.m3dc-play .m3dc-153-shell{--m153-forest:#0b3d2d;--m153-ink:#182c25;--m153-muted:#718077;--m153-outline:#dfe9e1;--m153-mint:#e5f4e8;--m153-cream:#f8f6f0;--m153-gold:#c5a15c;color:var(--m153-ink);width:100%;max-width:100%;min-width:0;background:linear-gradient(152deg,#f1f7f1,#f7f8f5 55%,#f1f5ee);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.m3dc-play .m3dc-153-shell *, .m3dc-play .m3dc-153-shell *::before,.m3dc-play .m3dc-153-shell *::after{box-sizing:border-box}
.m3dc-play .m3dc-153-page{width:min(1430px,100%);max-width:100%;min-width:0;margin:0 auto;padding:26px clamp(16px,3vw,48px) 62px}
.m3dc-play .m3dc-153-eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:850;color:#3d8060;text-transform:uppercase}
.m3dc-play .m3dc-153-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:24px;align-items:stretch;border-radius:28px;background:linear-gradient(120deg,#0a3629,#12523a 75%,#1d6950);color:#fff;padding:clamp(25px,4vw,58px);box-shadow:0 20px 60px #0d4d331c;position:relative;overflow:hidden}
.m3dc-play .m3dc-153-hero::before{content:"";position:absolute;right:-85px;top:-220px;height:510px;width:510px;border:1px solid #ffffff22;border-radius:50%;pointer-events:none}
.m3dc-play .m3dc-153-hero-copy{position:relative;z-index:1;min-width:0}
.m3dc-play .m3dc-153-hero .m3dc-153-eyebrow{color:#bceac8}
.m3dc-play .m3dc-153-hero h1{font-size:clamp(30px,3.45vw,55px);line-height:1.08;letter-spacing:-.045em;color:#fff;margin:17px 0 16px;max-width:780px;font-weight:850}
.m3dc-play .m3dc-153-hero h1 em{color:#c8eab5;font-style:normal}
.m3dc-play .m3dc-153-hero p{max-width:660px;line-height:1.65;font-size:clamp(14px,1.1vw,17px);color:#e1eee6;margin:0 0 24px}
.m3dc-play .m3dc-153-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.m3dc-play .m3dc-153-hero-meta span{border:1px solid #ffffff3f;border-radius:999px;padding:9px 12px;font-size:12px;color:#f0f9f1;font-weight:700;background:#ffffff0d}
.m3dc-play .m3dc-153-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ffffff63;background:transparent;color:#fff;border-radius:12px;padding:10px 16px;font-weight:750;cursor:pointer;font-size:13px}
.m3dc-play .m3dc-153-back:hover{background:#ffffff20}
.m3dc-play .m3dc-153-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-width:0;z-index:1}
.m3dc-play .m3dc-153-hero-preview{width:min(100%,340px);transform:rotate(-4deg);padding:10px;background:#fff;border-radius:18px;box-shadow:0 20px 35px #00170b42}
.m3dc-play .m3dc-153-hero-visual>span{font-size:12px;color:#d4e5d8;font-weight:750;letter-spacing:.04em}
.m3dc-play .m3dc-153-library{margin:24px 0 0;border:1px solid var(--m153-outline);border-radius:26px;background:#fff;padding:clamp(20px,2.65vw,36px);box-shadow:0 16px 45px #203d2910}
.m3dc-play .m3dc-153-library-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:19px}
.m3dc-play .m3dc-153-library-head h2{font-size:clamp(24px,2.1vw,32px);line-height:1.18;margin:8px 0 6px;font-weight:850;letter-spacing:-.035em;color:var(--m153-ink)}
.m3dc-play .m3dc-153-library-head p{margin:0;color:#64786a;font-size:13px}
.m3dc-play .m3dc-153-library-head p strong{color:var(--m153-forest)}
.m3dc-play .m3dc-153-search{display:flex;align-items:center;gap:10px;min-width:min(100%,260px);width:min(100%,330px);height:48px;background:#f5f8f5;border:1px solid #d7e2d9;border-radius:13px;padding:0 14px;font-size:22px;color:#3c6952}
.m3dc-play .m3dc-153-search input{height:100%;border:0;outline:0;background:transparent;padding:0;width:100%;min-width:0;font-size:14px;color:#173928;box-shadow:none}
.m3dc-play .m3dc-153-search:focus-within{outline:2px solid #a8d6b7;outline-offset:2px}
.m3dc-play .m3dc-153-filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.m3dc-play .m3dc-153-filter-pills button{font-size:12px;font-weight:750;color:#4e6c5b;border:1px solid #e0e9e3;background:#f7faf7;border-radius:999px;padding:11px 17px;min-height:42px;cursor:pointer;transition:.15s ease}
.m3dc-play .m3dc-153-filter-pills button.is-active,.m3dc-play .m3dc-153-filter-pills button[aria-pressed="true"]{color:#fff;background:#12523a;border-color:#12523a}
.m3dc-play .m3dc-153-filter-pills button:focus-visible,.m3dc-play .m3dc-153-cards button:focus-visible,.m3dc-play .m3dc-153-back:focus-visible{outline:3px solid #86bca0;outline-offset:3px}
.m3dc-play .m3dc-153-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.m3dc-play .m3dc-153-plan-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e2ebe3;border-radius:20px;background:#fff;box-shadow:0 9px 27px #173b2710;transition:transform .17s,box-shadow .17s}
.m3dc-play .m3dc-153-plan-card[hidden]{display:none!important}
.m3dc-play .m3dc-153-plan-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #173b2722}
.m3dc-play .m3dc-153-card-image{position:relative;padding:14px;background:#eef3ee;min-width:0}
.m3dc-play .m3dc-153-floor-preview{display:block;width:100%;height:auto;aspect-ratio:400/222;border-radius:12px;overflow:hidden}
.m3dc-play .m3dc-153-modules{position:absolute;bottom:25px;left:25px;display:inline-block;background:#fff;border:1px solid #dfebdf;padding:7px 10px;border-radius:9px;font-size:11px;color:#285240;font-weight:850;box-shadow:0 3px 12px #00000014}
.m3dc-play .m3dc-153-no-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;aspect-ratio:400/222;border-radius:12px;background:#e6f0ea;color:#39644a;font-size:38px}
.m3dc-play .m3dc-153-no-preview span{font-size:13px;font-weight:700}
.m3dc-play .m3dc-153-card-copy{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:18px 19px 20px}
.m3dc-play .m3dc-153-type{display:block;font-size:10px;font-weight:850;color:#328054;letter-spacing:.105em;text-transform:uppercase}
.m3dc-play .m3dc-153-card-copy h3,.m3dc-play .m3dc-153-scratch-card h3{margin:8px 0;color:#1c392b;font-size:19px;font-weight:820;line-height:1.3;letter-spacing:-.02em}
.m3dc-play .m3dc-153-card-copy p,.m3dc-play .m3dc-153-scratch-card p{color:#708077;line-height:1.48;font-size:12.5px;margin:0 0 20px;flex:1}
.m3dc-play .m3dc-153-use-plan,.m3dc-play .m3dc-153-scratch-card button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;color:#fff;background:#0c4933;border:1px solid #0c4933;border-radius:12px;padding:12px 15px;cursor:pointer;font-size:13px;font-weight:800;text-align:left}
.m3dc-play .m3dc-153-use-plan:hover{background:#0f6444}
.m3dc-play .m3dc-153-use-plan span,.m3dc-play .m3dc-153-scratch-card button span{font-size:20px}
.m3dc-play .m3dc-153-scratch-card{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:stretch;border:2px dashed #8fc5a0;border-radius:20px;padding:25px 23px;background:linear-gradient(145deg,#e7f5e9,#f8fbf4)}
.m3dc-play .m3dc-153-scratch-icon{display:grid;place-items:center;border-radius:19px;background:#d3eadb;border:1px solid #a4ceb4;width:68px;height:68px;margin:0 0 18px;color:#115839;font-size:36px;font-weight:400}
.m3dc-play .m3dc-153-scratch-card h3{font-size:22px;line-height:1.18;margin:10px 0 14px}
.m3dc-play .m3dc-153-scratch-card p{font-size:13px;line-height:1.65;color:#486957}
.m3dc-play .m3dc-153-scratch-card button{background:#fefefe;border-color:#9cbaa6;color:#145237}
.m3dc-play .m3dc-153-scratch-card button:hover{background:#cdecd7}
.m3dc-play .m3dc-153-fineprint{margin:14px 6px 0;font-size:12px;color:#6b7f71}
.m3dc-play .m3dc-153-library-state,.m3dc-play .m3dc-153-no-results{padding:18px 22px;background:#f2f8f3;border:1px solid #dce9df;border-radius:14px;margin:20px 0 0;color:#41634b;font-size:13px;line-height:1.5}
.m3dc-play .m3dc-153-library-state button{padding:7px 12px;background:#115b3a;color:#fff;border:0;border-radius:9px;cursor:pointer}
.m3dc-play .m3dc-153-no-results[hidden]{display:none!important}
.m3dc-play .m3dc-153-change-plan{display:inline-flex;align-items:center;gap:7px;cursor:pointer;background:#f0f8f1;border:1px solid #b4d5bd;border-radius:10px;color:#165235;font-size:12px;min-height:40px;font-weight:800;padding:9px 12px;margin:8px 0 0;align-self:start}
.m3dc-play .m3dc-153-change-plan:hover{background:#d8eedf}
@media(max-width:1000px){.m3dc-play .m3dc-153-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.m3dc-play .m3dc-153-hero{grid-template-columns:minmax(0,1.35fr) minmax(200px,.65fr)}}
@media(max-width:700px){.m3dc-play .m3dc-153-page{padding:14px 12px 46px}.m3dc-play .m3dc-153-hero{grid-template-columns:minmax(0,1fr);padding:27px 22px;border-radius:20px}.m3dc-play .m3dc-153-hero h1{font-size:34px}.m3dc-play .m3dc-153-hero-visual{display:none}.m3dc-play .m3dc-153-library{margin-top:14px;border-radius:20px;padding:20px 15px}.m3dc-play .m3dc-153-library-head{align-items:stretch;gap:17px}.m3dc-play .m3dc-153-search{width:100%}.m3dc-play .m3dc-153-cards{grid-template-columns:1fr;gap:15px}.m3dc-play .m3dc-153-filter-pills{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:7px;scrollbar-width:thin}.m3dc-play .m3dc-153-filter-pills button{flex:0 0 auto}.m3dc-play .m3dc-153-hero-meta span{font-size:11px}.m3dc-play .m3dc-153-card-copy p{font-size:13px}.m3dc-play .m3dc-153-use-plan,.m3dc-play .m3dc-153-scratch-card button{min-height:54px}}
@media(prefers-reduced-motion:reduce){.m3dc-play .m3dc-153-plan-card{transition:none}}

.m3dc-play .m3dc-153-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.m3dc-play .m3dc-153-hero-scratch{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;background:#e4f2d3;color:#113b29;border:1px solid #d4eab9;font-size:14px;font-weight:850;cursor:pointer}
.m3dc-play .m3dc-153-hero-scratch:hover{background:#fff;color:#153b2a}
.m3dc-play .m3dc-153-hero-scratch:focus-visible{outline:3px solid #c8e9cc;outline-offset:3px}
@media(max-width:700px){.m3dc-play .m3dc-153-hero-scratch{width:100%}}