refactor: token layout names

components/invite/photo-upload.tsx

@@ -100,7 +100,7 @@ export function PhotoUpload({
 
   return (
     <section className="border-t border-wedding-line pt-10">
-      <div className="grid gap-4 wedding-layout:grid-cols-3">
+      <div className="grid gap-4 wedding-lg:grid-cols-3">
         <p className="wedding-section-label">04</p>
         <div>
           <h2 className="font-wedding-display text-wedding-medium">{labels.title}</h2>
@@ -109,7 +109,7 @@ export function PhotoUpload({
         <p className="font-wedding-ui text-sm">{labels.requirements}</p>
       </div>
 
-      <div className="mt-6 wedding-layout:ml-60">
+      <div className="mt-6 wedding-lg:ml-60">
         {filename ? (
           <p className="bg-wedding-cream px-4 py-3 font-wedding-ui text-sm text-wedding-ink">
             {labels.current.replace("{filename}", filename)}
@@ -121,7 +121,7 @@ export function PhotoUpload({
             {labels.disabled}
           </p>
         ) : (
-          <div className="mt-4 flex flex-col gap-4 wedding-phone:flex-row wedding-phone:items-end">
+          <div className="mt-4 flex flex-col gap-4 wedding-md:flex-row wedding-md:items-end">
             <label className="flex-1 font-wedding-ui text-sm">
               <span>{labels.choose}</span>
               <input