.widget-page{--app-accent:#a02b4e;--app-tint:#f8dbe0;--app-soft:#fbeaed}.widget-intro{max-width:57ch;margin:0 auto 30px;font-size:19px;line-height:1.6;color:#4c626a}.widget-halo{position:absolute;z-index:0;inset:10% -15%;background:radial-gradient(ellipse at 20% 65%,#ef7c982b,transparent 40%),radial-gradient(ellipse at 85% 35%,#a02b4e22,transparent 35%);pointer-events:none}.widget-playground{max-width:1440px;margin:auto;padding:85px 5vw}.widget-section-heading{max-width:850px;margin-bottom:35px}.widget-section-heading>span{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a02b4e}.widget-section-heading h2{font-size:clamp(40px,5.5vw,76px);line-height:1.05;margin:20px 0}.widget-section-heading p{font-size:19px;line-height:1.5}.widget-workbench{border:1px solid #17334025;border-radius:26px;overflow:hidden;background:#fffaf5;box-shadow:0 25px 70px #5723370d}.widget-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:24px}.widget-views{display:flex;gap:4px;background:#f5e6e9;padding:5px;border-radius:14px}.widget-controls button{font:600 14px 'DM Sans',sans-serif;border:0;padding:12px 16px;cursor:pointer;border-radius:10px;background:transparent;color:#133340}.widget-views button[aria-pressed=true]{background:#133340;color:#fff}.widget-controls label,.widget-controls>span{font-size:13px}.widget-controls input{font:500 15px 'DM Sans',sans-serif;min-width:0;width:190px;padding:12px;border:1px solid #17334030;border-radius:10px;background:#fff}.widget-swatches{display:flex;gap:8px}.widget-swatches button{width:30px;height:30px;padding:0;border:4px solid #fff;outline:1px solid #17334022;border-radius:50%;background:#ff6979}.widget-swatches button:nth-child(2){background:#72b6ff}.widget-swatches button:nth-child(3){background:#9de0c2}.widget-swatches button[aria-pressed=true]{outline:2px solid #133340}.widget-stage{--widget-color:#ff6979;background:#142a34;min-height:390px;position:relative;display:grid;place-items:center;padding:60px 30px;overflow:hidden;color:white}.widget-stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:36px 36px}.widget-overlay{position:relative;width:min(620px,100%);border:1px solid #ffffff22;border-left:5px solid var(--widget-color);border-radius:16px;padding:38px;background:#0c1b24dd;box-shadow:0 25px 60px #0005}.widget-overlay strong{display:block;font:700 clamp(26px,4vw,52px)/1.12 'DM Sans',sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}.widget-overlay span{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--widget-color);margin-bottom:15px}.widget-overlay small{display:block;margin-top:12px;color:#c3d1d5}.widget-onair:before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--widget-color)}.widget-wave{display:flex;gap:5px;align-items:center;height:30px;margin-top:24px}.widget-wave i{height:12px;width:5px;border-radius:3px;background:var(--widget-color);animation:widgetwave 1.3s ease-in-out infinite alternate}.widget-wave i:nth-child(2n){height:26px;animation-delay:-.4s}.widget-wave i:nth-child(3n){height:18px;animation-delay:-.8s}.widget-progress{height:4px;background:#ffffff22;border-radius:5px;margin-top:25px}.widget-progress:before{content:'';display:block;width:42%;height:100%;background:var(--widget-color)}.widget-preview-label{position:absolute;bottom:20px;right:24px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a8bbc2}.widget-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.widget-feature-grid article{background:#f8dbe0;border:1px solid #a02b4e15;border-radius:24px;padding:32px}.widget-feature-grid article:nth-child(2){background:#702a42;color:#fff8ef}.widget-feature-grid article:nth-child(3){background:#f0e7dc}.widget-feature-symbol{display:block;font-size:80px;line-height:1;margin-bottom:65px}.widget-feature-grid h3{font:800 clamp(27px,3vw,42px)/1.1 'DM Sans',sans-serif;letter-spacing:-.04em;margin:0 0 18px}.widget-feature-grid p{font-size:17px;line-height:1.6}.widget-product-visual{background:#f8dbe0;display:grid;place-items:center}.widget-product-visual img{width:72%;height:85%;object-fit:contain;mix-blend-mode:multiply;border-radius:25px}.product-card-widget .product-copy>img{border-radius:14px}.widget-page button:focus-visible,.widget-page input:focus-visible{outline:3px solid #a02b4e;outline-offset:4px}@keyframes widgetwave{to{transform:scaleY(.35)}}@media(max-width:800px){.widget-feature-grid{grid-template-columns:1fr}.widget-feature-symbol{margin-bottom:30px}.widget-controls{gap:12px;padding:18px}.widget-views{width:100%;justify-content:space-between}.widget-controls input{flex:1}.widget-stage{padding:45px 18px;min-height:310px}.widget-overlay{padding:25px}.widget-playground{padding:60px 5vw}.widget-intro{font-size:17px}.widget-page .app-related>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.widget-wave i{animation:none}}