.ms-tool-design-width{max-width:var(--studio-page-width);padding:28px var(--studio-page-gutter) 48px;margin-inline:auto}.ms-image-tool-page .ms-mobile-breadcrumb{margin-bottom:22px;padding-top:0}.ms-image-tool-hero{background-image:radial-gradient(at 8% 0,#dce6ffbf,#0000 26%),radial-gradient(at 95% 18%,#efd1ffa6,#0000 27%),radial-gradient(at 55% 100%,#ddefffa6,#0000 48%);border:2px solid #fff;border-radius:58px;padding:40px 30px 24px}.ms-image-tool-hero .ms-tool-heading{max-width:1000px;margin-top:0}.ms-image-tool-hero .ms-tool-heading h1{font-size:clamp(30px,3.2vw,48px);line-height:1.18}.ms-image-tool-hero .ms-tool-intro{max-width:960px;margin:18px auto 0;font-size:15px;line-height:1.65}.ms-tool-design-runner{--runner-h:440px;margin-top:26px;container:tool-workspace/inline-size}.ms-tool-design-runner>.ms-tool-inline:has(.ms-tool-config){height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.ms-tool-design-runner>.ms-tool-inline>:has(>.ms-tool-config){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:32px}.ms-tool-design-runner .ms-tool-config{background:var(--color-surface);border:1px solid #fff;border-radius:34px;justify-self:center;width:100%;max-width:470px;height:auto;padding:14px;box-shadow:0 14px 32px #8b3ff51a}.ms-tool-design-runner .ms-tool-config>:is(p:first-child,h3){display:none}.ms-tool-design-runner .ms-upload-title{font-size:clamp(18px,2vw,23px)}.ms-tool-design-runner .ms-upload-help{max-width:100%}.ms-tool-design-runner :is(.ms-tool-config,.ms-tool-demo){min-width:0}.ms-image-tool-hero h1{overflow-wrap:anywhere}.ms-tool-design-runner .ms-tool-config .ms-retro-upload{background:linear-gradient(150deg,#fbf6ff,#f3f3ff);border-radius:24px;flex:none;gap:18px;height:240px;min-height:0;margin-top:0;padding:22px 14px}.ms-tool-design-runner .ms-upload-pick,.ms-image-edit-page .ms-upload-pick{background-image:url(/assets/images/design-button-grain.svg),linear-gradient(150deg,#d779ef,#9145ff);background-size:96px 96px,100% 100%}.ms-tool-design-runner .ms-tool-config .ms-modal-action{background:0 0;margin:12px 0 0;padding:0;position:static}.ms-tool-design-runner .ms-generate-action{min-height:48px;font-size:16px}.ms-tool-design-runner .ms-tool-demo{background:0 0;justify-content:center;align-items:center;height:440px;display:flex;overflow:visible}.ms-tool-hero-artwork{aspect-ratio:1.15;width:min(100%,510px);position:relative}.ms-tool-hero-outline{background:#eed3ff47;border:2px solid #d6b9f9;border-radius:32px;width:73%;height:78%;position:absolute;top:8%;left:4%;transform:rotate(-14deg)}.ms-tool-hero-after{aspect-ratio:1;background:#f7f3fb;border:7px solid #fff;border-radius:30px;width:74%;position:absolute;top:8%;left:10%;overflow:hidden;box-shadow:0 16px 30px #5b417e21}.ms-tool-hero-before{z-index:1;aspect-ratio:1;background:#f7f3fb;border:5px solid #fff;border-radius:18px;width:34%;position:absolute;top:56%;right:0;overflow:hidden;box-shadow:0 10px 24px #5b417e1f}.ms-tool-hero-artwork img{object-fit:contain;width:100%;height:100%}.ms-tool-hero-artwork span{color:#fff;background:#0009;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.ms-tool-hero-after span{background:linear-gradient(110deg,#963eff,#be40d5);left:auto;right:10px}.ms-tool-hero-arrow{color:#ae76f4;width:18%;position:absolute;top:26%;right:-2%}.ms-tool-allowance{margin-top:16px;line-height:1.6}.ms-image-tool-page .ms-tool-story-picture{border:8px solid var(--color-surface);border-radius:28px;box-shadow:0 12px 32px #73539617}.ms-image-tool-page .ms-tool-story-section{gap:clamp(28px,4vw,64px)}.ms-image-tool-page :is(.ms-tool-step-card,.ms-tool-usecase-card,.ms-tool-tips-panel,.ms-tool-related-card){background:linear-gradient(155deg,#fffffff2,#f6edffa6);border:1px solid #ffffffe6;border-radius:26px;box-shadow:0 6px 20px #744e930a}.ms-image-tool-page .ms-tool-step-card{padding:26px;position:relative}.ms-image-tool-page .ms-tool-step-card>span{background:linear-gradient(145deg,#f2e4ff,#eadfff)}.ms-image-tool-page .ms-tool-usecase-card{padding:12px 12px 22px}.ms-image-tool-page .ms-tool-usecase-card h3{padding-inline:8px}.ms-tool-closing-cta{background:radial-gradient(at 0 100%,#dfe1ffb3,#0000 58%),radial-gradient(at 100% 0,#f4d3f7a6,#0000 58%),#ffffff8c;border:2px solid #fff;border-radius:42px}.ms-tool-related-card{min-height:72px}.ms-tools-collection{max-width:var(--studio-page-width);padding:28px var(--studio-page-gutter) 40px}.ms-tools-collection-hero{text-align:center;background-image:radial-gradient(at 5% 0,#dce6ffbf,#0000 30%),radial-gradient(at 98% 100%,#f1d6feb3,#0000 35%);border:2px solid #fff;border-radius:48px;margin-bottom:32px;padding:44px 32px}.ms-tools-collection-hero h1{font-family:var(--font-saira), sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.2}.ms-tools-collection-hero p{max-width:720px;margin-inline:auto}.ms-tools-collection .ms-tool-catalog-card{background:linear-gradient(145deg,#ffffffeb,#f7f1ffbf);border:1px solid #fff;border-radius:28px;padding:10px;transition:transform .18s,box-shadow .18s,background-color .18s;position:relative;box-shadow:0 8px 25px #634c8512}.ms-tool-catalog-picture{border-radius:20px}.ms-tool-catalog-picture>span:not(.ms-tool-catalog-action){border-radius:7px}.ms-tool-catalog-action{opacity:1;align-items:center;gap:4px;min-height:30px;display:inline-flex}.ms-tools-collection .ms-tool-catalog-copy{padding:16px 8px 10px}.ms-tool-catalog-copy>p:first-child{font-family:var(--font-saira), sans-serif;font-size:21px;line-height:1.35}.ms-tool-catalog-copy>p:last-child{margin-top:6px;font-size:13px;line-height:1.6}.ms-tools-collection-faq{max-width:920px}.ms-tools-collection-faq h2{font-family:var(--font-saira), sans-serif;text-align:center;margin-bottom:22px}.ms-tool-catalog-card:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px}.ms-image-edit-main{max-width:var(--studio-page-width);padding:28px var(--studio-page-gutter) 40px;margin-inline:auto}.ms-image-edit-breadcrumb{margin-bottom:22px}.ms-image-edit-hero{background-image:radial-gradient(at 5% 0,#dce6ffb3,#0000 24%),radial-gradient(at 98% 10%,#f0d3fcb3,#0000 27%),radial-gradient(at 48% 100%,#e5edff99,#0000 50%);border:2px solid #fff;border-radius:54px;padding:36px 26px 28px}.ms-image-edit-hero .ms-workspace-heading{padding:0}.ms-image-edit-hero .ms-workspace-heading h1{font-family:var(--font-saira), sans-serif;font-size:clamp(30px,3.2vw,46px)}.ms-image-edit-hero .ms-workspace-intro{max-width:790px;margin-top:12px;line-height:1.6}.ms-image-edit-hero .ms-workspace{max-width:none;padding:30px 0 0}.ms-image-edit-hero .ms-editor-card{border:1px solid #fff;border-radius:30px;padding:16px;box-shadow:0 12px 32px #73539617}.ms-image-edit-hero .ms-editor-card .ms-retro-upload{background:linear-gradient(150deg,#fbf6ff,#f3f3ff)}.ms-image-edit-hero .ms-editor-result{border:6px solid #fff;border-radius:30px;order:-1;box-shadow:0 12px 32px #7353961a}.ms-image-edit-content{max-width:1120px}.ms-image-edit-content h2{font-family:var(--font-saira), sans-serif}.ms-image-edit-content h3{font-family:var(--font-saira), sans-serif;font-size:19px}.ms-image-edit-content .ms-image-edit-info-card{background:linear-gradient(150deg,#fffffff2,#f5ebff99);border:1px solid #fff;border-radius:26px;padding:24px;box-shadow:0 8px 25px #634c850d}.ms-image-edit-content>section:first-child{text-align:center;max-width:880px;margin-inline:auto}.ms-image-edit-content>section:nth-child(4){background:linear-gradient(120deg,#ece8ff99,#fff2f9a6);border:1px solid #fff;border-radius:30px;padding:28px}.dark :is(.ms-image-tool-hero,.ms-tools-collection-hero,.ms-image-edit-hero){background-image:radial-gradient(at 8% 0,#57458724,#0000 35%),radial-gradient(at 95% 90%,#9243a61a,#0000 45%)}.dark .ms-image-tool-page :is(.ms-tool-heading h1,.ms-tool-closing-cta h2){background-image:linear-gradient(110deg,#c597ff,#f39cdd)}.dark .ms-image-tool-page [class~="text-[#8b3ff5]"]{color:var(--color-brand)}.dark .ms-tool-design-runner .ms-tool-config,.dark .ms-image-edit-hero .ms-editor-card{border-color:var(--color-line);background:var(--color-surface);box-shadow:0 14px 32px #0000003d}.dark .ms-tool-design-runner .ms-tool-config .ms-retro-upload,.dark .ms-image-edit-hero .ms-editor-card .ms-retro-upload{border-color:color-mix(in srgb, var(--color-brand) 65%, transparent);background:linear-gradient(140deg,#241c31,#1c1926)}.dark :is(.ms-tool-design-runner,.ms-image-edit-hero) :is(.ms-upload-pick,.ms-generate-action){color:#fff;background-image:url(/assets/images/design-button-grain.svg),linear-gradient(135deg,#a33ec6,#7733db);background-size:96px 96px,100% 100%}.dark :is(.ms-tool-hero-after,.ms-tool-hero-before,.ms-image-edit-hero .ms-editor-result){background-color:var(--color-surface);border-color:#302936;box-shadow:0 16px 30px #00000042}.dark .ms-tool-hero-outline{background:#6a3e8e21;border-color:#71508f}.dark .ms-tool-hero-arrow{color:#bf94f2}.dark .ms-image-tool-page .ms-tool-story-picture{background-color:var(--color-surface);border-color:#302936;box-shadow:0 12px 32px #0003}.dark .ms-image-tool-page :is(.ms-tool-step-card,.ms-tool-usecase-card,.ms-tool-tips-panel,.ms-tool-related-card),.dark .ms-tools-collection .ms-tool-catalog-card,.dark .ms-image-edit-content .ms-image-edit-info-card,.dark .ms-image-edit-content>section:nth-child(4),.dark .ms-tool-closing-cta{border-color:var(--color-line);background:linear-gradient(145deg,#1c1923,#211b2b);box-shadow:0 8px 22px #0000002e}.dark .ms-image-tool-page .ms-tool-step-card>span{background:#31213f}.dark .ms-tool-tip-chips>div{background:#211e29;box-shadow:0 2px 6px #0003}.dark .ms-tool-catalog-picture{background:var(--color-canvas)}.dark .ms-tools-collection .ms-tool-catalog-action{color:#fff;background-image:linear-gradient(135deg,#a33ec6,#7733db)}@media (hover:hover) and (pointer:fine){.ms-tools-collection .ms-tool-catalog-card:hover{background-color:#eadcff;transform:translateY(-4px);box-shadow:0 14px 30px #7d4cb624}.ms-tools-collection .ms-tool-catalog-card:hover .ms-tool-catalog-action{background:linear-gradient(125deg,#d96cf3,#8839f1)}.ms-tool-related-card:hover{background:#f0e5ff}.dark .ms-tools-collection .ms-tool-catalog-card:hover,.dark .ms-image-tool-page .ms-tool-related-card:hover{color:var(--color-ink);background:linear-gradient(145deg,#2b2237,#261d31);border-color:#75548c;box-shadow:0 14px 30px #0000003d}.dark .ms-tools-collection .ms-tool-catalog-card:hover .ms-tool-catalog-action{background-image:linear-gradient(135deg,#a33ec6,#7733db)}}@container (min-width:760px){.ms-image-edit-hero .ms-workspace-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,1fr);gap:30px}.ms-image-edit-hero .ms-editor-result{order:-1}.ms-image-edit-hero .ms-editor-card{min-height:0}}@media (min-width:768px) and (max-width:1079px){.ms-tool-design-width,.ms-image-edit-main{padding-inline:20px}.ms-image-tool-hero{padding-inline:18px}.ms-tool-design-runner>.ms-tool-inline>:has(>.ms-tool-config){gap:18px}.ms-tool-design-runner .ms-tool-demo{order:0;height:350px}.ms-tool-design-runner .ms-tool-config{border-radius:26px;order:1;padding:10px}.ms-tool-design-runner .ms-tool-config .ms-retro-upload{height:205px;padding-inline:8px}.ms-tool-design-runner .ms-upload-pick{padding-inline:10px;font-size:13px}.ms-tool-hero-after{border-width:5px;border-radius:24px}.ms-tool-hero-before{border-width:3px;border-radius:14px}}@container tool-workspace (max-width:759px){.ms-tool-design-runner>.ms-tool-inline>:has(>.ms-tool-config){grid-template-columns:minmax(0,1fr)}.ms-tool-design-runner .ms-tool-demo{order:-1;height:300px}.ms-tool-design-runner .ms-tool-config{order:1}.ms-tool-design-runner .ms-tool-hero-artwork{width:min(100%,350px)}.ms-tool-design-runner .ms-tool-config{max-width:470px}}@media (max-width:767px){.ms-tool-design-width.ms-tool-landing-main,.ms-image-edit-main{padding:8px 12px 16px}.ms-image-tool-page .ms-mobile-breadcrumb,.ms-image-edit-page .ms-mobile-breadcrumb{display:none}.ms-image-tool-hero{border-radius:28px;padding:12px 10px}.ms-image-tool-hero .ms-tool-heading{margin:0;padding:0}.ms-image-tool-hero .ms-tool-heading h1{font-size:23px;line-height:1.2}.ms-image-tool-hero .ms-tool-intro,.ms-tool-allowance{display:none}.ms-tool-design-runner{margin-top:8px;scroll-margin-top:76px}.ms-tool-design-runner>.ms-tool-inline>:has(>.ms-tool-config){grid-template-columns:minmax(0,1fr);gap:9px}.ms-tool-design-runner .ms-tool-demo{order:-1;height:auto}.ms-tool-design-runner .ms-tool-hero-artwork{aspect-ratio:auto;border:4px solid var(--color-surface);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;width:100%;height:clamp(160px,25svh,220px);display:grid;overflow:hidden}.ms-tool-hero-outline,.ms-tool-hero-arrow{display:none}.ms-tool-hero-artwork :is(.ms-tool-hero-before,.ms-tool-hero-after){aspect-ratio:auto;width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;position:relative;inset:auto}.ms-tool-hero-before{order:-1}.ms-tool-hero-artwork img{object-fit:contain}.ms-tool-hero-artwork span{padding:3px 7px;font-size:10px;top:7px;left:7px;right:auto}.ms-tool-hero-after span{left:auto;right:7px}.ms-tool-design-runner .ms-tool-config{border-radius:22px;max-width:none;padding:10px}.ms-tool-design-runner .ms-tool-config .ms-retro-upload{border-radius:17px;gap:8px;height:auto;min-height:130px;padding:10px 8px}.ms-tool-design-runner .ms-upload-title{font-size:16px}.ms-tool-design-runner .ms-upload-help{font-size:10px;line-height:1.4}.ms-tool-design-runner .ms-tool-config textarea{min-width:0;font-size:16px}.ms-tool-design-runner .ms-upload-pick{min-height:44px;padding-inline:10px;font-size:13px}.ms-tool-design-runner .ms-upload-camera{min-height:44px}.ms-tool-design-runner .ms-tool-config .ms-modal-action{margin-top:9px}.ms-tool-design-runner .ms-generate-action{min-height:46px;padding:10px;font-size:15px}.ms-image-tool-page .ms-design-section{margin-top:34px}.ms-image-tool-page .ms-tool-story-section{gap:20px}.ms-image-tool-page .ms-tool-story-picture{border-width:5px;border-radius:22px}.ms-image-tool-page .ms-tool-step-card{padding:20px}.ms-tool-tip-chips{gap:8px;width:48%}.ms-tool-tip-chips>div{padding:9px}.ms-tool-tip-chips p{overflow-wrap:anywhere}.ms-tool-closing-cta{border-radius:26px;padding:26px 16px}.ms-tool-closing-cta a{max-width:100%;padding-inline:20px}.ms-tools-collection{padding:12px 12px 30px}.ms-tools-collection-hero{border-radius:28px;margin-bottom:18px;padding:18px 14px}.ms-tools-collection-hero h1{font-size:26px}.ms-tools-collection-grid{gap:16px}.ms-tools-collection .ms-tool-catalog-card{border-radius:24px;padding:8px}.ms-tools-collection .ms-tool-catalog-copy{padding:12px 8px 8px}.ms-image-edit-hero{border-radius:28px;padding:12px 10px}.ms-image-edit-hero .ms-workspace-heading h1{font-size:23px}.ms-image-edit-hero .ms-workspace{padding:10px 0 0}.ms-image-edit-hero .ms-workspace-grid{gap:10px}.ms-image-edit-hero .ms-editor-card{border-radius:22px;padding:10px}.ms-image-edit-hero .ms-editor-result{border-width:4px;border-radius:22px}.ms-image-edit-main>.ms-mobile-more{margin-inline:0}.ms-image-edit-content>section:first-child{text-align:left}.ms-image-edit-content .ms-image-edit-info-card{border-radius:22px;padding:20px}.ms-image-edit-content>section:nth-child(4){border-radius:24px;padding:20px}}@media (max-width:767px) and (max-height:740px){.ms-tool-design-runner .ms-tool-hero-artwork{height:142px}.ms-tool-design-runner .ms-tool-config .ms-retro-upload{gap:5px;min-height:120px}.ms-image-tool-hero .ms-tool-heading h1{font-size:21px}}@media (prefers-reduced-motion:reduce){.ms-tools-collection .ms-tool-catalog-card{transition:none}.ms-tools-collection .ms-tool-catalog-card:hover{transform:none}}