.magic-edit-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center;padding-top:48px;padding-bottom:var(--creative-section-gap)}.magic-edit-hero-copy,.magic-edit-hero-example{min-width:0}.magic-edit-hero-copy h1{max-width:15ch}.magic-edit-hero-copy>p{margin-top:24px;max-width:44ch}.magic-edit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:28px}.magic-edit-hero-example{margin:0}.magic-edit-hero-stage{max-width:456px;margin-inline:auto;padding:24px;background:var(--creative-stage-gradient);border-radius:16px}.magic-ad-artwork{position:relative;width:100%;aspect-ratio:1122 / 1402;overflow:hidden;border-radius:12px;background:#f8f8f5}.magic-ad-artwork img{display:block;width:100%;height:100%;object-fit:contain}.magic-ad-artwork img+img{position:absolute;inset:0;opacity:0;transition:opacity .22s cubic-bezier(.23,1,.32,1)}.magic-ad-artwork.is-result img+img{opacity:1}.magic-hero-versions{display:flex;justify-content:center;gap:28px;border:0;margin:16px 0 0;padding:0}.magic-hero-versions button{min-height:44px;border:0;border-bottom:2px solid transparent;background:none;color:#5b5d63;cursor:pointer}.magic-hero-versions button[aria-pressed=true]{color:#244a91;border-bottom-color:#244a91}.magic-edit-hero-example figcaption{margin-top:12px;max-width:58ch;text-align:center}.magic-edit-workflow{padding-bottom:0}.magic-edit-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px;margin-bottom:var(--creative-heading-gap)}.magic-edit-section-heading>p{max-width:52ch}.magic-guided-demo{display:flex;flex-direction:column;gap:40px}.magic-demo-playbar-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:0;background:transparent;color:#202124;min-height:44px;cursor:pointer;transition:color .16s ease-out}.magic-demo-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:48px;align-items:center}.magic-demo-image-area{position:relative;min-width:0;padding:28px 28px 12px 76px;background:var(--creative-stage-gradient);border-radius:16px}.magic-demo-toolbar{border:0;padding:0;margin:0;position:absolute;top:24px;left:16px;display:grid;gap:8px}.magic-demo-toolbar button{width:44px;height:44px;display:grid;place-items:center;color:#202124;background:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px #20212414;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}.magic-demo-toolbar button[aria-pressed=true]{background:#202124;color:#fff}.magic-demo-canvas{max-width:416px;margin-inline:auto;position:relative;display:block;padding:0;border:0;width:100%;cursor:crosshair;background:transparent;border-radius:12px}.magic-demo-selection{position:absolute;left:4%;top:3%;width:93%;height:22%;border:1px solid #244a91;background:#244a911f;opacity:0;transition:opacity .18s cubic-bezier(.23,1,.32,1)}.magic-demo-selection.is-selected{opacity:1}.magic-demo-selection i{position:absolute;width:7px;height:7px;background:#fff;border:1px solid #244a91}.magic-demo-selection i:nth-child(1){top:-4px;left:-4px}.magic-demo-selection i:nth-child(2){top:-4px;right:-4px}.magic-demo-selection i:nth-child(3){bottom:-4px;right:-4px}.magic-demo-selection i:nth-child(4){bottom:-4px;left:-4px}.magic-demo-canvas-footer{max-width:416px;margin:8px auto 0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px 20px}.magic-demo-canvas-caption{margin:0;color:#5b5d63}.magic-demo-instruction{min-width:0;display:flex;flex-direction:column;justify-content:center}.magic-demo-field-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px}.magic-demo-instruction textarea{width:100%;min-height:160px;resize:vertical;padding:16px;border:1px solid #d7d9dd;border-radius:8px;color:#202124;background:#fff;caret-color:#244a91}.magic-demo-instruction textarea::placeholder{color:#5b5d63}.magic-demo-instruction textarea:focus-visible{outline:2px solid #202124;outline-offset:3px}.magic-demo-count{text-align:right;margin-top:8px;font-variant-numeric:tabular-nums}.magic-demo-preview{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;margin-top:18px;border-radius:8px;background:#202124;color:#fff;border:0;cursor:pointer}.magic-demo-instruction>.website-type-description{margin-top:16px}.magic-demo-version-buttons{border:0;padding:0;margin-inline:0;margin-bottom:0;display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.magic-demo-version-buttons button{min-height:44px;border:0;border-bottom:2px solid transparent;padding-inline:0;color:#5b5d63;background:transparent;cursor:pointer}.magic-demo-version-buttons button[aria-pressed=true]{color:#202124;border-bottom-color:#202124}.magic-demo-playbar-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.magic-demo-playbar-controls button{justify-content:start}.magic-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;list-style:none;margin:0}.magic-demo-step{display:flex;flex-direction:column;gap:8px;padding-top:12px;position:relative}.magic-demo-step:before{content:"";position:absolute;inset:0 0 auto;height:2px;width:32px;border-radius:2px;background:#e4e6ea;transition:background-color .22s ease-out}.magic-demo-step.is-active:before{background:#244a91}.magic-demo-step h3{margin:0;color:#202124}.magic-step-header{display:flex;align-items:baseline;gap:10px}.magic-step-num{color:#5b5d63;font-variant-numeric:tabular-nums;flex-shrink:0}.magic-demo-step.is-active .magic-step-num{color:#244a91}.magic-edit-examples{padding-bottom:var(--creative-section-gap)}.magic-inspector{display:flex;flex-direction:column;gap:24px}.magic-inspector-tabs{display:flex;flex-wrap:wrap;gap:8px 24px;border:0;padding:0;margin:0 0 8px;border-bottom:1px solid #d7d9dd}.magic-inspector-tab-btn{background:none;border:0;border-bottom:2px solid transparent;padding:8px 0;margin-bottom:-1px;min-height:44px;color:#5b5d63;cursor:pointer;transition:color .18s ease-out,border-color .18s ease-out}.magic-inspector-tab-btn:hover{color:#202124}.magic-inspector-tab-btn[aria-pressed=true]{color:#244a91;border-bottom-color:#244a91;font-weight:600}.magic-inspector-stage{display:grid;grid-template-columns:280px minmax(0,1fr);gap:72px;align-items:start}.magic-inspector-art{width:100%;margin:0}.magic-inspector-art-wrap{position:relative;aspect-ratio:1122 / 1402;border-radius:12px;overflow:hidden;background:#f5f2ed}.magic-inspector-art-wrap img{display:block;width:100%;height:100%;object-fit:contain}.magic-inspector-target{position:absolute;border:2px solid #244a91;background:#244a9114;border-radius:4px;pointer-events:none;transition:left .2s ease-out,top .2s ease-out,width .2s ease-out,height .2s ease-out}.magic-inspector-caption{margin-top:12px;line-height:1.55;color:#5b5d63}.magic-inspector-details{min-width:0;max-width:680px}.magic-inspector-panel{display:flex;flex-direction:column}.magic-inspector-panel[hidden]{display:none}.magic-inspector-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.magic-inspector-heading h3{margin:0;color:#202124}.magic-inspector-status{color:#244a91;font-weight:500}.magic-inspector-focus{margin-bottom:32px}.magic-crop{position:relative;overflow:hidden;background:#f5f2ed;border-radius:8px;width:100%}.magic-crop svg{display:block;width:100%;height:100%}.magic-crop svg image{width:1122px;height:1402px}.magic-inspector-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:520px}.magic-inspector-pair figure{margin:0}.magic-inspector-pair figcaption,.magic-inspector-single figcaption{margin-top:8px;color:#5b5d63}.magic-inspector-proposed{padding:20px;background:#edf3fb;color:#243d61;min-height:110px;display:grid;align-content:center;justify-content:center;border-radius:8px;text-align:center;letter-spacing:-.01em}.magic-inspector-single{max-width:400px;margin:0}.magic-inspector-instruction{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;margin-bottom:32px;padding:16px 20px;background:#f8f9fa;border-radius:8px}.magic-inspector-instruction-icon{margin-top:3px;color:#244a91;flex-shrink:0}.magic-inspector-instruction p{margin:0;color:#202124}.magic-inspector-instruction strong{color:#202124;font-weight:600}.magic-inspector-keep-label{display:block;color:#5b5d63;margin-bottom:12px}.magic-inspector-thumbs{display:flex;flex-wrap:wrap;gap:20px}.magic-inspector-thumb{width:108px;margin:0}.magic-inspector-thumb .magic-crop{height:66px;aspect-ratio:auto!important}.magic-inspector-thumb figcaption{margin-top:6px;color:#5b5d63;line-height:1.4}.magic-edit-review{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}.magic-review-header h2{margin-bottom:16px}.magic-review-checklist{display:flex;flex-direction:column;gap:32px}.magic-review-item{display:flex;flex-direction:column;gap:6px}.magic-review-item h3{display:flex;align-items:center;gap:10px;margin:0;color:#202124}.magic-review-item h3 svg{color:#244a91;flex-shrink:0}.magic-review-item p{margin:0}@media(hover:hover)and (pointer:fine){.magic-hero-versions button:hover,.magic-demo-playbar-controls button:hover{color:#244a91}.magic-demo-toolbar button:not([aria-pressed=true]):hover{background:#eceef1}}@media(prefers-reduced-motion:reduce){.magic-ad-artwork img+img,.magic-demo-selection,.magic-demo-step:before,.magic-inspector-target{transition:none}}@media(max-width:1023px){.magic-edit-hero{gap:32px}.magic-edit-hero-stage{padding:20px}.magic-edit-section-heading,.magic-edit-review{gap:32px}.magic-demo-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px}.magic-demo-image-area{padding:20px 20px 8px 68px;align-self:start}.magic-demo-toolbar{left:12px;top:20px}.magic-demo-field-heading>span{display:none}.magic-demo-steps{gap:20px}.magic-inspector-stage{grid-template-columns:280px minmax(0,1fr);gap:32px}}@media(max-width:767px){.magic-edit-hero{grid-template-columns:minmax(0,1fr);padding-top:32px;gap:32px}.magic-edit-hero-copy>p{margin-top:20px}.magic-edit-actions{margin-top:24px}.magic-edit-hero-stage{padding:16px}.magic-edit-section-heading{grid-template-columns:minmax(0,1fr);gap:16px}.magic-guided-demo{gap:32px}.magic-demo-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.magic-demo-image-area{padding:16px 16px 8px}.magic-demo-toolbar{position:static;display:flex;margin-bottom:16px}.magic-demo-instruction textarea{min-height:130px}.magic-demo-playbar-controls{gap:16px}.magic-demo-steps{grid-template-columns:minmax(0,1fr);gap:20px}.magic-inspector-stage{grid-template-columns:minmax(0,1fr);gap:24px}.magic-inspector-art{max-width:300px;margin-inline:auto}.magic-inspector-pair{grid-template-columns:1fr;gap:16px}.magic-inspector-thumbs{gap:14px}.magic-inspector-thumb{width:90px}.magic-edit-review{grid-template-columns:minmax(0,1fr);gap:24px}}