/* Browser captures remain intact. Frames adapt to the page; the pixels are never recolored. */
.pc-frame{margin:0;min-width:0;width:100%;border:1px solid #d3e2dc;border-radius:17px;overflow:hidden;background:#fff;color:#18352d;box-shadow:0 22px 55px #17372a20;text-align:start;isolation:isolate}
.pc-toolbar{display:flex;align-items:center;gap:13px;padding:12px 14px;background:#f6faf8;border-bottom:1px solid #dce7e1;min-width:0;font-size:9px;line-height:1.6;font-weight:700}
.pc-toolbar>span:not(.pc-dots){flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pc-dots{display:flex;gap:5px;flex:none}.pc-dots i{width:6px;height:6px;border-radius:50%;background:#b8ccc2}.pc-dots i:first-child{background:#e2b6ab}.pc-dots i:nth-child(2){background:#e4cfa6}.pc-dots i:last-child{background:#9ec6ae}
.pc-toolbar>small{padding:2px 6px;background:#e8f0ec;border-radius:4px;font-size:8px;color:#4a6659;flex:none}
.pc-frame>img{display:block!important;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:1348/926;object-fit:contain!important;border:0;background:#f7faf9;filter:none!important;opacity:1!important;transform:none!important}
.pc-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid #dce7e1;font-size:9px!important;line-height:1.7;color:#50695d!important;background:#fff;margin:0!important;text-align:start!important}
.pc-caption>small{font-size:8px;white-space:nowrap}.pc-frame--compact .pc-toolbar{padding:8px 10px;font-size:8px}.pc-frame--compact .pc-caption{padding:8px 10px;font-size:8px!important}
.da-real-visual{width:100%;max-width:560px;margin:0;justify-self:center;min-width:0}
.da-real-brand{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;line-height:1.7;color:var(--wd-text,#18352d);margin:0 0 5px;overflow-wrap:anywhere}.da-real-brand strong{font-weight:800;text-align:end;font-size:12px}
.da-real-stage{position:relative;padding:28px 0 92px;isolation:isolate}
.da-real-stage:before{content:'';position:absolute;inset:3px -12px 35px;border-radius:90px 25px 25px;background:color-mix(in srgb,var(--wd-primary,#136b50) 10%,transparent);z-index:-1}
.da-real-stage>.pc-frame{transform:rotate(-2deg);position:relative;z-index:1}
.da-real-detail{position:absolute;inset-inline-end:-3px;bottom:10px;width:52%;z-index:2}.da-real-detail>.pc-frame{transform:rotate(3deg);border-radius:11px;box-shadow:0 16px 40px #14352c30}.da-real-detail .pc-toolbar{font-size:6px;padding:6px 8px;gap:6px}.da-real-detail .pc-toolbar small{font-size:6px}.da-real-detail .pc-dots{gap:3px}.da-real-detail .pc-dots i{width:4px;height:4px}
.da-real-link{display:inline-flex;gap:10px;font-size:11px;font-weight:800;line-height:1.7;margin-top:8px;text-decoration:underline;text-underline-offset:4px;color:var(--wd-text,#18352d)}
.wd-site[data-theme=moderne_elegant] .da-real-stage:before{border-radius:160px 160px 8px 8px;background:#e8dccb}.wd-site[data-theme=moderne_elegant] .da-real-stage>.pc-frame{border-radius:8px;transform:rotate(-4deg)}
.wd-site[data-theme=communautaire_chaleureux] .da-real-stage:before{border-radius:45% 55% 35% 45%;background:#f9dcc7;transform:rotate(-8deg)}.wd-site[data-theme=communautaire_chaleureux] .da-real-stage>.pc-frame{transform:rotate(3deg)}
.wd-site[data-theme=digital_premium] .da-real-stage:before{border:1px solid #3c8d94;border-radius:50%;background:radial-gradient(circle,#41e9c422,transparent 70%)}.wd-site[data-theme=digital_premium] .da-real-stage>.pc-frame{border-color:#4d939b;box-shadow:0 25px 55px #0006}
.wd-site[data-theme=minimal_impact] .da-real-stage:before{border-radius:0;background:#e6e9dc}.wd-site[data-theme=minimal_impact] .da-real-stage>.pc-frame{border-radius:0;transform:none;box-shadow:10px 12px 0 #cfd7c5}.wd-site[data-theme=minimal_impact] .da-real-detail>.pc-frame{transform:none;border-radius:0}
.wd-model-browser.pc-model-browser{padding:14px;background:#e8eee9;min-height:0}.wd-model .pc-model-browser .pc-frame{border-radius:11px;box-shadow:0 10px 20px #15332412}.wd-model .pc-model-browser .pc-toolbar{font-size:7px;padding:8px 10px;gap:8px}.wd-model .pc-model-browser .pc-toolbar small{font-size:6px}.pc-model-badge{font-size:9px;line-height:1.7;color:#52695d;margin:10px 3px 0;display:flex;justify-content:space-between;gap:10px}.pc-model-badge small{font-size:8px}
.sc-dashboard-art,.sc-phone-art,.sc-site-art.pc-site-art{padding:8px 18px 20px!important;height:auto!important;min-height:0!important;display:block!important;margin-top:auto!important;overflow:visible!important}
.sc-dashboard-art>.pc-frame,.sc-phone-art>.pc-frame,.pc-site-art>.pc-frame{width:100%!important;max-width:100%;transform:rotate(-2deg);border-radius:12px;box-shadow:0 15px 28px #17372f22}.sc-phone-art>.pc-frame{transform:rotate(2deg)}
.sc-platform-card .pc-caption{font-size:7px!important}.sc-platform-card .pc-toolbar{font-size:8px;padding:8px 10px}
.sub-screen>.pc-frame{width:100%;transform:perspective(1200px) rotateY(-5deg);box-shadow:0 24px 70px #001a244d}
.sub-hero-grid>*,.detail-pair>*{min-width:0;max-width:100%}.detail-content h2,.detail-content p{overflow-wrap:anywhere}
.mobile-hero-art:has(>.pc-frame){width:100%;max-width:620px;display:block;min-height:0;justify-self:center}.mobile-hero-art>.pc-frame{transform:rotate(3deg)}
.mb-download-visual:has(>.pc-frame){width:100%;max-width:580px;margin-inline:auto;min-height:0;max-height:none;overflow:visible}.mb-download-visual>.pc-frame{transform:rotate(-2deg)}
@media(max-width:810px){.da-real-visual{max-width:530px}.da-real-stage{padding:30px 0 115px}.da-real-detail{width:48%;bottom:15px}.da-real-stage:before{inset-inline:0}.sub-screen>.pc-frame,.mobile-hero-art>.pc-frame,.mb-download-visual>.pc-frame{transform:none}}
@media(max-width:550px){.pc-toolbar{padding:8px 10px;gap:8px;font-size:8px}.pc-caption{font-size:8px!important;padding:9px 10px;gap:8px}.pc-caption>small{font-size:7px}.da-real-stage{padding:18px 0 83px}.da-real-stage>.pc-frame{transform:none!important}.da-real-detail{inset-inline-end:0;bottom:4px;width:55%}.da-real-detail>.pc-frame{transform:none}.da-real-link{font-size:10px}.wd-model-browser.pc-model-browser{padding:13px}.sc-platform-card .pc-caption{font-size:8px!important}.sc-dashboard-art,.sc-phone-art,.sc-site-art.pc-site-art{padding-inline:14px!important}}