.demo[data-v-1fbaf8af]{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-ark);display:grid;grid-template-columns:92px 360px minmax(0,1fr);height:640px;overflow:hidden}.demo-rail[data-v-1fbaf8af]{align-items:stretch;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:14px;padding:18px 9px}.demo-logo[data-v-1fbaf8af]{display:flex;justify-content:center}.demo-rail-gruppe[data-v-1fbaf8af]{background:var(--paper);border:1px solid var(--border);border-radius:10px;gap:4px;padding:6px 4px}.demo-rail-fil[data-v-1fbaf8af],.demo-rail-gruppe[data-v-1fbaf8af]{display:flex;flex-direction:column}.demo-rail-fil[data-v-1fbaf8af]{align-items:center;border-bottom:1px solid var(--border);gap:6px;margin-bottom:4px;padding:4px 2px 10px}.demo-rail-miniatyr[data-v-1fbaf8af]{border-radius:2px;box-shadow:0 0 0 1px var(--border),0 1px 3px #19191814;width:36px}.demo-rail-filnavn[data-v-1fbaf8af]{color:var(--ink);font-size:.68rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-rail-knapp[data-v-1fbaf8af]{align-items:center;background:none;border:none;border-radius:8px;color:var(--ink-subtle);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:.72rem;font-weight:600;gap:5px;line-height:1.2;padding:10px 2px 8px;transition:color .12s ease,background-color .12s ease}.demo-rail-knapp[data-v-1fbaf8af]:hover{color:var(--ink)}.demo-rail-knapp.aktiv[data-v-1fbaf8af]{background:#fff;box-shadow:var(--shadow-sm);color:var(--accent)}.demo-panel[data-v-1fbaf8af]{border-right:1px solid var(--border);overflow-y:auto;padding:24px 26px}.demo-kontekst[data-v-1fbaf8af]{color:var(--ink-subtle);font-size:.86rem;font-weight:600;margin:0 0 4px}.demo-tittel[data-v-1fbaf8af]{font-size:1.4rem;margin-bottom:4px}.demo-gruppe[data-v-1fbaf8af]{color:var(--ink-subtle);display:block;font-size:.78rem;font-weight:700;letter-spacing:.07em;margin:22px 0 10px;text-transform:uppercase}.demo-to-felt[data-v-1fbaf8af]{display:grid;gap:12px;grid-template-columns:1fr 1fr}.demo-profil[data-v-1fbaf8af]{min-height:150px}.demo-farge-navn[data-v-1fbaf8af]{font-weight:600;margin-left:4px}.demo-farge-navn[data-v-1fbaf8af],.demo-ingress[data-v-1fbaf8af]{color:var(--ink-muted);font-size:.92rem}.demo-ingress[data-v-1fbaf8af]{margin:6px 0 0}.demo-etikett[data-v-1fbaf8af]{display:block;font-size:.9rem;font-weight:600}.demo-deler[data-v-1fbaf8af]{border-top:1px solid var(--border);list-style:none;margin:0;padding:0}.demo-del[data-v-1fbaf8af]{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;min-height:46px;padding:6px 2px}.demo-del-navn[data-v-1fbaf8af]{flex:1;font-size:.94rem;font-weight:600}.demo-del-meta[data-v-1fbaf8af]{color:var(--ink-subtle);font-size:.82rem}.demo-del-fjern[data-v-1fbaf8af]{color:var(--ink-subtle);font-size:.86rem;font-weight:600;padding:4px 6px}.demo-slett[data-v-1fbaf8af]{align-items:center;border:1px solid var(--border-strong);border-radius:10px;color:var(--red-700);display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;margin-top:6px;padding:10px 16px}.demo-maler[data-v-1fbaf8af]{display:grid;gap:18px 14px;grid-template-columns:1fr 1fr;padding-bottom:8px}.demo-mal[data-v-1fbaf8af]{background:none;border:none;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);gap:8px;padding:0;text-align:left}.demo-mal-ark[data-v-1fbaf8af]{border-radius:5px;box-shadow:0 0 0 1px var(--border),0 2px 8px #1919180f;display:block;overflow:hidden;transition:box-shadow .14s ease,transform .14s ease}.demo-mal:hover .demo-mal-ark[data-v-1fbaf8af]{transform:translateY(-2px)}.demo-mal.aktiv .demo-mal-ark[data-v-1fbaf8af]{box-shadow:0 0 0 2px var(--ink),0 6px 16px #1919181a}.demo-mal-tekst[data-v-1fbaf8af]{align-items:baseline;display:flex;gap:6px;justify-content:space-between;padding:0 2px}.demo-mal-navn[data-v-1fbaf8af]{font-size:.9rem;font-weight:600}.demo-mal.aktiv .demo-mal-navn[data-v-1fbaf8af]{font-weight:700}.demo-mal-meta[data-v-1fbaf8af]{color:var(--ink-subtle);font-size:.78rem;white-space:nowrap}.demo-mal-meta .anbefalt[data-v-1fbaf8af]{margin-right:4px}.demo-visning[data-v-1fbaf8af]{background:var(--surface-sand);display:flex;justify-content:center;overflow:hidden;padding-top:32px;position:relative}.demo-ark[data-v-1fbaf8af]{align-self:flex-start;flex-shrink:0;transition:width .16s ease}.demo-ark[data-v-1fbaf8af],.demo-verktoy[data-v-1fbaf8af]{box-shadow:var(--shadow-ark)}.demo-verktoy[data-v-1fbaf8af]{align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;bottom:20px;display:flex;gap:18px;left:50%;padding:8px 8px 8px 18px;position:absolute;transform:translate(-50%);white-space:nowrap}.demo-side[data-v-1fbaf8af]{color:var(--ink-subtle);font-size:.9rem;font-weight:600}.demo-zoom[data-v-1fbaf8af]{align-items:center;display:flex;gap:2px}.zoom-knapp[data-v-1fbaf8af]{align-items:center;background:none;border:none;border-radius:8px;color:var(--ink);cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:30px}.zoom-knapp[data-v-1fbaf8af]:hover{background:var(--surface-warm)}.zoom-verdi[data-v-1fbaf8af]{font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:48px;text-align:center}.demo[data-v-1fbaf8af]{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-ark.bytter[data-v-1fbaf8af]{opacity:.35}.demo-ark[data-v-1fbaf8af]{transition:width .16s ease,opacity .2s ease}.input.demo-fokus[data-v-1fbaf8af],.textarea.demo-fokus[data-v-1fbaf8af]{border-color:var(--accent);box-shadow:0 0 0 3px #b4532a21,0 1px 2px #1919180d}.peker[data-v-1fbaf8af]{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:transform .76s cubic-bezier(.45,.05,.2,1),opacity .25s ease;z-index:5}.peker.synlig[data-v-1fbaf8af]{opacity:1}.peker svg[data-v-1fbaf8af]{display:block;filter:drop-shadow(0 2px 3px rgba(25,25,24,.25));margin:-2px 0 0 -2px;position:relative}.peker-klikk[data-v-1fbaf8af]{border:2px solid var(--accent);border-radius:50%;height:28px;left:-14px;opacity:0;position:absolute;top:-14px;width:28px}.peker-klikk.aktiv[data-v-1fbaf8af]{animation:klikk-1fbaf8af .48s ease-out}@keyframes klikk-1fbaf8af{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.farger[data-v-1fbaf8af]{display:flex;gap:12px}.farge[data-v-1fbaf8af],.farger[data-v-1fbaf8af]{align-items:center}.farge[data-v-1fbaf8af]{background:var(--farge);border:none;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:transform .12s ease,box-shadow .12s ease;width:34px}.farge[data-v-1fbaf8af]:hover{transform:scale(1.08)}.farge.aktiv[data-v-1fbaf8af]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--farge)}@media(max-width:1120px){.demo[data-v-1fbaf8af]{grid-template-columns:86px 300px minmax(0,1fr)}}@media(max-width:920px){.demo[data-v-1fbaf8af]{grid-template-columns:1fr;height:auto}.demo-rail[data-v-1fbaf8af]{align-items:center;border-bottom:1px solid var(--border);border-right:none;flex-direction:row;padding:10px 12px}.demo-rail-gruppe[data-v-1fbaf8af]{flex:1;flex-direction:row;padding:4px}.demo-rail-knapp[data-v-1fbaf8af]{flex:1}.demo-rail-fil[data-v-1fbaf8af]{display:none}.demo-panel[data-v-1fbaf8af]{border-bottom:1px solid var(--border);border-right:none;max-height:420px}.demo-visning[data-v-1fbaf8af]{height:520px;padding:24px 16px 0}.demo-ark[data-v-1fbaf8af]{max-width:100%}.demo-verktoy[data-v-1fbaf8af]{gap:10px;padding-left:12px}.demo-zoom[data-v-1fbaf8af]{display:none}}@media(max-width:520px){.demo-to-felt[data-v-1fbaf8af]{gap:0;grid-template-columns:1fr}.demo-side[data-v-1fbaf8af]{display:none}}