#collage{--cm-gap: clamp(1.2rem, 3vw, 2rem);padding:clamp(1.4rem,4vw,3rem) clamp(1rem,4vw,2.5rem) 4rem;max-width:1320px;margin:0 auto;color:var(--ink-2)}#collage .cm-topp{display:grid;gap:.6rem;margin-bottom:var(--cm-gap);max-width:44rem}#collage h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:var(--ink);margin:0;line-height:1.1}#collage .cm-ingress{color:var(--ink-3);max-width:58ch;margin:0}#collage .cm-arbeid{display:grid;gap:var(--cm-gap);grid-template-columns:1fr;align-items:start}@media(min-width:900px){#collage .cm-arbeid{grid-template-columns:minmax(0,1fr) 22rem}}#collage .cm-arkkolonne{display:grid;justify-items:center;gap:.7rem}#collage .cm-ark{position:relative;width:min(100%,calc(82svh * 2 / 3),620px);aspect-ratio:2 / 3;background:#fff;box-shadow:0 1px 2px #00000014,0 18px 48px #00000024;touch-action:none}#collage .cm-ark canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#collage #lerret{cursor:pointer}#collage #lerret.flytter{cursor:grabbing}#collage #overlegg{pointer-events:none}#collage .cm-merk{font-size:.8rem;color:var(--ink-3);margin:0;font-variant-numeric:tabular-nums}#collage .cm-panel{display:grid;gap:1rem}#collage .cm-boks{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1.1rem;display:grid;gap:.8rem}#collage .cm-boks__topp{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}#collage h2{font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0}#collage .cm-hint{font-size:.8rem;color:var(--ink-3);margin:0}#collage .cm-bank{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr));gap:.4rem;min-height:5rem;padding:.4rem;border:1px dashed var(--line-strong);border-radius:3px;transition:background .15s,border-color .15s}#collage .cm-bank.over{background:var(--surface-2);border-color:var(--ink)}#collage .cm-bank__tom{grid-column:1 / -1;align-self:center;text-align:center;font-size:.85rem;color:var(--ink-3);margin:0}#collage .cm-miniatyr{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:2px;background:var(--surface-3) center / cover no-repeat;cursor:grab}#collage .cm-miniatyr:active{cursor:grabbing}#collage .cm-miniatyr.brukt:after{content:"";position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #141414}#collage .cm-rad{display:flex;flex-wrap:wrap;gap:.5rem}#collage .cm-knapp{min-height:42px;padding:0 1rem;border-radius:100px;cursor:pointer;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font:inherit;font-size:.88rem}#collage .cm-knapp:hover:not(:disabled){border-color:var(--ink)}#collage .cm-knapp:disabled{opacity:.4;cursor:default}#collage .cm-knapp--fylt{background:var(--ink);border-color:var(--ink);color:#fff}#collage .cm-knapp--fylt:hover:not(:disabled){background:#2b2b2b}#collage .cm-knapp--stor{width:100%;min-height:54px;font-size:1rem}#collage :focus-visible{outline:2px solid var(--ink);outline-offset:2px}#collage .cm-felter{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}#collage .cm-felter button{min-height:38px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;color:var(--ink-2);font:inherit;font-size:.8rem;cursor:pointer}#collage .cm-felter button:last-child{grid-column:1 / -1}#collage .cm-felter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}#collage .cm-felter button.har-bilde:not([aria-pressed=true]):before{content:"● ";font-size:.6rem;vertical-align:.15em}#collage .cm-glider{display:grid;gap:.3rem;font-size:.85rem;color:var(--ink-2)}#collage .cm-glider span{display:flex;justify-content:space-between}#collage .cm-glider output{color:var(--ink-3);font-variant-numeric:tabular-nums}#collage .cm-glider input{width:100%;accent-color:#141414}#collage .cm-valg{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.85rem}#collage .cm-valg__navn{flex-basis:100%;color:var(--ink-2)}#collage .cm-valg label,#collage .cm-sjekk{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}#collage input[type=radio],#collage input[type=checkbox]{accent-color:#141414;width:1rem;height:1rem}#collage .cm-advarsel,#collage .cm-feil{font-size:.82rem;color:#9a4b35;margin:0}#collage .cm-advarsel[hidden]{display:none}#collage .cm-feil:empty{display:none}#collage .cm-status{font-size:.85rem;color:var(--ink-3);margin:0;min-height:1.2em;text-align:center}