.tips{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 25px 0;scrollbar-width:thin}.tips article{min-width:230px;flex:1;scroll-snap-align:center;background:#f4d84a;color:#29211b;border-radius:18px;padding:18px 20px}.tips article:nth-child(2){background:#d9c6f4}.tips article:nth-child(3){background:#bedbcf}.tips article>span{font-size:11px;font-weight:700;border:1px solid #0003;border-radius:6px;padding:3px 7px;display:inline-block}.tips strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.5px;margin:13px 0 10px;font-weight:700}.tips small{font-size:11px}.demo-balance{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:13px;padding:8px 0 15px}.demo-balance small{color:var(--muted);font-size:10px}#counter{display:block;text-align:right;font-size:11px;margin-top:5px}#thumbnails{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.thumb{position:relative;width:72px;height:80px}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}.thumb button{position:absolute;top:3px;right:3px;background:#171322dd;color:white;border-radius:50%;width:23px;height:23px;font-size:16px;padding:0}@media(max-width:580px){.tips{padding:16px 18px 0}.tips article{min-width:240px;max-width:260px}.tips strong{font-size:25px}}
.tile{width:100%}.editor-form,.example,.hero-copy{min-width:0}.tips{max-width:100%}.photo-thumb{width:72px;height:80px;padding:0;border-radius:10px;overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover}body:has(dialog[open]){overflow:hidden}

/* Media starts with two explicit actions, without a second promotional carousel. */
.services,.how{display:none!important}.media-intro{margin:16px 0}.media-intro h1{font-size:30px;letter-spacing:-1px;margin:12px 0}.media-intro p{font-size:13px;margin:8px 0;color:var(--muted)}
.catalog .popular-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 28px}.catalog .popular-actions button{display:grid;grid-template-columns:32px 1fr;gap:5px 9px;align-items:center;text-align:left;min-height:100px;padding:18px 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text)}.popular-actions button>span{grid-row:span 2;font-size:27px;color:var(--accent)}.popular-actions button>strong{font-size:15px;line-height:1.3}.popular-actions button>small{font-size:11px;line-height:1.5;color:var(--muted)}.catalog .section-top h2{font-size:22px;margin:8px 0 14px}.catalog .media-tabs{margin:8px 0 14px}.photo-help{margin:14px 20px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted)}.photo-help summary,.media-settings summary,#imageIdea>summary,#editor .example>summary{cursor:pointer;color:var(--accent);font-size:12px;padding:6px 0}.photo-help p{font-size:12px;line-height:1.6;margin:8px 0}.editor-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.editor-body .example{position:static;width:100%;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.editor-body .example img{display:block;max-width:240px;width:100%;max-height:240px;aspect-ratio:auto;object-fit:contain;margin:10px auto;border-radius:12px}.editor-body .example:not([open])>img,.editor-body .example:not([open])>span{display:none}.editor-form>.eyebrow{display:none}.editor-form h2{font-size:21px;margin:6px 0}.editor-form>p{font-size:12px;margin:6px 0 12px}.editor-form textarea{min-height:100px}.media-settings,#imageIdea{margin:12px 0}.media-settings>.field{margin-top:12px}.editor-form .upload{margin:12px 0;padding:12px;grid-template-columns:44px 1fr}.editor-form .upload>span{width:44px;height:44px}.demo-balance{padding:5px 0 10px}.connection{font-size:10px!important}.catalog .popular-actions button:hover{border-color:var(--accent)}
@media(max-width:580px){.catalog .popular-actions{gap:10px;margin:16px 0 24px}.catalog .popular-actions button{grid-template-columns:1fr;gap:5px;padding:14px;min-height:115px}.popular-actions button>span{grid-row:auto;font-size:24px}.popular-actions button>strong{font-size:14px}.popular-actions button>small{font-size:11px}.photo-help{margin:12px 16px 0}.editor-body{padding:14px 16px}.media-intro h1{font-size:27px}.editor-form textarea{font-size:16px}}

.popular-actions button>span{width:28px;height:28px;display:block}.popular-actions button>span svg{width:28px;height:28px;display:block}#editor.custom-idea #effectTitle{display:none}#editor.custom-idea #effectDescription{margin-top:0}#editor .editor-form textarea{height:120px;min-height:100px}#editor .editor-form .photo-help{margin:12px 0}.editor-form #imageIdea[open]>summary{display:none}#editor .dialog-top,#videoEditor .dialog-top{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;padding:10px 16px;min-height:56px;font-size:14px}#editor .dialog-top button,#videoEditor .dialog-top button{width:30px;height:30px;margin:0;padding:0;display:grid;place-items:center;justify-self:center;font-size:20px;line-height:1}

/* Restore the photo carousel while retaining compact editor tips. */
.services:not([hidden]){display:block!important;padding:16px 0 22px}.services[hidden]{display:none!important}.services .slides{border-radius:22px;touch-action:pan-x pan-y;scroll-snap-type:x mandatory}.services .service{grid-template-columns:1fr 1fr;gap:20px;padding:28px;min-height:300px}.services .service h1{font-size:35px;letter-spacing:-1.3px;margin:12px 0}.services .service p{font-size:14px;margin:12px 0 20px}.services .service-art{width:210px;height:260px;transform:rotate(3deg)}.services .service-art img{object-fit:cover}.services .carousel-controls{display:flex;gap:18px;margin-top:12px}.services .carousel-controls>button{width:30px;height:30px}.media-intro{margin-top:2px}.media-intro h1{font-size:24px}
@media(max-width:580px){.services .service{padding:20px 16px;gap:12px;min-height:240px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.services .service h1{font-size:25px;line-height:1.1;letter-spacing:-.8px}.services .service p{font-size:12px;line-height:1.5;margin:10px 0 16px}.services .service .primary{padding:11px 12px;font-size:11px}.services .service-art{width:100%;max-width:155px;height:205px}.services .eyebrow{font-size:8px;letter-spacing:.8px}.services{padding-bottom:16px}.services .carousel-controls{margin-top:10px}}

/* A geometric icon has no font baseline offset. */
#editor .dialog-top button,#videoEditor .dialog-top button,#serviceDialog .dialog-top button{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;line-height:0;font-size:0;box-sizing:border-box;flex-shrink:0}
#editor .dialog-top button svg,#videoEditor .dialog-top button svg,#serviceDialog .dialog-top button svg{display:block;width:18px;height:18px;flex:none;margin:0;padding:0}
#editor .dialog-top,#videoEditor .dialog-top,#serviceDialog .dialog-top{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:12px;padding:12px 16px;min-height:54px}

.catalog .popular-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog .popular-actions button{grid-template-columns:1fr;align-content:start;gap:8px}.popular-actions button>span{grid-row:auto}.edit-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 24px}.edit-mini{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:14px 8px;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:10px;min-height:110px}.edit-mini img{width:48px;height:48px;border-radius:10px}.edit-mini strong{font-size:12px;line-height:1.4;text-align:center}.edit-mini:hover{border-color:var(--accent);background:var(--surface2)}.photo-edit-menu{max-width:600px}.photo-edit-menu h3{font-size:17px;margin:18px 0 10px}@media(max-width:580px){.catalog .popular-actions button{padding:12px 10px;min-height:126px}.popular-actions button>strong{font-size:13px}.popular-actions button>small{font-size:10px;line-height:1.4}.edit-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.edit-mini{min-height:96px;flex-direction:row;justify-content:flex-start;padding:12px}.edit-mini strong{text-align:left;font-size:12px}.edit-mini img{width:40px;height:40px;flex:none}}
