.rr{--ink:#28372e;--green:#315d46;font-family:ui-rounded,Trebuchet MS,Arial,sans-serif;color:var(--ink);max-width:980px;margin:auto;padding:20px;box-sizing:border-box;background:#fffdf7}.rr *{box-sizing:border-box}.rr h1{font-size:clamp(25px,4vw,37px);margin:5px 0 9px;line-height:1.15}.rr .rr-brand{letter-spacing:3px;font-size:12px;font-weight:800;color:#54785b}.rr p{line-height:1.5;margin:8px 0 16px}.rr-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:24px;align-items:start}.rr-view{border:1px solid #e4e3d9;border-radius:18px;overflow:auto;background:#fff;max-height:75vh;overscroll-behavior:contain}.rr canvas{width:100%;height:auto;display:block;touch-action:pan-x pan-y pinch-zoom;cursor:crosshair}.rr-view.rr-zoomed canvas{width:190%;max-width:none}.rr-tools{position:sticky;top:12px}.rr-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 18px}.rr button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #ccd6cd;background:#fff;color:var(--ink);border-radius:10px;padding:10px 12px}.rr button:focus-visible{outline:3px solid #253dba;outline-offset:3px}.rr button:disabled{opacity:.4;cursor:default}.rr .rr-swatch{background:var(--swatch);height:44px;min-width:0;padding:0;border:1px solid #0003;position:relative;border-radius:50%}.rr .rr-swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.rr .rr-swatch[aria-pressed=true] span{display:block;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #24392b;margin:auto}.rr-actions{display:flex;gap:8px;margin:9px 0}.rr-actions button{flex:1}.rr .rr-wide{width:100%;margin:5px 0}.rr .rr-save{background:var(--green);color:#fff;font-weight:700;border-color:var(--green)}.rr-status{font-size:14px;min-height:44px}.rr .rr-note{font-size:13px;color:#5b665f}.rr details{margin-top:15px;font-size:14px}.rr summary{cursor:pointer;padding:10px 0}.rr-access{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.rr dialog{max-width:340px;border:0;border-radius:18px;padding:25px;color:var(--ink);box-shadow:0 10px 70px #0004}.rr dialog::backdrop{background:#0006}.rr dialog h2{margin-top:0;font-size:22px}.rr-footer{font-size:12px;text-align:center;letter-spacing:1px;margin-top:18px;color:#637463}@media(max-width:640px){.rr{padding:12px}.rr-layout{display:flex;flex-direction:column;gap:10px}.rr-view{width:100%;max-height:56vh;border-radius:12px}.rr-tools{position:static;width:100%}.rr-palette{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.rr .rr-swatch{height:auto;aspect-ratio:1;min-height:0}.rr h1{font-size:26px}.rr p{margin-bottom:10px}.rr .rr-instruction{font-size:15px}.rr-status{min-height:0}.rr-actions{margin:6px 0}.rr-tools>label{font-size:14px}}@media(max-width:520px){.rr-palette{grid-template-columns:repeat(5,44px);justify-content:space-between;gap:10px 8px}.rr .rr-swatch{height:44px}.rr-view{max-height:51vh}}.rr canvas{width:min(100%,calc(75vh * 1055 / 1491));margin:auto}.rr-view.rr-zoomed canvas{width:190%;margin:0}@media(max-width:640px){.rr canvas{width:min(100%,calc(56vh * 1055 / 1491))}}@media(max-width:520px){.rr canvas{width:min(100%,calc(51vh * 1055 / 1491))}}@media(max-width:1100px)and (orientation:portrait),(max-width:640px){.rr .rr-layout{display:flex;flex-direction:column;gap:12px}.rr .rr-view{width:100%;max-height:none}.rr canvas{width:min(100%,calc(65vh * 1055 / 1491));height:auto;margin:auto}.rr .rr-tools{position:static;width:100%;max-width:520px;margin:0 auto}.rr .rr-palette{grid-template-columns:repeat(5,48px);justify-content:center;gap:10px 16px;margin:10px 0 16px}.rr .rr-swatch{width:48px;height:48px;min-height:48px}.rr .rr-status{min-height:0}}[data-raffey-app] details:has([data-access]){display:none!important}[data-raffey-app] .rr-brand,[data-raffey-app] h1,[data-raffey-app] .rr-footer{display:none!important}.rr .rr-heading{text-align:center;color:#28372e;font-family:inherit;font-size:clamp(28px,5vw,42px);line-height:1.2;margin:0 0 20px}
/*# sourceMappingURL=/cdn/shop/t/57/assets/raffey-colouring.css.map */