.tableau-app{gap:.8rem;min-width:0;display:grid}@media (width>=900px){.tableau-app{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.tableau-col{position:sticky;top:.5rem}}.tableau-col,.tableau-side{align-content:start;gap:.6rem;min-width:0;display:grid}.tableau-frame{width:min(100%, 700px, calc(62vh * var(--r,1.33)));background:var(--work);border-radius:6px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000002e}.tableau-svg{width:100%;height:100%;display:block}.tableau-shape{cursor:pointer;outline:none}.tableau-shape:focus-visible{stroke:#141414;stroke-width:3px;vector-effect:non-scaling-stroke}.tableau-ring{pointer-events:none}@media (hover:hover){.tableau-shape:hover{stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}}@media (prefers-reduced-motion:no-preference){.tableau-svg{animation:.15s ease-out tableau-in}}@keyframes tableau-in{0%{opacity:.4}}.tableau-choice{gap:.3rem;display:grid}.tableau-choice .paint-levels{flex-wrap:wrap;gap:.4rem;display:flex}.tableau-choice .chip-toggle{min-height:44px}.tableau-bar{margin:0}.tableau-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tableau-actions .btn{justify-content:center;min-height:48px}.tableau-modes .chip-toggle{min-height:44px;padding:.3rem .8rem}.tableau-start{gap:.5rem;display:grid}.tableau-start .btn{justify-content:center}.tableau-zone,.tableau-print-card,.tableau-legend-card li{scroll-margin:.5rem 0 calc(var(--tabs-h,76px) + .5rem)}@media (width<=899px){.tableau-col,.tableau-side{display:contents}.tableau-app>*>*{order:6}.tableau-app>*>.tableau-bar{order:0}.tableau-app>*>.tableau-frame{order:1}.tableau-app>*>.tableau-zone{order:2}.tableau-app>*>.tableau-actions{order:3}.tableau-app>*>.tableau-sentence,.tableau-app>*>.tableau-dots,.tableau-app>*>.tableau-start{order:4}.tableau-app>*>.tableau-choice{order:5}.tableau-app.numbers>*>.tableau-print-card{order:4}.tableau-styles{scrollbar-width:none;margin-inline:-.2rem;padding:0 .2rem .2rem;overflow-x:auto;flex-wrap:nowrap!important}.tableau-styles .chip-toggle{flex:none}}.tableau-dots{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tableau-dot{border:2px solid var(--line,#ccc);cursor:pointer;border-radius:50%;width:44px;height:44px}.tableau-empty{justify-items:start;gap:.6rem;display:grid}.abstract-offer{justify-items:start;gap:.5rem;margin-top:.8rem;display:grid}.abstract-offer p{margin:0}.abstract-from-box a{min-height:44px;line-height:44px;display:inline-block}.tableau-frame .paint-busy{color:var(--ink);text-shadow:none;inset:50% .5rem auto;transform:translateY(-50%)}.colour-title{margin:0 0 .6rem;font-size:1.4rem}.colour-app{position:relative}.pick-start{border:2px dashed var(--line);max-width:640px;margin:0 auto}.start-buttons{flex-wrap:wrap;gap:.6rem;margin:.8rem 0;display:flex}.start-buttons .btn{flex:12rem}.try{margin:.8rem 0 .4rem;font-weight:700}.examples{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.examples button{border:1px solid var(--line);width:100%;font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem;font-size:.85rem;font-weight:700;display:flex}.examples img{object-fit:cover;border-radius:6px;width:100%;height:5.5rem}.other-ways{margin-top:1rem}.other-ways summary{cursor:pointer;color:var(--ink-soft);min-height:2rem;text-decoration:underline}.other-ways ul{padding-left:1.2rem}.other-ways li{margin:.4rem 0}.code-form .hex-input{width:8rem}.drop-veil{z-index:50;pointer-events:none;background:#2626268c;place-items:center;display:grid;position:fixed;inset:0}.drop-veil p{background:var(--card);border-radius:var(--radius);padding:1rem 1.5rem;font-size:1.2rem;font-weight:700}.colour-work{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.colour-work>*{min-width:0}@media (width>=900px){.colour-work{grid-template-columns:7fr 5fr;align-items:start}.result-col{position:sticky;top:.5rem}}.photo-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pdf-nav{align-items:center;gap:.4rem;display:inline-flex}.cast-offer,.white-mode{background:var(--card);border-radius:10px;margin:0 0 .5rem;padding:.5rem .7rem}.white-mode{border:2px dashed var(--ink)}.white-mode .error{margin-top:.3rem;display:block}.photo-frame{background:var(--work);border-radius:var(--radius);justify-content:center;padding:.4rem;display:flex;position:relative}.photo{touch-action:none;cursor:crosshair;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:55vh;display:block}@media (width>=900px){.photo{max-height:calc(100vh - 8rem)}}.photo-frame.white .photo{outline:3px dashed #fff}.ring,.loupe{pointer-events:none;position:absolute}.ring{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}.loupe{z-index:5;border:3px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 2px 8px #00000073}.photo-busy{text-align:center;color:#fff;font-weight:700;position:absolute;inset:auto 0 .8rem}.view-chips{gap:.4rem;margin:.6rem 0 .3rem;display:flex}.chip-toggle{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;padding:.3rem .9rem;font-weight:700}.chip-toggle[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.result-col{align-content:start;gap:1rem;display:grid}.result-col h2{margin:0 0 .5rem;font-size:1.1rem}ul.chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.colour-chip{width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem;font-size:.8rem;display:flex}.chip-swatch{aspect-ratio:1;border:1px solid #0003;border-radius:50%;width:100%;max-width:3.4rem}.colour-chip[aria-pressed=true] .chip-swatch{box-shadow:0 0 0 3px var(--card), 0 0 0 6px var(--ink)}.chips li{position:relative}.chip-x{cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-14px;right:-12px}.chip-x span{background:var(--card,#fff);border:1px solid var(--line);width:20px;height:20px;color:var(--ink);text-align:center;border-radius:50%;font-size:.7rem;line-height:18px;box-shadow:0 1px 2px #00000026}.chip-x:hover span,.chip-x:focus-visible span{border-color:var(--ink)}.selection-actions{gap:.5rem;margin-top:.6rem;display:grid}.selection-actions .btn{width:100%;margin:0}.selection-actions .hint{margin:0}.photo-recipe .btn-primary{width:100%;margin-top:.6rem}.picked .add-sel{margin-top:.2rem}.brush-px{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2em}.making{font-weight:700}.few-tubes{margin-top:.6rem}.picked-head{align-items:flex-start;gap:.8rem;display:flex}.picked-swatch{flex:none;width:4.5rem;height:4.5rem}@media (width>=900px){.picked-swatch{width:6rem;height:6rem}}.picked .words{margin:0 0 .3rem;font-weight:700}.uniform{margin:0 0 .3rem}.uniform.ok{color:#2f6b34}.uniform.warn{color:#8a5a00}.photo-tools{justify-content:flex-end;align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:.9rem;display:flex}.round-btn{width:36px;height:36px;font:inherit;cursor:pointer;background:#fafafa;border:1px solid #8c8c8c;border-radius:50%;font-size:1.2rem;font-weight:700;line-height:1}.round-btn:disabled{opacity:.4;cursor:default}.brush-dot{border:2px solid var(--ink);box-sizing:border-box;border-radius:50%;display:inline-block}.photo-tools .brush-dot{margin:0 2px}.photo-recipe{border-top:1px solid var(--line);margin-top:1rem;padding-top:.6rem}.photo-recipe h3{margin:0 0 .4rem;font-size:1rem}.photo-recipe .pair{flex-wrap:wrap;align-items:center}.photo-recipe .recipe-diff{min-width:min-content;color:var(--ink);flex:9rem;margin:0 0 0 .4rem;font-weight:700}.recipe-tubes{margin:.5rem 0 0;padding:0;list-style:none}.recipe-tubes li{align-items:center;gap:.4rem;margin:.2rem 0;display:flex}.stale{opacity:.5}.more summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding:.55rem 0;font-weight:700}.pick-strip{display:none}@media (width<=899px){.result-col .picked{order:-1}.pick-strip{left:0;right:0;bottom:var(--tabs-h,0px);z-index:19;background:var(--card,#fff);border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:.45rem 16px;display:flex;position:fixed;box-shadow:0 -2px 8px #00000014}.pick-strip-swatch{border:1px solid #0003;border-radius:50%;flex:none;width:2.2rem;height:2.2rem}.pick-strip-words{flex:1;min-width:0;font-size:.85rem;line-height:1.25}.pick-strip .btn{white-space:nowrap;flex:none;margin:0}.colour-app .btn.small,.pick-strip .btn.small{min-height:44px}body:has(.pick-strip):has(.colour-app){padding-bottom:calc(var(--tabs-h,0px) + 4.5rem)}}@media (width<=479px){.pick-strip-words{display:none}.pick-strip{justify-content:space-between}}.chip-add .chip-swatch{border:2px dashed var(--ink-soft);color:var(--ink);background:0 0;place-items:center;font-size:1.4rem;font-weight:700;line-height:1;display:grid}.chip-add:hover .chip-swatch,.chip-add:focus-visible .chip-swatch{border-color:var(--ink)}.chips .colour-chip{min-height:44px}.paint-view{gap:1rem;min-width:0;display:grid}@media (width<=899px){.paint-view>.paint-col,.paint-view>.paint-side{display:contents}.paint-detail{order:4}.paint-legend,.paint-print{order:5}.paint-actions{order:6}.paint-view{gap:.6rem}}.paint-bg{align-items:center;gap:.5rem;min-height:44px;margin:0;display:flex}.paint-bg input{width:1.3rem;height:1.3rem}@media (width>=900px){.paint-view{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.paint-side{position:sticky;top:.5rem}}.paint-col,.paint-side{align-content:start;gap:.6rem;min-width:0;display:grid}.paint-bar{flex-wrap:nowrap;margin:0}.paint-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.paint-views,.paint-levels,.paint-paper{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.paint-views .chip-toggle,.paint-levels .chip-toggle,.paint-paper .chip-toggle{padding:.3rem .8rem}.chip-toggle[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.paint-frame{background:var(--work);border-radius:6px;width:100%;max-width:100%;max-height:60vh;margin-inline:auto;position:relative;overflow:hidden}@media (width>=900px){.paint-frame{max-height:calc(100vh - 12rem)}}.paint-frame{width:min(100%, calc(60vh * var(--r,1.5)))}@media (width>=900px){.paint-frame{width:min(100%, 760px, calc((100vh - 12rem) * var(--r,1.5)))}}.paint-img,.paint-ring,.paint-grain{width:100%;height:100%;display:block;position:absolute;inset:0}.paint-img{object-fit:contain;cursor:pointer}.paint-img.blurred{filter:blur(6px);transform:scale(1.04)}canvas.paint-img[hidden]{display:none}.paint-ring{pointer-events:none;overflow:visible}.paint-grain{pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.paint-frame.stale .paint-img{filter:grayscale(.6)opacity(.6)}.paint-busy{text-align:center;color:#fff;background:#333;border-radius:999px;width:fit-content;max-width:calc(100% - 1rem);margin:0 auto;padding:.2rem .75rem;font-weight:700;position:absolute;inset:auto .5rem .6rem}.numbers-hold{background:#fff}.numbers-svg{width:100%;height:100%;display:block}.numbers-svg .num.beside{paint-order:stroke;stroke:#fff;stroke-width:.25em}.numbers-svg .grid-line{stroke:#999;stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.paint-zone,.paint-print,.legend-list li{scroll-margin:.5rem 0 calc(var(--tabs-h,0px) + .5rem)}.paint-detail{gap:.3rem;display:grid}.paint-detail-title{margin:.2rem 0 0;font-weight:700}.paint-detail .hint,.paint-side .hint{margin:0}.paint-sentence{margin:0;font-weight:600}.paint-chips{margin:.3rem 0}@media (width<=899px){body ul.chips{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.paint-zone-head{justify-content:space-between;align-items:center;display:flex}.paint-zone h2,.paint-legend h2{margin:0;font-size:1.1rem}.paint-recipe{gap:.45rem;margin-top:.5rem;display:grid}.paint-recipe p{margin:0}.paint-recipe-head{align-items:center;gap:.7rem;display:flex}.paint-swatch{flex:none;width:3.4rem;height:3.4rem}.paint-recipe .words{font-weight:700}.paint-recipe .recipe-tubes{margin:0}.step-line{font-weight:700}.step-scale{gap:4px;margin:0;padding:0;list-style:none;display:flex}.step-scale li{border:1px solid #555;border-radius:4px;width:1.4rem;height:1.4rem}.step-scale li.on{outline:2px solid var(--ink);outline-offset:2px}.paint-recipe .btn,.wide-btn{justify-content:center;width:100%}.num-badge{border:2px solid var(--ink);border-radius:999px;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .3rem;font-size:.9rem;line-height:1;display:inline-grid}.legend-list{gap:2px;margin:.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=900px){.legend-list{max-height:22rem;overflow-y:auto}}.legend-row{width:100%;min-height:44px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.2rem .3rem;display:flex}.legend-row:hover,.legend-list li.open>.legend-row{background:#0000000f}.legend-dot{border:1px solid #0000004d;border-radius:50%;flex:none;width:1.6rem;height:1.6rem}.legend-name{flex:1;min-width:0}.legend-pct{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.legend-list .paint-recipe{padding:0 .3rem .6rem 2.4rem}.paint-print{gap:.6rem;display:grid}.paint-print .check{align-items:center;gap:.5rem;min-height:44px;display:flex}.paint-print .check input{width:1.3rem;height:1.3rem}.paint-print .link-btn,.paint-col .link-btn{min-height:44px}.paint-actions{gap:.5rem;display:grid}.paint-sheet{display:none}@media print{body.print-paint>:not(.paint-sheet){display:none!important}body.print-paint{background:#fff!important}body.print-paint .paint-sheet{color:#222;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:Nunito Variable,Nunito,Arial,sans-serif;font-size:8.5pt;display:block}.paint-sheet p,.paint-sheet li{max-width:none}.sheet-page+.sheet-page{break-before:page}.sheet-big.wide{page:wide}.sheet-title{margin:0 0 1mm;font-size:14pt}.sheet-sub{color:#555;margin:0 0 4mm;font-size:10pt}.sheet-box{margin:0 auto}.sheet-box>svg,.sheet-box>canvas,.sheet-box>.tableau-svg{width:100%;height:100%;display:block}.sheet-pair{break-inside:avoid;justify-content:center;gap:6mm;margin-bottom:4mm;display:flex}.sheet-fig{margin:0}.sheet-fig figcaption,.sheet-cap{color:#555;margin:1mm 0 0;font-size:8pt}.sheet-cap{text-align:center;font-size:9pt}.sheet-legend{grid-auto-flow:column;grid-template-rows:repeat(var(--rows,10), auto);grid-auto-columns:minmax(0,1fr);column-gap:6mm;margin:0 0 4mm;padding:0;list-style:none;display:grid}.sheet-legend li{break-inside:avoid;align-items:flex-start;gap:2mm;margin-bottom:1.2mm;display:flex}.sheet-legend b{min-width:5mm;font-size:10pt}.sheet-dot{border:.3mm solid #444;border-radius:1mm;flex:none;width:6mm;height:6mm}.sheet-foot{break-inside:avoid;justify-content:space-between;align-items:center;gap:6mm;font-size:8pt;display:flex}.sheet-foot p{margin:0}.sheet-from{flex:none;align-items:center;gap:3mm;display:flex}.sheet-qr{width:22mm;height:22mm}.sheet-legend-big{margin:0;padding:0;font-size:12pt;line-height:1.35;list-style:none}.sheet-legend-big li{break-inside:avoid;border-bottom:.2mm solid #ccc;align-items:center;gap:5mm;padding:2.5mm 0;display:flex}.sheet-legend-big b{text-align:right;flex:none;min-width:11mm;font-size:20pt}.sheet-swatch{border:.3mm solid #444;border-radius:2mm;flex:none;width:16mm;height:16mm}}@media (prefers-reduced-motion:reduce){.paint-img.blurred{transform:none}}