/* Værtens oversigt, editor og startdialog. Bygger på farverne i brand.css. */
.ed-head { display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem;margin-bottom:1.1rem; }
.ed-head-actions { display:flex;flex-wrap:wrap;gap:.5rem; }
.ed-live { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;background:var(--kwiz-soft);border-radius:16px;padding:.8rem 1.1rem;margin-bottom:1rem; }
.ed-pin { font-family:var(--kwiz-heading-font);font-weight:700;letter-spacing:.06em;color:var(--kwiz-soft-ink);font-variant-numeric:tabular-nums; }
.ed-cards { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem; }
.ed-card { display:flex;flex-direction:column;gap:.75rem;padding:1.25rem; }
.ed-card h2 { overflow-wrap:anywhere; }
.ed-card-actions { display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:auto; }
.ed-more { position:relative;margin-left:auto; }
.ed-more summary { list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--kwiz-outline);cursor:pointer;font-weight:800; }
.ed-more summary::-webkit-details-marker { display:none; }
.ed-more-menu { position:absolute;right:0;bottom:calc(100% + 6px);z-index:4;display:grid;min-width:150px;padding:6px;background:var(--kwiz-paper);border:1px solid var(--kwiz-line);border-radius:14px;box-shadow:var(--kwiz-shadow); }
.ed-more-menu button { background:none;border:0;color:var(--kwiz-ink);text-align:left;padding:.6rem .75rem;border-radius:9px;font-weight:600; }
.ed-more-menu button:hover { background:var(--kwiz-soft); }
.ed-more-menu .ed-more-danger { color:var(--kwiz-danger); }

