/* ADS-FLADEN — Meta-annoncepakker: billeder i ad-formater + primary/headline/description/CTA.
   Egen fil af samme grund som historie.css og photoshoot.css: fladen er flowets ejendom, og
   produkt-flowets flade maa ikke kunne maerke en rettelse her. Husets variabler genbruges
   (--ink, --line, --muted, --maerke), saa den ikke ligner et fremmedlegeme.

   Ankeret (#view-build{position:relative}) er sat af historie.css og saettes IKKE igen. */

/* Forsidens ads-kort er tonet pink (brandet, ikke status) — samme tone ligger her som en vask. */
#ads_flade { position:absolute; inset:0; z-index:5;
  background:radial-gradient(110% 62% at 50% -6%, rgba(255,77,141,.10) 0%, rgba(255,77,141,0) 58%), var(--papir,#F2F1EC);
  display:flex; flex-direction:column; overflow:hidden; }
#ads_flade[hidden] { display:none; }

.an-top { display:flex; align-items:center; gap:12px; padding:16px 26px 14px;
  border-bottom:1px solid var(--line); flex:0 0 auto; }
.an-tilbage { border:1px solid var(--line); background:rgba(255,255,255,.7); border-radius:var(--r-knap);
  padding:7px 13px; font:inherit; font-size:13px; color:var(--ink-2,#3a423c); cursor:pointer; }
.an-tilbage:hover { background:#fff; }
.an-top h2 { font-family:'Poppins',sans-serif; font-size:19px; margin:0; font-weight:600; }
.an-krumme { font-size:12.5px; color:var(--muted); margin-left:auto; }

.an-krop { flex:1 1 auto; overflow-y:auto; padding:30px 26px 40px; }
.an-midt { max-width:880px; margin:0 auto; }

.an-h1 { font-family:'Poppins',sans-serif; font-weight:600; font-size:33px; letter-spacing:-.012em;
  line-height:1.18; margin:0 0 9px; text-align:center; }
.an-sub { color:var(--muted); font-size:14.5px; line-height:1.55; margin:0 auto 26px; max-width:640px; text-align:center; }
.an-lab { font-family:'Poppins',sans-serif; font-size:16px; letter-spacing:-.01em; color:var(--ink);
  font-weight:600; margin:30px 0 11px; display:flex; align-items:baseline; gap:9px; }
.an-lab .an-hint { font-family:'Nunito Sans',sans-serif; letter-spacing:0; font-weight:400; font-size:12.5px; color:var(--muted); }

/* --- Produktgitter: samme kort-sprog som photoshoot, mindre kort --- */
.an-gitter { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); }
.an-kort { border:1px solid var(--line); background:#fff; border-radius:var(--r-kort);
  padding:0; cursor:pointer; overflow:hidden; text-align:left; font:inherit; color:var(--ink);
  display:flex; flex-direction:column; box-shadow:0 1px 2px rgba(20,16,24,.04);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.an-kort:hover { transform:translateY(-3px); border-color:var(--line-2);
  box-shadow:0 16px 34px -24px rgba(20,16,24,.4); }
.an-kort.on { border-color:var(--maerke); box-shadow:0 0 0 3px rgba(255,77,141,.15); }
.an-kort-bil { aspect-ratio:1/1; background:var(--felt-dyb,#E9E7E1) center/cover no-repeat; display:block; }
.an-kort-tom { aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
  background:var(--felt-dyb,#E9E7E1); color:var(--muted); font-size:11.5px; text-align:center; padding:8px; }
.an-kort-nav { padding:8px 10px 9px; font-size:12.5px; line-height:1.35; }
.an-kort-nav b { display:block; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.an-kort-nav span { color:var(--muted); font-size:11.5px; }

/* --- Chips: tilbud og formater --- */
.an-rk { display:flex; gap:9px; flex-wrap:wrap; }
.an-vlg { border:1px solid var(--line); background:#fff; border-radius:var(--r-knap);
  padding:10px 17px; font:inherit; font-size:13.5px; cursor:pointer; color:var(--ink-2,#4A4450); }
.an-vlg.on { border-color:var(--maerke); background:var(--maerke-svag,rgba(255,77,141,.09)); color:var(--ink); font-weight:600; }

.an-felt { width:100%; border:1px solid var(--line); border-radius:var(--r-knap); background:#fff;
  padding:11px 13px; font:inherit; font-size:14.5px; color:var(--ink); resize:vertical; box-sizing:border-box; }
.an-felt:focus { outline:none; border-color:var(--maerke); box-shadow:0 0 0 3px rgba(255,77,141,.13); }

/* --- Vinkler: ét kort pr. forslag, teksten kan rettes i kortet --- */
.an-vinkel { display:flex; gap:11px; align-items:flex-start; background:#fff; border:1px solid var(--line);
  border-radius:var(--r-kort); padding:12px 13px; margin-bottom:10px; cursor:pointer;
  transition:border-color .15s ease, box-shadow .15s ease; }
.an-vinkel.on { border-color:var(--maerke); box-shadow:0 0 0 3px rgba(255,77,141,.13); }
.an-vinkel-tik { flex:0 0 auto; width:22px; height:22px; border-radius:50%; border:2px solid var(--line);
  display:flex; align-items:center; justify-content:center; margin-top:2px; color:#fff; font-size:12px; }
.an-vinkel.on .an-vinkel-tik { background:var(--maerke); border-color:var(--maerke); }
.an-vinkel-krop { flex:1 1 auto; min-width:0; }
.an-vinkel-felt { width:100%; border:none; background:transparent; font:inherit; font-size:14.5px;
  color:var(--ink); resize:none; padding:0; box-sizing:border-box; line-height:1.45; }
.an-vinkel-felt:focus { outline:none; }
.an-vinkel-meta { display:flex; gap:8px; align-items:center; margin-top:6px; flex-wrap:wrap; }
.an-genre { display:inline-block; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
  border-radius:99px; padding:2px 8px; background:var(--maerke-svag,rgba(255,77,141,.12));
  color:var(--maerke-tekst,#a3235c); font-weight:600; }
.an-hvorfor { font-size:12px; color:var(--muted); }

/* --- Bund: pris paa knappen --- */
.an-bund { display:flex; align-items:center; gap:14px; margin-top:26px; }
.an-knap { border:none; background:var(--maerke); color:var(--maerke-ink,#141018); border-radius:var(--r-knap);
  padding:13px 22px; font:inherit; font-size:15px; font-weight:700; cursor:pointer; }
.an-knap:disabled { opacity:.45; cursor:default; }
.an-pris { font-size:13px; color:var(--muted); }
.an-fejl { color:var(--status-fejl,#B3261E); font-size:13.5px; margin-top:12px; }
.an-note { font-size:12.5px; color:var(--muted); margin-top:14px; line-height:1.5; }

.an-fremdrift { height:6px; border-radius:99px; background:var(--felt-dyb,#E9E7E1); overflow:hidden; margin:6px 0 22px; }
.an-fremdrift i { display:block; height:100%; background:var(--maerke); transition:width .5s ease; }

/* --- Pakken: billederne i deres formater + tekstfelterne med kopiér-knap --- */
.an-pakke { background:#fff; border:1px solid var(--line); border-radius:var(--r-kort);
  padding:16px; margin-bottom:18px; box-shadow:0 1px 2px rgba(20,16,24,.04); }
.an-pakke-top { display:flex; align-items:baseline; gap:9px; margin-bottom:11px; flex-wrap:wrap; }
.an-pakke-top b { font-family:'Poppins',sans-serif; font-size:15px; }
.an-bilrk { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:13px; }
.an-bil { position:relative; border-radius:var(--r-lille); overflow:hidden; background:var(--felt-dyb,#E9E7E1); }
.an-bil img { display:block; height:170px; width:auto; }
.an-bil .an-fmt { position:absolute; left:6px; top:6px; font-size:10px; font-weight:700; letter-spacing:.04em;
  background:rgba(20,16,24,.72); color:#fff; border-radius:99px; padding:2px 7px; }
.an-bil a { position:absolute; right:6px; bottom:6px; font-size:11px; background:rgba(255,255,255,.92);
  color:var(--ink); border-radius:var(--r-lille); padding:3px 8px; text-decoration:none; }
.an-gemstil { position:absolute; left:6px; bottom:6px; background:rgba(255,255,255,.92); }
.an-bil-vent { height:170px; width:170px; display:flex; align-items:center; justify-content:center; color:var(--muted); }
.an-feltrk { display:flex; gap:9px; align-items:flex-start; padding:8px 0; border-top:1px solid var(--line); }
.an-feltrk .k { flex:0 0 96px; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted); font-weight:700; padding-top:3px; }
.an-feltrk .v { flex:1 1 auto; font-size:13.5px; line-height:1.5; white-space:pre-wrap; word-break:break-word; }
.an-feltrk .m { flex:0 0 auto; font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums; padding-top:3px; }
.an-kopi { flex:0 0 auto; border:1px solid var(--line); background:#fff; border-radius:var(--r-lille);
  padding:3px 9px; font:inherit; font-size:11.5px; cursor:pointer; color:var(--ink-2,#4A4450); }
.an-kopi:hover { border-color:var(--line-2); background:var(--felt,#F2F1EC); }
.an-fund { margin-top:10px; font-size:12.5px; color:var(--status-advar,#8a6d1a);
  background:rgba(255,225,77,.14); border:1px solid rgba(255,225,77,.5); border-radius:var(--r-lille);
  padding:8px 11px; line-height:1.5; }

/* Prikkerne i ventetekst — samme lille sprog som photoshoot. */
.an-prikker i { display:inline-block; width:4px; height:4px; border-radius:50%; background:currentColor;
  margin-left:3px; opacity:.35; animation:anPrik 1.2s infinite; }
.an-prikker i:nth-child(2) { animation-delay:.2s; }
.an-prikker i:nth-child(3) { animation-delay:.4s; }
@keyframes anPrik { 0%,80%,100%{opacity:.25} 40%{opacity:1} }

/* Research, direction and learning use the same Create surface. */
#ads_flade{background:var(--papir,#F2F1EC)}
.an-midt{max-width:1120px}
.an-steps{display:flex;justify-content:center;gap:28px;margin:0 0 42px;color:var(--muted);font-size:12px}
.an-steps span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.an-steps b{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:11px}
.an-steps [aria-current]{color:var(--ink);font-weight:700}
.an-steps [aria-current] b{background:var(--maerke,#FF4D8D);border-color:transparent}
.an-intro{background:var(--maerke-svag,#fce8f0);border-left:4px solid var(--maerke,#FF4D8D);padding:18px 24px;margin:24px 0 30px;line-height:1.5}
.an-intro p{margin:6px 0 0;color:var(--muted);max-width:740px}
.an-selection{align-items:center;margin-bottom:24px}.an-selection>span{margin-left:auto;font-size:13px}
.an-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.an-idea{background:white;padding:22px;border:1px solid var(--line);border-radius:var(--r-kort,16px);min-width:0}
.an-idea.on{border-color:var(--maerke,#FF4D8D);box-shadow:0 0 0 1px var(--maerke,#FF4D8D)}
.an-idea-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.an-idea-top label{display:flex;align-items:center;gap:6px;font-size:13px}
#ads_flade input[type=checkbox]{accent-color:var(--maerke-tekst,#D11A62);width:18px;height:18px;flex-shrink:0}
.an-recommended{display:block;font-size:11px;color:var(--maerke-tekst,#D11A62);margin:10px 0 -3px}
.an-small-label{display:grid;gap:7px;margin-top:18px;color:var(--ink-2);font-size:12px;font-weight:600}
.an-idea .an-felt{font-size:14px;line-height:1.45;background:var(--felt,#faf9f6);font-weight:400}
.an-hypothesis{font-size:13px;line-height:1.6;margin:16px 0 6px}.an-hypothesis b{font-weight:700}
.an-source-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;margin-top:15px}
.an-source-tags a,.an-research a{color:var(--maerke-tekst,#D11A62);text-decoration:underline;text-underline-offset:3px}
.an-research{padding:20px 0;margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}
.an-research summary,.an-feedback summary{font-weight:700;cursor:pointer;min-height:24px}
.an-research article{padding:18px 0;border-top:1px solid var(--line)}.an-research article>.an-genre{margin-right:10px}
.an-expressions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 32px}
.an-expression{padding:10px 10px 18px;background:white;border:1px solid var(--line);border-radius:var(--r-kort,14px);text-align:left;font:inherit;cursor:pointer;color:var(--ink)}
.an-expression.on{border-color:var(--maerke);box-shadow:0 0 0 1px var(--maerke)}
.an-expression b,.an-expression small{display:block;margin:10px 7px 0}.an-expression b{font-family:Poppins,sans-serif;font-size:14px}
.an-expression small{font-size:12px;line-height:1.4;color:var(--muted)}
.an-expression-art{height:118px;background:#eee6dc;display:flex;gap:7px;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}
.an-expression-art i{display:block;background:#433632;width:31px;height:62px;border-radius:3px}
.an-expression-art.mixed i:nth-child(1){background:#dac0c8;transform:rotate(-12deg)}
.an-expression-art.mixed i:nth-child(2){background:#b52e4d;height:82px;z-index:1}
.an-expression-art.mixed i:nth-child(3){background:#c5d2ba;transform:rotate(12deg)}
.an-expression-art.scene{background:#d7dfcb;align-items:flex-end;padding-bottom:12px}
.an-expression-art.scene i{background:#466046}.an-expression-art.scene i:nth-child(2){width:54px;height:30px;border-radius:50%}
.an-expression-art.scene i:nth-child(3){display:none}
.an-expression-art.poster{background:#f6d954;flex-direction:column;gap:8px}.an-expression-art.poster i{width:90px;height:17px;background:#962d44}
.an-expression-art.poster i:last-child{width:46px;height:28px;margin-left:55px}
.an-expression-art.guide{background:#e4e9eb;align-items:flex-start;padding-top:24px}.an-expression-art.guide i{width:34px;height:34px;border-radius:50%;background:#62859a}
.an-expression-art.guide i:nth-child(2){margin-top:20px}.an-expression-art.guide i:nth-child(3){margin-top:40px}
.an-model-note,.an-review-notice{padding:13px 16px;background:var(--felt-dyb,#e9e7e1);font-size:13px;line-height:1.5;border-radius:8px;margin-top:24px}
.an-pakke{margin-top:28px}.an-bil{width:calc(33.333% - 10px);height:auto;min-height:200px;max-height:none;aspect-ratio:4/5}
.an-bil img{width:100%;height:100%;object-fit:contain;background:#e7e4df}.an-bilrk{align-items:flex-start}
.an-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.an-feedback{margin-top:20px;padding:18px 0 0;border-top:1px solid var(--line);font-size:13px}
.an-feedback>label,.an-review label{display:flex;align-items:center;gap:9px;margin-top:18px}
.an-feedback>.an-small-label{display:grid;align-items:start;gap:7px}
.an-review{display:flex;gap:16px;flex-wrap:wrap}.an-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.an-metrics label{display:grid;gap:7px}
.an-statistics{display:flex;gap:24px;padding:20px 0;font-variant-numeric:tabular-nums}.an-statistics b{font-size:20px}
.an-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.an-library-card{border:1px solid var(--line);padding:0;background:white;border-radius:var(--r-kort,14px);overflow:hidden;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.an-library-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:var(--felt-dyb)}
.an-library-card span,.an-library-card small{display:block;margin:12px 16px}.an-library-card span{font-weight:700}.an-library-card small{color:var(--muted);font-size:12px}
#ads_flade button:focus-visible,#ads_flade a:focus-visible,#ads_flade summary:focus-visible{outline:3px solid var(--maerke-tekst,#D11A62);outline-offset:3px}
#ads_flade button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.an-note{line-height:1.6}.an-fejl,.an-feedback-status{overflow-wrap:anywhere}.an-feltrk .v{overflow-wrap:anywhere;min-width:0}
@media(max-width:700px){.an-top{padding:12px;gap:8px;flex-wrap:wrap}.an-top h2{font-size:16px}.an-krumme{display:none}.an-krop{padding:20px 16px 90px}.an-h1{font-size:26px}.an-steps{justify-content:space-between;gap:6px;margin-bottom:28px;font-size:10px}.an-steps span{flex-direction:column;gap:5px}.an-ideas,.an-library{grid-template-columns:1fr}.an-expressions{grid-template-columns:repeat(2,minmax(0,1fr))}.an-bil{width:100%;max-width:none}.an-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.an-bund{flex-wrap:wrap}.an-lab{flex-wrap:wrap}.an-selection>span{margin-left:0}.an-idea{padding:17px}.an-review{display:grid;gap:0}.an-feltrk{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#ads_flade *{animation:none!important;transition:none!important}}
/* The result is an image and a next action, with export fields kept within details. */
.an-calendar-lead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0;background:#ffe7f0;padding:22px 24px;border-radius:8px}.an-calendar-lead strong{font-size:16px}.an-calendar-lead p{font-size:12px;margin:6px 0 0;color:#79636c}.an-calendar-lead .an-knap{white-space:nowrap;margin:0}.an-result-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:26px}.an-result-layout .an-bilrk{display:flex;align-items:flex-start;gap:8px;margin:0}.an-result-layout .an-bil{width:100%;flex:1;min-width:0}.an-result-layout .an-bil img{width:100%;display:block}.an-result-layout .an-bil .an-image-edit{position:absolute;bottom:10px;left:10px;right:10px;background:#ffffffed;border:1px solid #ded4d8;border-radius:5px;padding:9px;font:700 12px Nunito,sans-serif;cursor:pointer;opacity:0;transition:opacity .15s}.an-bil:hover .an-image-edit,.an-bil:focus-within .an-image-edit{opacity:1}.an-result-copy{padding:10px 0;min-width:0}.an-eyebrow{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#998c92}.an-primary-copy{font-size:15px;line-height:1.8;white-space:pre-line;margin:12px 0 26px}.an-result-actions{display:flex;gap:9px;flex-wrap:wrap}.an-result-actions .an-knap{padding:12px 18px;font-size:12px}.an-meta-fields{border-top:1px solid #ece6e7;margin-top:26px;padding-top:14px;font-size:12px}.an-meta-fields summary{cursor:pointer;color:#8c7c84;margin-bottom:14px}.an-meta-fields .an-feltrk{flex-wrap:wrap}.an-meta-fields .an-vlg{font-size:10px;margin-top:14px}.an-result-layout+.an-actions{margin-top:20px}.an-pakke .an-fund{font-size:10px}.an-result-layout .an-bilrk:has(.an-bil:nth-child(3)){flex-wrap:wrap}.an-result-layout .an-bilrk:has(.an-bil:nth-child(3)) .an-bil{flex:0 0 calc(50% - 4px)}@media(max-width:650px){.an-result-layout{grid-template-columns:1fr;gap:12px}.an-calendar-lead{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.an-result-layout .an-bil .an-image-edit{opacity:1;font-size:10px;padding:6px;bottom:6px;left:6px;right:6px}.an-primary-copy{font-size:14px;margin-bottom:18px}}