.coloring-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}.coloring-tile{color:var(--ink);gap:6px;text-decoration:none;display:grid}.coloring-thumb{border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease);background:#fff;border-radius:8px;display:block;overflow:hidden}.coloring-thumb img{aspect-ratio:5/7;width:100%;height:auto;display:block}.coloring-tile:hover .coloring-thumb{box-shadow:var(--shadow-lg);transform:translateY(-3px)rotate(-.6deg)}.coloring-name{font:560 1.05rem / 1.25 var(--serif);margin:8px 0 0}.coloring-tile:hover .coloring-name{color:var(--red)}.coloring-level{font:600 .72rem / 1.2 var(--sans);letter-spacing:.02em;background:var(--paper-2);color:var(--ink-2);border-radius:999px;justify-self:start;padding:3px 9px}.level-latt{color:#24553a;background:#e3efe2}.level-mellan{color:#6f4f12;background:#f6ead0}.level-detaljerad{color:#7a2328;background:#f3dddd}.cb{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;display:grid}.cb-board{aspect-ratio:5/7;border:1px solid var(--line);width:100%;max-width:calc(71.4286svh - 100px);box-shadow:var(--shadow-lg);cursor:crosshair;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:10px;justify-self:center;position:relative;overflow:hidden}.cb-board[data-tool=brush],.cb-board[data-tool=eraser]{touch-action:none}.cb-board canvas,.cb-board>img{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.cb-lines{mix-blend-mode:multiply;pointer-events:none}.cb-board>img{z-index:3;transition:opacity var(--dur-2) var(--ease)}.cb-board[data-ready]>img{opacity:0;pointer-events:none}.cb-panel{gap:18px;display:grid;position:sticky;top:96px}.cb-panel h1{font-size:var(--step-3);margin:0}.cb-panel .lead{margin:0}.cb-tools{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);gap:14px;padding:18px;display:grid}.cb-tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cb-seg{background:var(--paper-2);border-radius:999px;padding:3px;display:inline-flex}.cb-seg button{height:38px;color:var(--ink-2);font:500 .88rem / 1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.cb-seg button .i{width:17px;height:17px}.cb-seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.cb-colors{grid-template-columns:repeat(9,1fr);gap:6px;display:grid}.cb-color{aspect-ratio:1;background:var(--c);cursor:pointer;transition:transform var(--dur-2) var(--ease-spring);border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 0 0 1px #00000024,inset 0 -3px 5px #0000001f}.cb-color:hover{transform:scale(1.08)}.cb-color[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--card), 0 0 0 4px var(--ink)}.cb-sizes{gap:6px;display:inline-flex}.cb-sizes[hidden]{display:none}.cb-size{border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.cb-size span{width:var(--s);height:var(--s);background:var(--ink-2);border-radius:50%}.cb-size[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.cb-actions{gap:10px;display:grid}.cb-actions .btn{width:100%}.cb-more{flex-wrap:wrap;gap:6px 14px;display:flex}.cb-note{color:var(--ink-3);margin:0;font-size:.8rem}@media (width<=900px){.cb{grid-template-columns:1fr;gap:16px}.cb-panel{display:contents}.cb-panel>div:first-child{order:-2}.cb-board{order:-1;max-width:none}.cb-panel h1{font-size:var(--step-2)}.cb-tools{bottom:calc(8px + env(safe-area-inset-bottom));z-index:5;gap:10px;padding:10px;position:sticky;box-shadow:0 12px 34px -10px #14201a59}.cb-colors{scrollbar-width:none;gap:6px;margin:-4px -2px;padding:4px 2px;display:flex;overflow-x:auto}.cb-colors::-webkit-scrollbar{display:none}.cb-color{flex:0 0 34px;height:34px}.cb-seg button{height:34px;padding:0 11px}.cb-size{width:34px;height:34px}}.coloring-print{display:none}@media print{@page{size:A4 portrait;margin:10mm}html.printing-coloring body>:not(.coloring-print){display:none!important}html.printing-coloring body{background:#fff}html.printing-coloring .coloring-print{display:block}.coloring-print-page{break-after:page;place-items:center;height:276mm;display:grid}.coloring-print-page:last-child{break-after:auto}.coloring-print-page img{object-fit:contain;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:auto;max-width:100%;height:100%;max-height:100%}}