.ed-bar { position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--kwiz-paper);border:1px solid var(--kwiz-line);border-radius:18px;box-shadow:var(--kwiz-shadow);padding:.55rem .75rem;margin-bottom:1rem; }
.ed-bar-title { flex:1 1 220px;min-width:0; }
.ed-bar-title input { width:100%;font-family:var(--kwiz-heading-font);font-weight:700;font-size:1.25rem;color:var(--kwiz-ink);border:1px solid transparent;background:transparent;border-radius:10px;padding:.3rem .5rem; }
.ed-bar-title input:hover,.ed-bar-title input:focus { border-color:var(--kwiz-control-line);background:var(--kwiz-input); }
.ed-bar-meta { font-size:.88rem;color:var(--kwiz-muted);font-variant-numeric:tabular-nums;white-space:nowrap; }
.ed-text { color:var(--kwiz-soft-ink);padding-inline:.5rem;font-weight:700; }
.ed-text:hover { background:var(--kwiz-soft);color:var(--kwiz-soft-ink); }
.ed-grid { display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:1rem;align-items:start; }
.ed-side { position:sticky;top:84px;max-height:calc(100dvh - 100px);overflow:auto;padding:.75rem; }
.ed-list { list-style:none;margin:0;padding:0;display:grid;gap:6px; }
.ed-q { display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;background:var(--kwiz-soft);border:2px solid transparent;border-radius:13px;padding:.35rem .4rem .35rem .55rem; }
.ed-q.on { border-color:var(--kwiz-accent);background:var(--kwiz-press); }
.ed-q.drag-over { border-style:dashed;border-color:var(--kwiz-accent); }
.ed-q-sym { display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--kwiz-paper);font-weight:800;color:var(--kwiz-soft-ink); }
.ed-q-main { display:block;background:none;border:0;color:var(--kwiz-ink);text-align:left;padding:.3rem 0;min-width:0;min-height:44px; }
.ed-q-text { font-weight:700;font-size:.92rem;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere; }
.ed-q-meta { display:block;font-size:.78rem;color:var(--kwiz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ed-q-move { display:grid;gap:2px; }
.ed-q-move button { width:30px;height:21px;line-height:1;border:0;border-radius:6px;background:none;color:var(--kwiz-muted);font-size:.72rem; }
.ed-q-move button:hover:not(:disabled) { background:var(--kwiz-paper); }
.ed-q-move button:disabled { opacity:.3; }
.ed-add-q { width:100%;margin-top:.6rem; }
.ed-form { display:grid;gap:1.15rem; }
.ed-form .form-label { display:block;font-weight:800; }
.ed-form-head { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem; }
.ed-row { display:flex;flex-wrap:wrap;align-items:center;gap:.5rem; }
.ed-types { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem; }
.ed-type { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;border:2px solid var(--kwiz-control-line);border-radius:14px;background:var(--kwiz-paper);color:var(--kwiz-ink);font-weight:800;font-size:.86rem;line-height:1.15;text-align:center;padding:.4rem; }
.ed-type span { font-size:1.15rem;color:var(--kwiz-soft-ink); }
.ed-type:hover { background:var(--kwiz-soft); }
.ed-type[aria-pressed=true] { border-color:var(--kwiz-accent);background:var(--kwiz-press); }
.ed-prompt { resize:vertical;min-height:84px;font-family:var(--kwiz-heading-font);font-weight:600;font-size:1.25rem;line-height:1.3; }
.ed-err { color:var(--kwiz-danger);font-size:.88rem;font-weight:700;margin:.4rem 0 0; }
.ed-answers { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem; }
.ed-ans { display:grid;grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:8px;border-radius:16px;padding:.7rem;background:var(--ed-c);color:var(--ed-on); }
.ed-ans--0 { --ed-c:#d52f28;--ed-on:#fff; }
.ed-ans--1 { --ed-c:#1045ee;--ed-on:#fff; }
.ed-ans--2 { --ed-c:#ffd157;--ed-on:#20212a; }
.ed-ans--3 { --ed-c:#087a5f;--ed-on:#fff; }
.ed-ans.ok { outline:4px solid var(--kwiz-accent);outline-offset:2px; }
.ed-sym { display:grid;place-items:center;width:40px;height:40px;border:3px solid currentColor;border-radius:11px;font-size:1.2rem;line-height:1; }
.ed-ans input[type=text] { width:100%;min-width:0;background:#ffffff2e;border:1px solid currentColor;border-radius:10px;color:inherit;font-weight:800;padding:.5rem .65rem; }
.ed-ans input[type=text]::placeholder { color:inherit;opacity:.82; }
.ed-ans input[readonly] { background:none;border-color:transparent;font-size:1.1rem;padding-left:.2rem; }
.ed-ans-x { width:32px;height:32px;border-radius:9px;border:0;background:#0000002e;color:inherit;font-weight:800;line-height:1; }
.ed-ans-x:hover { background:#00000052; }
.ed-right { grid-column:1/-1;display:flex;align-items:center;gap:.5rem;min-height:40px;border-radius:10px;padding:.2rem .65rem;font-weight:800;font-size:.9rem;cursor:pointer;background:#00000024; }
.ed-right input { width:20px;height:20px;accent-color:#fff;margin:0;flex:none; }
.ed-ans.ok .ed-right { background:#fff;color:#20212a; }
.ed-ans.ok .ed-right input { accent-color:#1045ee; }
.ed-add-ans { border:2px dashed var(--kwiz-control-line);border-radius:16px;background:none;font-weight:800;color:var(--kwiz-soft-ink);min-height:112px; }
.ed-add-ans:hover { background:var(--kwiz-soft); }
.ed-chips { display:flex;flex-wrap:wrap;gap:.5rem;align-items:center; }
.ed-chip { min-width:58px;min-height:44px;padding:.3rem .8rem;border-radius:12px;border:2px solid var(--kwiz-control-line);background:var(--kwiz-paper);color:var(--kwiz-ink);font-weight:800;font-variant-numeric:tabular-nums; }
.ed-chip:hover { background:var(--kwiz-soft); }
.ed-chip[aria-pressed=true] { border-color:var(--kwiz-accent);background:var(--kwiz-press); }
.ed-chips input { width:96px; }
.ed-drop { display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border:2px dashed var(--kwiz-control-line);border-radius:16px;padding:.85rem 1rem; }
.ed-drop.has { border-style:solid;border-color:transparent;background:var(--kwiz-soft); }
.ed-drop--top { align-items:flex-start; }
.ed-drop strong { overflow-wrap:anywhere; }
.ed-drop-main { flex:1 1 180px;min-width:0; }
.ed-file { position:relative;overflow:hidden; }
.ed-file input { position:absolute;inset:0;opacity:0;cursor:pointer; }
.ed-file:focus-within { outline:3px solid var(--kwiz-accent);outline-offset:2px; }
.ed-reveal { position:relative;width:min(100%,360px);aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--kwiz-press); }
.ed-reveal img { width:100%;height:100%;object-fit:cover;display:block; }
.ed-tiles { position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr); }
.ed-tiles[hidden] { display:none; }
.ed-tiles i { background:var(--kwiz-blue);border:1px solid #ffffff26; }
.ed-tiles i.off { visibility:hidden; }
.ed-thumb { width:72px;height:50px;object-fit:cover;border-radius:8px; }
.ed-actions { display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;border-top:1px solid var(--kwiz-line);padding-top:1rem; }
.ed-status { font-size:.88rem;font-weight:700;color:var(--kwiz-muted);margin-left:auto; }
.ed-status.dirty { color:var(--kwiz-danger); }
.ed-pane-back { display:none; }

.ed-dialog { width:min(560px,calc(100vw - 32px));color:var(--kwiz-ink); }
.ed-dialog--wide { width:min(860px,calc(100vw - 32px)); }
.ed-dialog::backdrop { background:#14182a99; }
.ed-dialog-actions { display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;margin-top:1rem; }
.ed-stage { position:relative;aspect-ratio:16/8;max-height:44vh;width:100%;border-radius:16px;overflow:hidden;background:var(--kwiz-press);display:grid;place-items:center;text-align:center;margin-bottom:1rem; }
.ed-stage-bg { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.ed-stage-card { position:relative;display:grid;gap:.15rem;background:#fffffff2;color:#20212a;border-radius:16px;padding:.8rem 1.6rem;max-width:80%; }
.ed-stage-card h3 { font-size:clamp(1.15rem,3vw,1.8rem);overflow-wrap:anywhere;margin:0; }
.ed-stage-pin { font:700 clamp(1.2rem,3.4vw,2rem) var(--kwiz-heading-font);color:#1045ee; }
.ed-stage-note { font-size:.85rem; }
.ed-bgs { display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem; }
.ed-bg { padding:0;border:3px solid transparent;border-radius:13px;overflow:hidden;background:var(--kwiz-soft);color:var(--kwiz-ink);font-weight:800;font-size:.84rem; }
.ed-bg[aria-pressed=true] { border-color:var(--kwiz-accent); }
.ed-bg img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }
.ed-bg > span:last-child { display:block;padding:.3rem; }
.ed-bg-none { display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--kwiz-paper); }
.ed-bg-none img { width:auto;height:70%;max-height:48px;aspect-ratio:auto;object-fit:contain; }

.toast-undo { background:none;border:0;color:inherit;font-weight:800;text-decoration:underline;margin-left:.75rem; }

@media(max-width:820px){
  .ed-grid { grid-template-columns:minmax(0,1fr); }
  .ed-side { position:static;max-height:none; }
  .ed-grid[data-pane=list] .ed-main,.ed-grid[data-pane=form] .ed-side { display:none; }
  .ed-pane-back { display:inline-flex; }
  .ed-bar-meta { order:3; }
}
@media(max-width:520px){
  .ed-types { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ed-answers { grid-template-columns:minmax(0,1fr); }
  .ed-add-ans { min-height:56px; }
  .ed-prompt { font-size:1.1rem; }
  .ed-status { margin-left:0;width:100%; }
}