:root{
  --red:#ef3340;
  --red2:#ff5a5f;
  --navy:#10223a;
  --gold:#d8a43c;
  --cream:#fff9f3;
  --muted:#6b7280;
  --line:#e8e1da;
  --white:#fff;
  --green:#1f9d63;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#fffaf6;color:var(--navy)}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1180px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-family:Georgia,serif;font-size:30px;font-weight:800;color:var(--red)}
.brand span{color:var(--navy)}
.brand small{display:block;font:500 9px/1.2 Arial;color:#555;letter-spacing:.25px}
.nav-links{display:flex;gap:22px;font-size:14px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer}
.btn-red{background:var(--red);color:white}
.btn-light{background:white;border:1px solid var(--line);color:var(--navy)}
.btn-dark{background:var(--navy);color:white}
.hero{padding:50px 0 35px;background:linear-gradient(135deg,#fff8f0,#fff)}
.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:2px;color:#b97927;font-weight:800;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,serif;margin:0 0 14px}
h1{font-size:58px;line-height:.98}
h1 em{font-style:normal;color:var(--red)}
.lead{font-size:18px;line-height:1.6;color:#596273;max-width:590px}
.hero-img{height:470px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 24px 70px rgba(15,35,58,.18)}
.hero-img img{width:100%;height:100%;object-fit:cover}
.billboard-card{position:absolute;left:12%;right:12%;top:18%;background:#fff7fb;border:12px solid #121a26;border-radius:8px;padding:28px;text-align:center;box-shadow:0 10px 30px #0004}
.billboard-card b{font-size:40px;color:var(--red);font-family:Georgia,serif}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.chip{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;font-size:13px}
.section{padding:58px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.section-head h2{font-size:36px}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(15,35,58,.06)}
.card-body{padding:18px}
.card img{width:100%;height:190px;object-fit:cover}
.muted{color:var(--muted)}
.price{font-weight:800;font-size:22px;color:var(--red)}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.step{background:white;border:1px solid var(--line);padding:18px;border-radius:16px;text-align:center}
.step-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffe5e6;color:var(--red);font-weight:800;margin:0 auto 10px}
.filter{display:flex;gap:12px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:15px;margin-bottom:22px}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d8d9df;border-radius:10px;background:white;font:inherit}
textarea{min-height:100px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
.builder{display:grid;grid-template-columns:.9fr 1.4fr;gap:24px}
.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}
.preview{background:#101820;padding:22px;border-radius:18px;color:white}
.preview-screen{min-height:360px;background:linear-gradient(135deg,#ffdce1,#fff2df);border:9px solid #242a33;border-radius:10px;color:var(--navy);display:grid;place-items:center;text-align:center;padding:25px;position:relative;overflow:hidden}
.preview-screen .pname{font:800 44px Georgia;color:var(--red);text-transform:uppercase}
.preview-screen .pmsg{font-size:20px}
.preview-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:0 6px 18px #0003}
.checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.summary-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.pay-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:14px;border-radius:12px;margin-bottom:10px;background:white}
.success{padding:40px;text-align:center}
.success-icon{width:75px;height:75px;border-radius:50%;background:var(--red);color:white;display:grid;place-items:center;font-size:36px;margin:0 auto 20px}
.timeline{display:grid;gap:12px;text-align:left;margin-top:25px}
.timeline div{padding-left:28px;position:relative}
.timeline div:before{content:'✓';position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#ffe0e2;color:var(--red);display:grid;place-items:center;font-size:11px;font-weight:800}
footer{border-top:1px solid var(--line);padding:30px 0;color:#747a86;font-size:13px}
.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{background:#111c2e;color:white;padding:26px 18px}
.sidebar .brand{color:white;margin-bottom:30px}
.sidebar a{display:block;padding:12px 14px;border-radius:10px;margin:5px 0;color:#dbe3ee}
.sidebar a:hover{background:#1c2c45}
.admin-main{padding:32px;background:#f7f8fb}
.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}
.stat{background:white;border:1px solid #e4e6eb;border-radius:14px;padding:18px}
.stat b{font-size:28px;display:block;margin-top:8px}
table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}
th,td{padding:12px 11px;border-bottom:1px solid #edf0f3;text-align:left;font-size:13px;vertical-align:top}
th{background:#f0f3f7;font-size:12px}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2f7;font-size:11px;font-weight:700}
.badge.red{background:#ffe4e6;color:#a21b25}
.badge.green{background:#dbf7e9;color:#166b47}
.admin-form{background:white;border:1px solid #e4e6eb;padding:20px;border-radius:14px;margin-bottom:22px}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff5eb,#fff)}
.login-card{width:min(420px,90%);background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 60px #0001}
@media(max-width:850px){
  .hero-grid,.builder,.checkout{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid-3,.grid-4{grid-template-columns:1fr 1fr}
  h1{font-size:44px}
  .nav-links{display:none}
  .admin-shell{grid-template-columns:1fr}
  .sidebar{position:relative}
  .stats{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .grid-3,.grid-4,.form-grid,.stats{grid-template-columns:1fr}
}
/* V2: customer accounts + self-service greeting studio */
.auth-container{max-width:560px}.auth-card label{margin-top:12px}.full-btn{width:100%;margin-top:18px}.center{text-align:center}.notice-box{padding:12px 14px;border:1px solid #f1d38a;border-radius:10px;background:#fff7dc;color:#755500}.error-box{padding:12px 14px;border:1px solid #f5b5b8;border-radius:10px;background:#fff1f2;color:#9f1d25}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(135deg,#fff3ec,#fff);border:1px solid var(--line);border-radius:20px}.account-section{margin-top:34px}.empty-state{text-align:center;padding:55px}.booking-placeholder{height:190px;background:linear-gradient(135deg,#ffe0e5,#fff4df);display:grid;place-items:center;font:800 76px Georgia;color:var(--red)}.booking-card{transition:.2s}.booking-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,35,58,.12)}.top-space{margin-top:10px}.top-gap{margin-top:24px}
.creator-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:28px;align-items:start}.creator-controls{display:grid;gap:16px}.creator-preview-sticky{position:sticky;top:92px}.builder-step{display:flex;align-items:center;gap:12px;margin-bottom:16px}.builder-step>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#ffe5e6;color:var(--red);font-weight:800}.builder-step small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.occasion-card{position:relative;padding:12px;border:1px solid var(--line);border-radius:14px;text-align:center;cursor:pointer;background:white}.occasion-card input,.template-choice input{position:absolute;opacity:0}.occasion-card span{font-size:27px;display:block;margin-bottom:5px}.occasion-card:has(input:checked){border:2px solid var(--red);background:#fff5f5}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-choice{position:relative;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:13px;background:white;cursor:pointer}.template-choice img{width:78px;height:66px;object-fit:cover;border-radius:9px}.template-choice span{display:grid;gap:4px}.template-choice small{color:var(--muted)}.template-choice:has(input:checked){border:2px solid var(--red);box-shadow:0 0 0 2px #ffdadd}.char-count{text-align:right;font-size:12px;color:var(--muted);margin-top:5px}.creator-submit{width:100%;font-size:17px;padding:16px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px 16px 0 0;padding:14px 16px}.preview-toolbar small{display:block;color:var(--muted);margin-top:2px}.preview-toggle{display:flex;background:#eef0f3;border-radius:999px;padding:3px}.preview-toggle button{border:0;background:transparent;padding:6px 10px;border-radius:999px;cursor:pointer}.preview-toggle button.active{background:#17233a;color:white}.led-scene{height:520px;position:relative;overflow:hidden;border-radius:0 0 18px 18px;transition:.25s}.led-scene.night{background:linear-gradient(#14243c,#43314d 56%,#161a22 57%)}.led-scene.day{background:linear-gradient(#9ed5ff,#eef9ff 56%,#ddd 57%)}.building{position:absolute;left:7%;right:7%;bottom:80px;height:340px;background:linear-gradient(90deg,#1d2431,#354052,#222a38);border-radius:8px 8px 0 0;box-shadow:0 18px 40px #0006}.wallmark-screen{--accent:#ef3340;--screen-bg:#fff1f2;position:absolute;left:8%;right:8%;top:28px;height:235px;background:var(--screen-bg);border:10px solid #10141c;border-radius:5px;overflow:hidden;box-shadow:0 8px 24px #0006}.wm-mini{position:absolute;left:12px;top:8px;z-index:4;font:700 13px Georgia;color:#222}.preview-content{height:100%;display:grid;grid-template-columns:42% 58%;align-items:center;padding:28px 25px 18px;gap:14px}.preview-content.split{grid-template-columns:50% 50%}.preview-content.minimal{grid-template-columns:35% 65%}.preview-content.bold .preview-name{font-size:40px}.preview-content.romantic{background:radial-gradient(circle at 70% 10%,#ffffffaa,transparent 35%)}.photos-wrap{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.celebrant-preview{width:135px;height:160px;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px #0002}.greeter-preview{width:68px;height:68px;object-fit:cover;border-radius:50%;border:4px solid white;position:absolute;right:2px;bottom:8px;box-shadow:0 5px 15px #0003}.hidden{display:none!important}.preview-copy{text-align:center}.preview-headline{font:700 20px Georgia;color:#333}.preview-name{font:800 34px/1 Georgia;color:var(--accent);margin:5px 0}.preview-message{font:600 15px/1.25 Arial;color:#4a4a4a;margin:6px 0}.preview-from{font-size:12px;color:#555}.road{position:absolute;left:0;right:0;bottom:0;height:90px;background:#24262b}.road:after{content:'';position:absolute;left:10%;right:10%;top:44px;height:3px;background:repeating-linear-gradient(90deg,#fff 0 40px,transparent 40px 78px);opacity:.6}.preview-meta{margin-top:14px;padding:14px 18px}
@media(max-width:1050px){.creator-layout{grid-template-columns:1fr}.creator-preview-sticky{position:relative;top:0}}@media(max-width:650px){.occasion-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.account-hero{align-items:flex-start;flex-direction:column}.led-scene{height:430px}}


/* WallMark V3 LED Inventory CMS */
.cms-section-title{margin:22px 0 10px;padding-top:14px;border-top:1px solid #edf0f3;font-weight:800;color:#344054}
.inventory-cards{display:grid;gap:16px}
.inventory-card{display:grid;grid-template-columns:210px 1fr;background:#fff;border:1px solid #e4e6eb;border-radius:16px;overflow:hidden}
.inventory-photo{min-height:210px;background:#eef1f4}
.inventory-photo img{width:100%;height:100%;object-fit:cover}
.inventory-no-photo{height:100%;display:grid;place-items:center;font:800 50px Georgia;color:#9aa4b2}
.inventory-main{padding:18px}
.inventory-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.inventory-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}
.inventory-kpis>div,.inventory-rates>div{padding:10px;background:#f8fafc;border-radius:10px}
.inventory-kpis small,.inventory-rates small{display:block;color:#667085;margin-bottom:5px}
.inventory-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.edit-inventory-form{padding:16px;margin-top:10px;background:#fbfcfe;border:1px solid #edf0f3;border-radius:12px}
@media(max-width:1100px){.inventory-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.inventory-card{grid-template-columns:1fr}.inventory-photo{height:180px}.inventory-kpis,.inventory-rates{grid-template-columns:1fr 1fr}}


/* V4 preview approval + terms + refund */
.final-led-preview{background:linear-gradient(#19263a,#5b3a54 58%,#1b1d24 59%);border-radius:18px;padding:48px 34px 72px;margin-bottom:18px}
.final-screen,.admin-final-screen{--accent:#ef3340;--screen-bg:#fff1f2;position:relative;background:var(--screen-bg);border:10px solid #111821;border-radius:8px;min-height:290px;overflow:hidden;box-shadow:0 15px 34px #0005}
.final-screen .preview-content,.admin-final-screen .preview-content{min-height:270px}
.preview-notice{padding:14px;background:#fff8e8;border:1px solid #f0d79a;border-radius:12px;margin-bottom:14px}
.terms-check{display:grid;gap:12px;margin-top:18px;padding:16px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px}
.terms-checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.45}
.terms-checkbox input{width:auto;margin-top:4px;flex:0 0 auto}
.terms-wrap{max-width:900px}
.terms-title{font-size:48px}
.terms-panel h3{margin-top:28px}
.terms-panel p,.terms-panel li{line-height:1.7;color:#475467}
.admin-material-preview{max-width:760px;background:linear-gradient(135deg,#1c2738,#4a3348);padding:28px;border-radius:14px;margin-bottom:14px}
.admin-final-screen{min-height:230px}
.admin-final-screen .preview-content{min-height:210px}
\n/* WallMark V5 generated video workflow */
.video-rule-card{margin-top:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.video-timeline{display:grid;grid-template-columns:7fr 3fr;border-radius:10px;overflow:hidden;margin:10px 0;font-size:12px;text-align:center}.video-timeline span{padding:11px}.customer-part{background:#ffe6e8;color:#8f1d27}.wallmark-part{background:#10223a;color:#fff}.video-timeline.big{font-size:14px}.video-preview-shell{background:#111827;border-radius:16px;padding:14px}.final-video-player{width:100%;display:block;max-height:620px;background:#000;border-radius:10px}.terms-check{display:grid;gap:12px;margin-top:18px;padding:16px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px}.terms-checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.45}.terms-checkbox input{width:auto;margin-top:4px;flex:0 0 auto}.terms-wrap{max-width:900px}.terms-panel h3{margin-top:28px}.terms-panel p,.terms-panel li{line-height:1.7;color:#475467}\n

/* WallMark V6 client tracking, proof of placement and social sharing */
.dashboard-bookings{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.booking-progress-card{text-decoration:none;color:inherit;overflow:hidden}.booking-progress-media{position:relative;height:220px;background:#eef2f6}.booking-progress-media img{width:100%;height:100%;object-fit:cover}.proof-badge{position:absolute;top:12px;right:12px;background:#0f766e;color:#fff;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700}.card-top-line,.card-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mini-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 10px}.mini-step{text-align:center}.mini-step span{display:block;height:8px;border-radius:999px;background:#e5e7eb;margin-bottom:7px}.mini-step.active span{background:linear-gradient(90deg,#ef3340,#f59e0b)}.mini-step small{display:block;color:#667085;font-size:11px}.alert-inline{padding:10px 12px;background:#fff8e8;border:1px solid #f0d79a;border-radius:10px;font-size:13px}.status-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:860px;margin:28px auto}.status-step{padding:14px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}.status-step span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf0f5;color:#344054;font-weight:900;margin:0 auto 10px}.status-step.active{border-color:#f4c9ce;background:#fff8f8}.status-step.active span{background:#ef3340;color:#fff}.status-step b{display:block;font-size:14px}.warning-panel{border-color:#f0d79a;background:#fffef8}.alt-sites-grid,.alt-sites-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.alt-site-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;display:grid;gap:6px}.alt-site-card.compact{padding:12px}.alt-site-card small{color:#667085}.proof-panel{margin-top:24px}.proof-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.proof-photo,.proof-share-image,.proof-share-public{width:100%;border-radius:16px;border:1px solid #d9dee5;display:block;background:#fff}.proof-photo{max-height:560px;object-fit:cover}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.share-caption-box{padding:12px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.check-card{display:flex;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;align-items:flex-start}.check-card input{width:auto;margin-top:4px}.check-card small,.check-card span{display:block}.proof-share-public{max-width:760px;margin:20px auto}.social-note{font-size:13px;color:#667085}
@media(max-width:900px){.dashboard-bookings,.alt-sites-grid,.alt-sites-list,.checkbox-grid,.status-steps,.proof-layout{grid-template-columns:1fr}.status-step{text-align:left}.status-step span{margin:0 0 10px 0}}


/* WallMark V7 responsive LED templates */
.wallmark-screen{height:auto!important;aspect-ratio:16/9;max-height:250px;top:50%;transform:translateY(-50%);transition:aspect-ratio .2s ease,width .2s ease}.building{display:flex;align-items:center;padding:24px 7%}.building .wallmark-screen{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%}.preview-content{min-height:0}.responsive-fit-note{font-size:12px;color:#667085}.template-responsive-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e9f7ef;color:#166534;font-weight:700;font-size:12px}


/* WallMark V8 daily and date-specific rates */
.rate-summary-strip{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;margin-bottom:18px}.rate-summary-strip>div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:15px}.rate-summary-strip small{display:block;color:#667085;margin-bottom:6px}.weekly-rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.day-rate-card{padding:14px;border:1px solid #e4e7ec;border-radius:14px;background:#fbfcfe}.day-rate-card label{margin-top:10px}.day-rate-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.switch-label{font-size:11px!important;font-weight:600!important;display:flex!important;align-items:center;gap:5px;margin:0!important}.switch-label input,.checkbox-line input{width:auto}.checkbox-line{display:flex;align-items:center;gap:8px;min-height:44px}.rate-source-note{font-size:12px;color:#667085}
@media(max-width:1050px){.weekly-rate-grid{grid-template-columns:repeat(2,1fr)}.rate-summary-strip{grid-template-columns:1fr 1fr}}@media(max-width:650px){.weekly-rate-grid,.rate-summary-strip{grid-template-columns:1fr}}

/* V9 time-of-day pricing */
.time-rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.time-rate-card{background:#fff;border:1px solid #e4e7ec;border-radius:15px;padding:16px}.time-rate-card h3{margin:6px 0 2px}.time-icon{font-size:30px}.full-day-rate{background:linear-gradient(135deg,#f8fafc,#fff)}.weekly-time-table-wrap{overflow:auto}.weekly-time-table{min-width:980px}.weekly-time-table input[type=number]{min-width:120px}.cost-pop{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:290px;padding-top:10px}.rate-cost-details{margin-top:15px;padding:12px;background:#f8fafc;border-radius:10px}.rate-cost-details summary,.weekly-time-table summary{cursor:pointer;font-weight:700}@media(max-width:1000px){.time-rate-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.time-rate-grid{grid-template-columns:1fr}}
\n/* WallMark V11 Canva template library + animated greeting text */\n.account-actions{display:flex;gap:10px;flex-wrap:wrap}.template-library-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.my-canva-label{font-weight:800;margin:18px 0 10px;color:#7a2530}.canva-choice{background:#fffdf8}.canva-empty{padding:16px;border:1px dashed #d7aeb3;border-radius:14px;background:#fffafa;margin-top:14px}.canva-library-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.canva-private-grid{grid-template-columns:repeat(2,1fr)}.animation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.animation-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;cursor:pointer;background:#fff}.animation-card input{position:absolute;opacity:0}.animation-card:has(input:checked){border:2px solid var(--red);background:#fff5f5}.anim-demo{height:48px;display:grid;place-items:center;font:800 25px Georgia;color:var(--red)}.anim-fade{animation:wmFade 1.4s infinite}.anim-up{animation:wmUp 1.4s infinite}.anim-left{animation:wmLeft 1.4s infinite}.anim-pop{animation:wmPop 1.4s infinite}@keyframes wmFade{0%{opacity:.05}50%,100%{opacity:1}}@keyframes wmUp{0%{transform:translateY(12px);opacity:.1}60%,100%{transform:none;opacity:1}}@keyframes wmLeft{0%{transform:translateX(18px);opacity:.1}60%,100%{transform:none;opacity:1}}@keyframes wmPop{0%{transform:scale(.7);opacity:.1}55%{transform:scale(1.12);opacity:.8}100%{transform:scale(1);opacity:1}}.text-anim-fade .preview-copy{animation:wmFade 1.2s}.text-anim-up .preview-copy{animation:wmUp 1.2s}.text-anim-left .preview-copy{animation:wmLeft 1.2s}.text-anim-pop .preview-copy{animation:wmPop 1.2s}@media(max-width:900px){.canva-library-layout{grid-template-columns:1fr}.animation-grid{grid-template-columns:1fr 1fr}.canva-private-grid{grid-template-columns:1fr}}\n