/* global React, INK, CREAM, PULSE, GENS, GradText, CTAButton, Reveal, useReveal, SB_EASE, ED_ACCENTS, EDSplit, MShell, MHead, MGenerate */ // Editing Suite feature page — mobile layout (skews alternate right → left → right …). const { useState: emS, useEffect: emE } = React; // eyebrows are hero-only on mobile — keep the heading, drop the pill const MEDBadgeHead = ({ title, sub }) => ; const MEDCard = ({ lean = 'right', children }) => (
{children}
); // hero const MED_CYCLE = [ { src: 'assets/edits/base.webp', chip: 'Original' }, { src: 'assets/edits/expression.webp', chip: 'Expression · laugh' }, { src: 'assets/edits/object.webp', chip: 'Inpaint · necklace' }, { src: 'assets/edits/color.webp', chip: 'Recolor · red' }]; const MEDHero = () => { const [ref, on] = useReveal(0.25); const [step, setStep] = emS(0); emE(() => { if (!on) return; const t = setInterval(() => setStep(s => (s + 1) % MED_CYCLE.length), 2400); return () => clearInterval(t); }, [on]); return (
sozee
Features / Editing Suite

Edit anything.
Reshoot nothing.

Make any edit you can imagine in our editing suite — inpaint, expressions, recolor, filters, 4K upscale. One photo, four edits, stacked.

Start editing
{MED_CYCLE.map((im, i) => )} {MED_CYCLE[step].chip} 4K
{MED_CYCLE.slice(1).map((im, i) => = i + 1 ? INK : 'rgb(246,243,242)', color: step >= i + 1 ? '#fff' : 'rgba(28,27,27,0.45)', boxShadow: step >= i + 1 ? 'none' : 'inset 0 0 0 1px rgba(28,27,27,0.08)' }}> {step >= i + 1 && } Edit {i + 1})} Edits stack
); }; // § 01 Inpaint const MEDInpaint = () => { const [ref, on] = useReveal(0.35); const [done, setDone] = emS(false); emE(() => { if (!on) return; const t = setInterval(() => setDone(d => !d), 3200); return () => clearInterval(t); }, [on]); return ( Brush the spot.
Say the word.} sub="Paint where the edit goes and type what changes — the edit lands only where you painted." />
{!done && } {done ? 'Applied — only where painted' : 'Brush where it goes'}
add this necklace
APPLY ✦
); }; // § 02 Expression const MEDExpression = () => { const [sel, setSel] = emS(1); return ( New mood.
One click.} sub="Ten expressions applied without touching a prompt. Her face, still her." />
{['Original', 'Playful laugh', 'Soft smile', 'Wink', 'Seductive'].map((n, i) => setSel(i > 1 ? 1 : i)} style={{ borderRadius: 9999, padding: '6px 11px', fontSize: 9.5, fontWeight: sel === i ? 700 : 600, cursor: 'pointer', whiteSpace: 'nowrap', flexShrink: 0, background: sel === i ? INK : 'rgb(246,243,242)', color: sel === i ? '#fff' : 'rgba(28,27,27,0.6)', boxShadow: sel === i ? 'none' : 'inset 0 0 0 1px rgba(28,27,27,0.08)' }}>{n})}
); }; // § 03 Recolor const MEDRecolor = () => ( Type the edit.
Watch it happen.} sub="Fabric, light and shadow follow the change — nothing else moves. Drag the handle." />
make the top red
APPLY ✦
); // § 04 Filters const MED_SLIDERS = [['Contrast', 62], ['Exposure', 48], ['Sharpness', 70], ['Grain', 22]]; const MEDFilters = () => ( Grade it
like film.} sub="Contrast, exposure, sharpness, grain — dialed on sliders with a live before/after split." />
{MED_SLIDERS.map(([n, v]) =>
{n} {v}
)}
); // § 05 Upscale const MEDUpscale = () => { const [res, setRes] = emS(2); return ( Finish it
in 4K.} sub="One click takes the final edit to 4096px — crisp enough for print, heavy enough for any crop." />
{['1K', '2K', '4K'][res]} Detail crop · {['1024px', '2048px', '4096px'][res]}
{['1K', '2K', '4K'].map((n, i) => setRes(i)} style={{ borderRadius: 9999, padding: '6px 13px', fontSize: 9.5, fontWeight: res === i ? 700 : 600, cursor: 'pointer', background: res === i ? INK : 'rgb(246,243,242)', color: res === i ? '#fff' : 'rgba(28,27,27,0.6)', boxShadow: res === i ? 'none' : 'inset 0 0 0 1px rgba(28,27,27,0.08)' }}>{n})} Print-ready
); }; // § 06 pipeline const MED_NEXT = [ { t: 'The Scheduler', d: 'Queue the fixed photo to six platforms.', kind: 'sched', href: '/#11 Scheduler' }, { t: 'Create Video', d: 'Make the finished photo move.', kind: 'video', href: '/create-video' }, { t: 'Photo Shoot', d: 'Shoot a locked set of ten around it.', kind: 'shoot', href: '/#05 Photo Shoot' }]; const MEDPipeMedia = ({ kind }) => (
{kind === 'sched' &&
{[['assets/edits/color.webp', 'IG · 9:00'], ['assets/shoot/set-2.webp', 'TT · 12:30'], ['assets/create/out-garden.webp', 'OF · 6:00']].map(([src, l]) => {l} )}
} {kind === 'video' && } {kind === 'shoot' &&
{[1, 2, 3, 4].map((n, i) => )}
}
); const MEDPipeline = () => ( Fixed.
Now ship it.} sub="The finished photo is already on a board wired into the rest of the studio." />
{MED_NEXT.map((c, i) =>
{c.t}
{c.d}
 )}
See the full tour → ); const MEDPage = () => (
); Object.assign(window, { MEDPage });