.coloring-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}@media (width<=600px){.coloring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}.coloring-tile{color:var(--ink);grid-template-columns:minmax(0,1fr);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-thumb[data-started]{background-size:100% 100%;position:relative}.coloring-thumb[data-started] img{mix-blend-mode:multiply}.coloring-thumb[data-started]:after{content:"Påbörjad";background:var(--ink);color:#fff;font:600 .7rem / 1.2 var(--sans);border-radius:999px;padding:3px 8px;position:absolute;bottom:8px;left:8px}.coloring-tile:hover .coloring-thumb{box-shadow:var(--shadow-lg);transform:translateY(-3px)rotate(-.6deg)}.coloring-name{font:600 var(--step-0) / 1.3 var(--sans);letter-spacing:-.01em;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{--pick:#c62f36;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;display:grid}.cb-board-wrap{justify-self:center;width:100%;max-width:calc(71.4286svh - 100px);position:relative}.cb-board{aspect-ratio:5/7;border:1px solid var(--line);width:100%;box-shadow:var(--shadow-lg);cursor:crosshair;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;position:relative;overflow:hidden}.cb-board[data-tool=brush],.cb-board[data-tool=eraser],.cb-board[data-zoomed]{touch-action:none}@media (width>=700px){.cb-board{touch-action:none}}.cb-board[data-zoomed][data-tool=fill]{cursor:grab}@media (hover:hover){.cb-board[data-tool=brush],.cb-board[data-tool=eraser]{cursor:none}}.cb-board:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cb-stage{transform-origin:0 0;position:absolute;inset:0}.cb-stage canvas,.cb-board img{width:100%;height:100%;position:absolute;inset:0}.cb-lines{mix-blend-mode:multiply;pointer-events:none}.cb-aim{z-index:2;border:3px solid var(--ink);background:var(--c,#fff);pointer-events:none;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #fff}.cb-aim[hidden],.cb-brush[hidden]{display:none}.cb-brush{z-index:4;border:1.5px solid var(--ink);opacity:.75;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fff}.cb-ripple{z-index:4;border:3px solid var(--c);pointer-events:none;width:16px;height:16px;animation:cb-ripple .55s var(--ease-out) forwards;border-radius:50%;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 2px #fff}@keyframes cb-ripple{to{opacity:0;transform:scale(4)}}@media (prefers-reduced-motion:reduce){.cb-ripple{display:none}}.cb-error{z-index:6;border-radius:var(--radius);background:var(--card);border:1px solid var(--line-2);box-shadow:var(--shadow);color:var(--ink);font-size:var(--step--1);text-align:center;margin:0;padding:14px 16px;position:absolute;top:50%;left:12px;right:12px;translate:0 -50%}.cb-error[hidden]{display:none}.cb-zoom{z-index:5;gap:6px;display:grid;position:absolute;top:10px;right:10px}.cb-zoom button{border:1px solid var(--line-2);width:40px;height:40px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffeb;border-radius:50%;place-items:center;padding:0;display:grid}.cb-zoom button[hidden]{display:none}.cb-zoom button:disabled{opacity:.4;cursor:default}.cb-zoom svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.cb-panel{top:var(--sticky-top);gap:18px;display:grid;position:sticky}.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-tool-row[hidden]{display:none}.cb-tools .cb-undo{border:1.5px solid var(--ink);min-height:44px;color:var(--ink);margin-left:auto;padding:0 16px 0 13px;font-weight:600}.cb-tools .cb-undo .i{width:20px;height:20px}.cb-tools .cb-undo:disabled{border-color:var(--line-2);color:var(--ink-3);box-shadow:none;cursor:default}@media (width<=440px),(width>=901px){.cb-tools .cb-undo{width:44px;padding:0}.cb-tools .cb-undo span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.cb-seg{background:var(--paper-2);border-radius:999px;padding:3px;display:inline-flex}.cb-seg button{height:40px;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;position:relative}.cb-seg button .i{width:18px;height:18px}.cb-seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--ink);font-weight:650}.cb-seg button:not([data-tool=eraser])[aria-pressed=true]:after{content:"";background:var(--pick);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--card);border-radius:50%;position:absolute;top:5px;left:24px}.cb-colors{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}@media (pointer:coarse) and (width>=901px){.cb-colors{grid-template-columns:repeat(7,1fr);gap:9px}}.cb-color{aspect-ratio:1;background:var(--c);cursor:pointer;min-width:24px;transition:transform var(--dur-2) var(--ease-spring);border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 0 0 1px #00000029,inset 0 -3px 5px #0000001f}.cb-color:hover{transform:scale(1.08)}.cb-color[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000029, 0 0 0 2px var(--card), 0 0 0 4.5px var(--ink);transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.cb-color,.cb-color:hover,.cb-color[aria-pressed=true]{transition:none;transform:none}}.cb-sizes{gap:6px;display:inline-flex}.cb-size{border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;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 1.5px var(--ink)}.cb-size[aria-pressed=true] span{background:var(--pick);box-shadow:0 0 0 1px #00000040}.cb-within{border:1px solid var(--line-2);background:var(--card);height:40px;color:var(--ink-2);font:500 .85rem / 1 var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 14px 0 10px;display:inline-flex}.cb-within:before{content:"";background:var(--line-2) radial-gradient(circle at 9px 9px, #fff 6px, transparent 6.5px);width:30px;height:18px;transition:background-position var(--dur-2) var(--ease);border-radius:999px}.cb-within[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.cb-within[aria-pressed=true]:before{background:#2e7d4f radial-gradient(circle at 21px 9px,#fff 6px,#0000 6.5px)}.cb-actions{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.cb-actions .btn{width:100%}.cb-more{flex-wrap:wrap;gap:8px;display:flex}.cb-more .icon-btn{white-space:normal;max-width:100%}.cb-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:4px;padding:10px 16px 10px 10px;text-decoration:none;display:grid}.cb-card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.cb-card img{aspect-ratio:600/840;width:48px;height:auto;box-shadow:var(--shadow-sm);border-radius:4px}.cb-card strong{color:var(--red);font-weight:600;display:block}.cb-card span span{color:var(--ink-3);margin-top:2px;font-size:.86rem;display:block}.cb-card .i{color:var(--red)}.cb-note{color:var(--ink-3);margin:0;font-size:.8rem}@media (width<=900px){.cb{grid-template-columns:minmax(0,1fr);gap:16px}.cb-panel{display:contents}.cb-head{order:-2}.cb-board-wrap{order:-1;max-width:min(100%,71.4286svh - 178.571px)}.cb-panel h1{font-size:var(--step-2)}.cb-tools{bottom:calc(8px + env(safe-area-inset-bottom));z-index:6;gap:10px;padding:10px;position:sticky;box-shadow:0 12px 34px -10px #14201a59}.cb-colors{gap:5px}}@media (width>=700px) and (width<=900px){.cb-colors{grid-template-columns:repeat(20,1fr)}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.cb{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:24px}.cb-panel{gap:14px;display:grid;position:static}.cb-board-wrap{order:0;max-width:calc(71.4286svh - 17.1429px)}.cb-tools{box-shadow:none;position:static}.cb-colors{grid-template-columns:repeat(10,1fr)}}@media (width>=901px) and (height<=500px) and (orientation:landscape){.cb-board-wrap{max-width:calc(71.4286svh - 17.1429px)}.cb-panel{position:static}}@media (width<=440px){.cb-seg button{gap:5px;padding:0 10px}.cb-colors{gap:4px}}@media (width<=300px){.cb-colors{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=360px){.cb-tools{padding:8px}.cb-size{width:34px;height:34px}.cb-sizes{gap:4px}.cb-within{gap:6px;padding:0 10px 0 7px;font-size:.8rem}.cb-colors{gap:3px}.cb-seg button .i{display:none}.cb-seg button:not([data-tool=eraser])[aria-pressed=true]:after{left:4px}}.coloring-print{display:none}@media print{html.printing-coloring,html.printing-coloring body{background:#fff!important}html.printing-coloring body>:not(.coloring-print){display:none!important}html.printing-coloring .coloring-print{display:block}.coloring-print-page{box-sizing:border-box;break-after:page;break-inside:avoid;flex-direction:column;justify-content:center;align-items:center;width:210mm;height:296mm;padding:12mm 10mm;display:flex;overflow:hidden}.coloring-print-page:last-child{break-after:auto}.coloring-print-art{flex:none;width:182mm;height:254.8mm;position:relative}.coloring-print-page[data-name] .coloring-print-art{width:171mm;height:239.4mm}.coloring-print-art img{object-fit:contain;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;max-width:none;height:100%;position:absolute;inset:0}.coloring-print-paint+.coloring-print-lines{mix-blend-mode:multiply}.coloring-print-foot{width:171mm;font:12pt / 1 var(--sans);color:#1d1d1b;align-items:baseline;gap:3mm;padding-top:7mm;display:flex}.coloring-print-line{border-bottom:.3mm solid #1d1d1b;flex:1}.coloring-print-site{color:#777;font-size:8pt}}@media (pointer:coarse){.cb-zoom button,.cb-size,.cb-within,.cb-color,.cb-more .icon-btn{position:relative}.cb-zoom button:after,.cb-size:after,.cb-within:after,.cb-color:after,.cb-more .icon-btn:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}}