.qrcs-app{--qrcs-material-pattern-opacity:0.1;--qrcs-material-pattern-size:66rem;--qrcs-ink:#171a1d;--qrcs-muted:#46535d;--qrcs-line:#d9e0e6;--qrcs-ground:#f7f9fb;--qrcs-accent:#28618f;--qrcs-accent-hover:#214f75;--qrcs-accent-soft:#edf4f8;--qrcs-focus:#214f75;--qrcs-danger:#b42318;color:var(--qrcs-ink);font-family:inherit}.qrcs-app *,.qrcs-app *::before,.qrcs-app *::after{box-sizing:border-box}.qrcs-app button,.qrcs-app input,.qrcs-app select,.qrcs-app textarea{font:inherit}.qrcs-app button{cursor:pointer}.qrcs-app code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.qrcs-app h1,.qrcs-app h2,.qrcs-app h3,.qrcs-app p{margin:0}.qrcs-sr,.qrcs-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qrcs-app button:focus-visible,.qrcs-app input:focus-visible,.qrcs-app select:focus-visible,.qrcs-app textarea:focus-visible{outline:2px solid var(--qrcs-focus);outline-offset:4px}.qrcs-kicker{color:var(--qrcs-accent);font-size:1.2rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.qrcs-fallback{padding:2rem;border:1px solid var(--qrcs-line);background:#fff}.qrcs-fallback__label{color:var(--qrcs-accent);font-size:1.2rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.qrcs-fallback h2{margin-top:.35rem;font-size:2.4rem}.qrcs-fallback p:not(.qrcs-fallback__label){margin-top:.45rem;color:var(--qrcs-muted)}.qrcs-fallback__swatches{display:flex;gap:.3rem;margin-top:1.2rem}.qrcs-fallback__swatches i{width:2rem;height:.55rem;background:#d3ded5}.qrcs-fallback__swatches i:nth-child(2){background:#b8c6bd}.qrcs-fallback__swatches i:nth-child(3){background:#8ea895}.qrcs-fallback__swatches i:nth-child(4){background:#6c8373}.qrcs-fallback__swatches i:nth-child(5){background:#45584c}.qrcs-fallback__swatches i:nth-child(6){background:#26362e}.qrcs-library-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.1rem;width:min(100%, 1170px);margin:0 auto;padding:.62rem clamp(1.25rem, 3.5vw, 3.5rem);border-bottom:1px solid var(--qrcs-line);background:#fff}.qrcs-library-head>p{color:var(--qrcs-muted);font-size:1.2rem;font-weight:750}.qrcs-library-head__tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.qrcs-library-head button,.qrcs-library-foot__tabs button,.qrcs-load,.qrcs-empty button,.qrcs-dialog__actions button,.qrcs-basics-button{min-height:3.6rem;border:1px solid var(--qrcs-line);border-radius:0;background:#fff;color:var(--qrcs-ink);padding:.55rem .85rem;font-size:1.6rem;font-weight:700;line-height:1.15}.qrcs-library-head button:hover,.qrcs-library-head button:focus-visible,.qrcs-library-head button[aria-current="page"]:hover,.qrcs-library-foot__tabs button:hover,.qrcs-library-foot__tabs button:focus-visible,.qrcs-library-foot__tabs button[aria-current="page"]:hover{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-library-head__tabs button[aria-current="page"]{border-color:var(--qrcs-ink);background:var(--qrcs-ink);color:#fff}.qrcs-library-foot__tabs button[aria-current="page"]{border-color:var(--qrcs-ink);background:var(--qrcs-ink);color:#fff}.qrcs-library-head__tabs span{display:inline-grid;min-width:1.5rem;place-items:center;margin-left:.3rem;padding:.07rem .25rem;background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover);font-size:1.2rem}.qrcs-library-head__tabs button[aria-current="page"] span{background:#fff}.qrcs-library-foot__tabs span{display:inline-grid;min-width:1.5rem;place-items:center;margin-left:.3rem;padding:.07rem .25rem;background:#fff;color:var(--qrcs-accent-hover);font-size:1.2rem}.qrcs-library-foot__tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;width:fit-content;margin-top:1rem;margin-left:auto;gap:.45rem;padding-top:1rem;border-top:1px solid var(--qrcs-line)}.qrcs-main{max-width:1170px;margin:0 auto;padding:clamp(1.25rem, 3.5vw, 3.5rem);background:var(--qrcs-ground)}.qrcs-search{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;align-items:stretch;padding:clamp(1.25rem, 3vw, 2.25rem);border:1px solid #152241;background:linear-gradient(135deg,#111f43,#263b82);color:#fff;box-shadow:.7rem .7rem 0 #a9b3d2}.qrcs-search .qrcs-kicker{color:#a9c8ff}.qrcs-search h1{margin-top:.26rem;color:#fff;font-size:clamp(3.2rem, 4.4vw, 5.6rem);letter-spacing:-.065em;line-height:.96;text-shadow:0 .16rem 0 rgb(8 18 48 / .38)}.qrcs-search h1 span,.qrcs-search h1 em{display:block}.qrcs-search h1 em{margin-top:.12em;color:#b9ffd9;font-style:normal}.qrcs-search__intro>p:last-child{width:100%;max-width:none;margin-top:.85rem;color:#d5def8;font-size:1.6rem;line-height:1.45}.qrcs-search__tools{display:grid;width:100%;gap:.9rem}.qrcs-search__field{position:relative;display:block}.qrcs-search__field input{width:100%;min-height:3.6rem;padding:.55rem 7.4rem .55rem .95rem;border:1px solid #fff;border-radius:0;background:#fff;color:var(--qrcs-ink);font-size:1.6rem;font-weight:500;box-shadow:.35rem .35rem 0 #0a1330}.qrcs-search__field input::-webkit-search-cancel-button{display:none}.qrcs-search__field-actions{position:absolute;top:50%;right:.45rem;display:flex;align-items:center;gap:.25rem;transform:translateY(-50%)}.qrcs-search__field-actions button{display:grid;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:0;background:#fff0;color:var(--qrcs-accent);font-size:1.8rem;line-height:1;place-items:center}.qrcs-search__field-actions button:hover,.qrcs-search__field-actions button:focus-visible{background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-search__clear{font-size:1.8rem;font-weight:900}.qrcs-search__row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.qrcs-search__ideas{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:.45rem;color:#bdc8e9;font-size:1.2rem}.qrcs-search__ideas button{border:1px solid rgb(255 255 255 / .34);border-radius:0;background:rgb(255 255 255 / .08);color:#fff;padding:.37rem .58rem;font-size:1.2rem}.qrcs-search__ideas button:hover,.qrcs-search__ideas button:focus-visible{border-color:#8ef4d3;background:rgb(142 244 211 / .16);color:#8ef4d3}.qrcs-search__ideas button[aria-pressed="true"]{border-color:#8ef4d3;background:#8ef4d3;color:#0d1a38}.qrcs-shade-guide{margin-top:1rem;border:1px solid #a9bac1;background:#fff;box-shadow:.3rem .3rem 0 #c7d3d4}.qrcs-shade-guide summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.92rem 1rem;color:#1b3641;cursor:pointer;list-style:none}.qrcs-shade-guide summary::-webkit-details-marker{display:none}.qrcs-shade-guide summary b,.qrcs-shade-guide summary small{display:block}.qrcs-shade-guide summary b{font-size:1.6rem}.qrcs-shade-guide summary small{margin-top:.08rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-shade-guide summary i{display:grid;width:2rem;height:2rem;border:1px solid #9aacb1;color:var(--qrcs-accent-hover);font-size:1.45rem;font-style:normal;line-height:1;place-items:center}.qrcs-shade-guide[open] summary i{transform:rotate(45deg)}.qrcs-shade-guide>div{padding:0 1rem 1rem;border-top:1px solid #d2ddde}.qrcs-shade-guide>div>p{max-width:65rem;margin-top:.85rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-results,.qrcs-palette,.qrcs-official-colors{margin-top:clamp(1.75rem, 4.5vw, 3.5rem)}.qrcs-results:focus-visible{outline-offset:.75rem}.qrcs-controls{margin-top:1.35rem}.qrcs-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.95rem}.qrcs-section-heading h1,.qrcs-section-heading h2{margin-top:.2rem;font-size:clamp(1.8rem, 2.5vw, 2.4rem);letter-spacing:-.05em;line-height:1.06}.qrcs-official-colors .qrcs-section-heading h1{margin-bottom:.7rem}.qrcs-section-heading p:not(.qrcs-kicker){max-width:48rem;margin-top:.42rem;color:var(--qrcs-muted);font-size:1.6rem;line-height:1.45}.qrcs-section-heading>span{flex:0 0 auto;color:var(--qrcs-muted);font-size:1.2rem;font-weight:750}.qrcs-basics-button{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-basics-button:hover,.qrcs-basics-button:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-color-card__swatch::before,.qrcs-dialog__color::before,.qrcs-palette-card__swatch::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(135deg,rgb(255 255 255 / .22),transparent 37%,rgb(0 0 0 / .16));pointer-events:none}.qrcs-color-card__swatch::after,.qrcs-dialog__color::after,.qrcs-palette-card__swatch::after{content:"";position:absolute;z-index:0;inset:0;background-image:var(--qrcs-surface-pattern,none);background-position:center;background-repeat:repeat;background-size:var(--qrcs-material-pattern-size);mix-blend-mode:multiply;opacity:var(--qrcs-material-pattern-opacity);pointer-events:none}.qrcs-color-card__swatch>*,.qrcs-dialog__color>*,.qrcs-palette-card__swatch>*{position:relative;z-index:1}.qrcs-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;align-items:end;padding:1.05rem;border:1px solid #aebfc1;background:#dce8e4;box-shadow:.3rem .3rem 0 #bccac5}.qrcs-controls__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(3rem,auto) auto;grid-column:1 / -1;gap:.3rem .85rem;align-items:start}.qrcs-controls__reset{display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-width:0;max-width:100%;min-height:3rem;border:1px solid #8fa5aa;border-radius:0;background:#fff;color:#24434e;padding:.4rem .85rem;font-size:1.2rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}.qrcs-controls__reset:hover,.qrcs-controls__reset:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-controls__intro b{display:block;align-self:center;font-size:1.6rem;line-height:1.25}.qrcs-controls__intro span{display:block;grid-column:1 / -1;width:100%;max-width:62ch;color:var(--qrcs-muted);font-size:1.4rem;line-height:1.4}.qrcs-controls label{display:grid;gap:.35rem;color:#40555c;font-size:1.2rem;font-weight:800}.qrcs-controls select{width:100%;min-height:2.75rem;border:1px solid #91a3a5;border-radius:0;background:#fff;color:var(--qrcs-ink);padding:.45rem .55rem;font-size:1.2rem}.qrcs-controls select:hover,.qrcs-controls select:focus-visible{border-color:var(--qrcs-accent);background:#f8f9ff}.qrcs-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.qrcs-color-card{display:grid;grid-template-rows:12.7rem minmax(14rem,auto);min-width:0;overflow:visible;border:1px solid #8fa3a9;border-radius:0;background:#fff;box-shadow:.45rem .45rem 0 #b9c4c5;transition:transform 120ms ease,box-shadow 120ms ease}.qrcs-color-card:hover,.qrcs-color-card.is-selected{transform:translate(-2px,-2px);box-shadow:.65rem .65rem 0 #93a7ac}.qrcs-color-card.is-selected{border-color:var(--qrcs-accent);box-shadow:.65rem .65rem 0 #8d9df1}.qrcs-app .qrcs-color-card__swatch{position:relative;display:grid;grid-template-rows:auto minmax(3.8rem,1fr) auto auto;row-gap:.45rem;min-width:0;overflow:hidden;padding:.98rem;border:0;border-bottom:.32rem solid rgb(0 0 0 / .22);border-radius:0;background:var(--swatch);color:var(--swatch-ink);text-align:left;isolation:isolate;box-shadow:inset .22rem .22rem 0 rgb(255 255 255 / .16),inset -.22rem -.22rem 0 rgb(0 0 0 / .14)}.qrcs-color-card__swatch span{font-size:1.2rem;font-weight:850;letter-spacing:.09em;line-height:1.15;text-transform:uppercase;opacity:.86}.qrcs-color-card__swatch strong{align-self:center;display:-webkit-box;min-width:0;max-width:100%;min-height:2.36em;max-height:2.36em;overflow:hidden;color:inherit;font-size:1.8rem;letter-spacing:-.035em;line-height:1.18;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qrcs-color-card__swatch small{display:block;min-height:1.3rem;overflow:hidden;font-size:1.2rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.qrcs-color-card__swatch>code{align-self:end;display:block;min-height:1.15rem;color:inherit;font-size:1.2rem;font-weight:850;line-height:1.2;opacity:.92}.qrcs-color-card__body{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:.88rem}.qrcs-color-card__meta{min-width:0}.qrcs-color-card__meta h3{display:-webkit-box;min-height:2.3em;max-height:2.3em;overflow:hidden;font-size:1.6rem;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qrcs-color-card__meta small{display:block;overflow:hidden;margin-top:.34rem;padding-bottom:.22rem;color:var(--qrcs-muted);font-size:1.2rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.qrcs-card-codes{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,0.75fr));gap:.35rem}.qrcs-card-codes button{min-width:0;min-height:3rem;border:1px solid #aebdc1;border-radius:0;background:#f6f9f8;color:var(--qrcs-ink);padding:.36rem .4rem;display:grid;place-items:center;text-align:center}.qrcs-card-codes button:hover,.qrcs-card-codes button:focus-visible{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-card-codes code,.qrcs-card-codes span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrcs-card-codes code{font-size:1.2rem;font-weight:850}.qrcs-card-codes span{margin:0;color:var(--qrcs-muted);font-size:1.2rem;font-weight:850}.qrcs-card-codes button:first-child{display:inline-flex;align-items:center;gap:.32rem}.qrcs-card-codes button:first-child code,.qrcs-card-codes button:first-child span{display:inline;overflow:visible;margin:0;text-overflow:clip}.qrcs-color-card__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.42rem;align-items:end;margin-top:auto}.qrcs-color-card__actions button{min-width:0;min-height:3.6rem;border:1px solid var(--qrcs-ink);border-radius:0;background:var(--qrcs-ink);color:#fff;padding:.4rem .8rem;font-size:1.4rem;font-weight:600;line-height:1.1}.qrcs-color-card__actions button:last-child{background:#fff;color:var(--qrcs-ink)}.qrcs-color-card__actions button:hover,.qrcs-color-card__actions button:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-load{display:block;margin:1.3rem auto 0;box-shadow:.22rem .22rem 0 #a8b7b8}.qrcs-load:hover,.qrcs-load:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-empty{padding:1.5rem;border:1px solid #aebbbc;background:#fff;box-shadow:.35rem .35rem 0 #c0cbcb}.qrcs-empty b{font-size:1.2rem}.qrcs-empty p{margin-top:.35rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-empty button{margin-top:.9rem;background:var(--qrcs-ink);color:#fff}.qrcs-empty button+button{margin-left:.45rem}.qrcs-empty button:hover{background:var(--qrcs-accent-hover)}.qrcs-empty .qrcs-empty__secondary{border-color:#9aabb0;background:#f5f8f7;color:#1b3740}.qrcs-empty .qrcs-empty__secondary:hover,.qrcs-empty .qrcs-empty__secondary:focus-visible{background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-surface--concrete,.qrcs-surface--plaster,.qrcs-surface--stucco,.qrcs-surface--drywall,.qrcs-surface--mortar{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/concrete-overlay-v3.png)}.qrcs-surface--rock,.qrcs-surface--basalt,.qrcs-surface--granite,.qrcs-surface--limestone,.qrcs-surface--slate,.qrcs-surface--sandstone,.qrcs-surface--cobblestone,.qrcs-surface--pebble,.qrcs-surface--gravel{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/rock-overlay-v2.png)}.qrcs-surface--wood,.qrcs-surface--woodplanks,.qrcs-surface--bark,.qrcs-surface--bamboo,.qrcs-surface--plywood,.qrcs-surface--mdf,.qrcs-surface--chipboard,.qrcs-surface--laminate,.qrcs-surface--veneer,.qrcs-surface--charredwood,.qrcs-surface--driftwood,.qrcs-surface--rottenwood{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/wood-overlay-v2.png)}.qrcs-surface--metal,.qrcs-surface--foil,.qrcs-surface--chrome,.qrcs-surface--anodizedmetal,.qrcs-surface--galvanized,.qrcs-surface--stainlesssteel,.qrcs-surface--aluminum,.qrcs-surface--titanium,.qrcs-surface--brass,.qrcs-surface--pewter,.qrcs-surface--zinc,.qrcs-surface--blackenedsteel{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/brushed-metal-overlay-v2.png)}.qrcs-surface--corrodedmetal,.qrcs-surface--oxidizedmetal,.qrcs-surface--paintedmetal{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/corroded-metal-overlay-v2.png)}.qrcs-surface--sand{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/sand-overlay-v2.png)}.qrcs-surface--soil,.qrcs-surface--ground,.qrcs-surface--mud,.qrcs-surface--loam,.qrcs-surface--peat,.qrcs-surface--claysoil,.qrcs-surface--dryearth,.qrcs-surface--wetearth,.qrcs-surface--volcanicsoil{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/soil-overlay-v2.png)}.qrcs-surface--foliage,.qrcs-surface--leafygrass,.qrcs-surface--leaves,.qrcs-surface--pineneedles,.qrcs-surface--moss,.qrcs-surface--algae,.qrcs-surface--seaweed,.qrcs-surface--vines,.qrcs-surface--roots,.qrcs-surface--lichen{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/foliage-overlay-v2.png)}.qrcs-surface--fabric,.qrcs-surface--carpet,.qrcs-surface--felt,.qrcs-surface--canvas,.qrcs-surface--denim,.qrcs-surface--velvet,.qrcs-surface--linen,.qrcs-surface--wool,.qrcs-surface--nylon,.qrcs-surface--tacticalfabric{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/fabric-overlay-v2.png)}.qrcs-surface--diamondplate{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/diamond-plate-overlay-v2.png)}.qrcs-surface--brick{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/brick-overlay-v2.png)}.qrcs-surface--grass{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/grass-overlay-v2.png)}.qrcs-surface--asphalt,.qrcs-surface--pavement,.qrcs-surface--tar,.qrcs-surface--bitumen{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/asphalt-overlay-v2.png)}.qrcs-surface--marble{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/marble-overlay-v2.png)}.qrcs-surface--roofshingles,.qrcs-surface--clayrooftiles{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/roof-shingles-overlay-v2.png)}.qrcs-surface--water{--qrcs-surface-pattern:url(/wp-content/plugins/qolorio-roblox-color-studio/assets/visuals/textures/water-overlay-v2.png)}.qrcs-surface--glass{background:linear-gradient(135deg,rgb(255 255 255 / .64),rgb(255 255 255 / .08) 30%,var(--swatch,var(--material-color)) 52%,rgb(13 43 54 / .18))}.qrcs-surface--glass::before{background:linear-gradient(110deg,rgb(255 255 255 / .6) 0 14%,transparent 15% 38%,rgb(255 255 255 / .25) 39% 43%,transparent 44%)}.qrcs-surface--metal,.qrcs-surface--diamondplate,.qrcs-surface--foil,.qrcs-surface--corrodedmetal{background:linear-gradient(118deg,rgb(255 255 255 / .35),transparent 19%,rgb(0 0 0 / .16) 48%,rgb(255 255 255 / .24) 70%,transparent),var(--swatch,var(--material-color))}.qrcs-surface--neon{background:radial-gradient(circle at 26% 20%,rgb(255 255 255 / .58),transparent 15%),var(--swatch,var(--material-color));box-shadow:inset .45rem .45rem 0 rgb(255 255 255 / .22),inset -.5rem -.5rem 0 rgb(0 0 0 / .12),0 0 1rem color-mix(in srgb,var(--swatch,var(--material-color)) 55%,transparent)}.qrcs-surface--wood,.qrcs-surface--woodplanks{background:linear-gradient(140deg,rgb(255 255 255 / .18),transparent 36%,rgb(0 0 0 / .14)),var(--swatch,var(--material-color))}.qrcs-surface--rock,.qrcs-surface--granite,.qrcs-surface--concrete,.qrcs-surface--brick,.qrcs-surface--cobblestone{background:linear-gradient(140deg,rgb(255 255 255 / .14),transparent 44%,rgb(0 0 0 / .17)),var(--swatch,var(--material-color))}.qrcs-surface--ice,.qrcs-surface--glacier,.qrcs-surface--snow{background:linear-gradient(130deg,rgb(255 255 255 / .72),transparent 35%,rgb(111 165 195 / .2)),var(--swatch,var(--material-color))}.qrcs-palette-series{margin-top:1.5rem;padding:1.05rem;border:1px solid #aebfc1;background:#e4ece9;box-shadow:.32rem .32rem 0 #bccac5}.qrcs-palette-single{margin:1rem 0 5.3rem}.qrcs-palette-series__head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:.8rem;margin-bottom:1rem}.qrcs-palette-series__head h2{margin-top:.16rem;font-size:clamp(1.8rem, 2.5vw, 2.4rem);letter-spacing:-.04em}.qrcs-palette-series__tools{display:flex;align-items:center;width:100%;min-width:0;gap:1.5rem}.qrcs-palette-series__status{display:grid;grid-template-columns:max-content max-content;align-items:center;column-gap:1.5rem;min-width:0;min-height:2rem}.qrcs-palette-series__status .qrcs-export-check{display:grid;grid-template-columns:1.55rem max-content;align-items:center;gap:.85rem;min-height:2rem;margin:0;padding:0;line-height:1}.qrcs-palette-series__status .qrcs-export-check input{display:block;align-self:center;margin:0}.qrcs-palette-series__status .qrcs-export-check>span,.qrcs-palette-series__status>span{display:block;height:2rem;min-height:2rem;margin:0;padding:0;line-height:2rem}.qrcs-palette-series__status>span{color:var(--qrcs-muted);font-size:1.2rem;font-weight:800;white-space:nowrap}.qrcs-palette-series__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-left:auto}.qrcs-palette-series__head .qrcs-export-check{gap:.85rem;white-space:nowrap}.qrcs-palette-series__head button{min-height:3.6rem;border:1px solid var(--qrcs-accent);border-radius:0;background:#fff;color:var(--qrcs-accent-hover);padding:.42rem .62rem;font-size:1.6rem;font-weight:700}.qrcs-palette-series__head button:hover,.qrcs-palette-series__head button:focus-visible{background:var(--qrcs-accent-hover);color:#fff}.qrcs-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3.25rem;column-gap:1rem}.qrcs-palette-series+.qrcs-palette-grid{margin-top:.95rem}.qrcs-palette-series .qrcs-palette-grid{row-gap:1rem}.qrcs-palette-card{position:relative;min-width:0;overflow:visible;border:1px solid #8fa3a9;border-radius:0;background:#fff;box-shadow:.42rem .42rem 0 #bac7c9}.qrcs-app .qrcs-palette-card__swatch{position:relative;display:grid;grid-template-rows:auto 1fr;height:7.6rem;overflow:hidden;padding:.84rem;border-bottom:1px solid rgb(0 0 0 / .24);border-radius:0;background:var(--swatch);color:var(--swatch-ink);isolation:isolate;box-shadow:inset .35rem .35rem 0 rgb(255 255 255 / .12),inset -.4rem -.4rem 0 rgb(0 0 0 / .14)}.qrcs-palette-card__swatch.qrcs-surface--glass{color:var(--swatch-ink);text-shadow:0 .08rem .18rem rgb(0 0 0 / .38)}.qrcs-palette-card__swatch span{font-size:1.2rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.qrcs-palette-card__swatch b{align-self:end;display:-webkit-box;max-height:2.3em;overflow:hidden;font-size:1.6rem;line-height:1.14;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qrcs-palette-card__body{min-height:12.6rem;padding:.85rem}.qrcs-palette-card__body small{display:block;min-height:2.3em;margin-top:.45rem;color:var(--qrcs-muted);font-size:1.2rem;line-height:1.15;overflow-wrap:anywhere}.qrcs-palette-card__body h3{display:-webkit-box;min-height:2.3em;max-height:2.3em;margin-top:.25rem;overflow:hidden;font-size:1.8rem;font-weight:700;line-height:1.1;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qrcs-export-check{display:inline-flex;align-items:center;gap:.42rem;color:#3a505a;font-size:1.2rem;font-weight:800;line-height:1.2}.qrcs-export-check input{flex:0 0 auto;width:1.55rem;height:1.55rem;margin:0;accent-color:var(--qrcs-accent)}.qrcs-palette-codes{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,0.7fr));gap:.35rem;margin-top:.55rem}.qrcs-palette-codes button{display:inline-flex;align-items:center;justify-content:flex-start;gap:.28rem;min-width:0;min-height:3.6rem;border:1px solid #aebdc1;border-radius:0;background:#f6f9f8;color:#1c3640;padding:.34rem .38rem;font-size:1.6rem;font-weight:700}.qrcs-palette-codes button:not(:first-child){justify-content:center;text-align:center}.qrcs-palette-codes button:hover,.qrcs-palette-codes button:focus-visible{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-palette-codes code{overflow:hidden;font-size:1.4rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.qrcs-palette-codes span{flex:0 0 auto;font-size:1.2rem}.qrcs-palette-order,.qrcs-palette-group-order{display:flex;flex:0 0 auto;align-items:center;gap:.45rem}.qrcs-palette-order{position:absolute;top:calc(100% + 5px);right:0}.qrcs-palette-order button,.qrcs-palette-group-order button{display:grid;width:3.6rem;height:3.6rem;padding:0;border:1px solid #92a7ad;border-radius:0;background:#f5f8f7;color:#24424d;font-size:1.6rem;font-weight:900;place-items:center}.qrcs-palette-order .qrcs-palette-expand{display:inline-flex;width:auto;min-height:2rem;padding:.28rem .5rem;font-size:1.2rem;line-height:1.05}.qrcs-palette-order button:hover,.qrcs-palette-order button:focus-visible,.qrcs-palette-group-order button:hover,.qrcs-palette-group-order button:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-remove{position:absolute;top:.52rem;right:.52rem;display:grid;width:3.6rem;height:3.6rem;padding:0;border:1px solid rgb(255 255 255 / .72);border-radius:0;background:rgb(15 28 34 / .84);color:#fff;font-size:18px;font-weight:900;line-height:1;place-items:center}.qrcs-remove:hover,.qrcs-remove:focus-visible{border-color:var(--qrcs-danger);background:var(--qrcs-danger);color:#fff}.qrcs-exports{display:block;margin-top:1.5rem;padding:1.25rem;border:1px solid #aebfc1;background:#dce8e4;box-shadow:.4rem .4rem 0 #b8c5c1}.qrcs-exports h2{margin-top:.2rem;font-size:clamp(1.8rem, 2.5vw, 2.4rem);letter-spacing:-.04em}.qrcs-exports p:not(.qrcs-kicker){margin-top:.35rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-exports__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.2rem;align-content:start}.qrcs-exports__actions>div{display:flex;flex-wrap:wrap;gap:.4rem;align-content:start;padding:.75rem;border:1px solid #b1c1c4;background:#f7faf8}.qrcs-exports__actions>div>b{width:100%;margin-bottom:.18rem;color:#2f4a55;font-size:1.6rem}.qrcs-exports__actions button,.qrcs-import-button{min-height:3.6rem;border:1px solid #91a7ad;border-radius:0;background:#fff;color:var(--qrcs-ink);padding:.4rem .55rem;font-size:1.4rem;font-weight:700}.qrcs-import-button{display:inline-flex;align-items:center;cursor:pointer}.qrcs-exports__save,.qrcs-exports__utility{grid-column:1 / -1}.qrcs-exports__save{display:grid;gap:.5rem}.qrcs-exports__save>div{display:flex;flex-wrap:wrap;align-items:stretch;gap:.4rem}.qrcs-exports__save>div>button,.qrcs-exports__save>div>label{display:inline-flex;align-items:center;justify-content:center}.qrcs-import-button:hover,.qrcs-import-button:focus-within,.qrcs-exports__actions button:hover,.qrcs-exports__actions button:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-exports__actions>div:first-child button:first-of-type{border-color:var(--qrcs-ink);background:var(--qrcs-ink);color:#fff}.qrcs-exports__clear{color:var(--qrcs-danger);border-color:#d5aaa5}.qrcs-exports__actions .qrcs-exports__clear:hover,.qrcs-exports__actions .qrcs-exports__clear:focus-visible{border-color:var(--qrcs-danger);background:var(--qrcs-danger);color:#fff}.qrcs-exports__codes p{width:100%;margin:0 0 .35rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-code-export-options{display:flex;flex-wrap:wrap;gap:.45rem .8rem;width:100%;margin-bottom:.35rem;padding:0;border:0}.qrcs-code-export-options legend{width:100%;margin-bottom:.18rem;color:#2f4a55;font-size:1.2rem;font-weight:800}.qrcs-code-export-options label{display:inline-flex;align-items:center;gap:.35rem;color:#2f4a55;font-size:1.2rem;font-weight:800}.qrcs-code-export-options input{width:1.1rem;height:1.1rem;accent-color:var(--qrcs-accent)}.qrcs-dialog-layer{position:fixed;z-index:9999;inset:0;pointer-events:none}.qrcs-dialog-layer:not(:empty){display:grid;place-items:center;padding:1.25rem;pointer-events:auto}.qrcs-dialog-backdrop{position:absolute;inset:0;background:rgb(9 18 27 / .72)}.qrcs-dialog{position:relative;width:min(100%, 720px);max-height:min(88dvh, 860px);overflow:auto;border:1px solid #8ea2a8;border-radius:0;background:#fff;color:var(--qrcs-ink);box-shadow:.65rem .65rem 0 rgb(0 0 0 / .28);outline:0}.qrcs-dialog__close{position:absolute;z-index:3;top:.7rem;right:.7rem;display:grid;width:3.6rem;height:3.6rem;padding:0;border:1px solid color-mix(in srgb,var(--swatch-ink,#fff) 65%,transparent);border-radius:0;background:rgb(11 22 28 / .45);color:var(--swatch-ink,#fff);font-size:18px;font-weight:900;line-height:1;place-items:center}.qrcs-dialog__close:hover,.qrcs-dialog__close:focus-visible{border-color:#fff;background:var(--qrcs-accent-hover);color:#fff}.qrcs-dialog__color{position:relative;overflow:hidden;padding:1.55rem 4.4rem 1.5rem 1.25rem;border-bottom:1px solid rgb(0 0 0 / .25);background:var(--swatch);color:var(--swatch-ink);isolation:isolate}.qrcs-dialog__color span{display:block;font-size:1.2rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.qrcs-dialog__color h2{margin-top:.3rem;font-size:clamp(2.4rem, 4vw, 3.2rem);letter-spacing:-.05em;overflow-wrap:anywhere}.qrcs-dialog__hex{display:block;width:fit-content;margin-top:.55rem;color:inherit;font-size:1.6rem;font-weight:900;letter-spacing:.03em;text-shadow:0 .12rem .22rem rgb(0 0 0 / .72)}.qrcs-dialog__body{padding:1.25rem}.qrcs-dialog__back{min-height:3.6rem;margin-bottom:.9rem;border:1px solid #aabac0;border-radius:0;background:#f3f7f6;color:#1f3c49;padding:.44rem .62rem;font-size:1.6rem;font-weight:700}.qrcs-dialog__back:hover,.qrcs-dialog__back:focus-visible{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-detail-codes{display:grid;gap:.55rem;margin-bottom:1rem}.qrcs-detail-codes button{display:grid;gap:.22rem;width:100%;border:1px solid #b5c4c7;border-radius:0;background:#f8faf9;color:var(--qrcs-ink);padding:.78rem;text-align:left}.qrcs-detail-codes button:hover,.qrcs-detail-codes button:focus-visible{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft)}.qrcs-detail-codes small{color:var(--qrcs-muted);font-size:1.2rem;font-weight:800}.qrcs-detail-codes code{overflow-wrap:anywhere;font-size:1.2rem;font-weight:800}.qrcs-brick{display:grid;gap:.2rem;margin-top:0;padding:.82rem;border-left:.3rem solid var(--qrcs-accent);background:#eaf0ed;font-size:1.2rem}.qrcs-brick span,.qrcs-brick small{color:var(--qrcs-muted)}.qrcs-brick small{font-size:1.2rem}.qrcs-brick .qrcs-ramp-codes{margin-top:.5rem}.qrcs-dialog__lead{margin:0 0 1rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-ramp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.qrcs-ramp-card{display:grid;gap:.38rem;min-width:0}.qrcs-ramp-swatch{display:grid;gap:.45rem;min-height:8rem;border:1px solid rgb(0 0 0 / .18);border-radius:0;background:var(--swatch);color:var(--swatch-ink);padding:.68rem;box-shadow:inset .22rem .22rem 0 rgb(255 255 255 / .16),inset -.22rem -.22rem 0 rgb(0 0 0 / .14)}.qrcs-ramp-swatch span{font-size:1.6rem;font-weight:850;line-height:1.1}.qrcs-ramp-swatch code{align-self:end;color:inherit;font-size:1.6rem}.qrcs-ramp-codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.qrcs-ramp-codes button,.qrcs-ramp .qrcs-ramp-add{min-width:0;min-height:3.6rem;border:1px solid #8da4aa;border-radius:0;background:#f4f8f6;color:#1d3842;padding:.35rem .26rem;font-size:1.4rem;font-weight:600;text-align:center}.qrcs-dialog__actions button{font-size:1.4rem}.qrcs-ramp-codes button:hover,.qrcs-ramp-codes button:focus-visible,.qrcs-ramp .qrcs-ramp-add:hover,.qrcs-ramp .qrcs-ramp-add:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-dialog__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.05rem}.qrcs-dialog__actions button:first-child{border-color:var(--qrcs-ink);background:var(--qrcs-ink);color:#fff}.qrcs-dialog__actions button:hover,.qrcs-dialog__actions button:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-dialog__actions button.qrcs-dialog__danger{border-color:var(--qrcs-danger);background:var(--qrcs-danger);color:#fff}.qrcs-dialog__actions button.qrcs-dialog__danger:hover,.qrcs-dialog__actions button.qrcs-dialog__danger:focus-visible{border-color:#8f1c14;background:#8f1c14;color:#fff}.qrcs-dialog__top{padding:1.35rem 4.25rem 1.15rem 1.25rem;border-bottom:1px solid var(--qrcs-line);background:#f3f7f6}.qrcs-dialog__top h2{margin-top:.2rem;font-size:clamp(1.8rem, 2.5vw, 2.4rem);letter-spacing:-.05em}.qrcs-dialog__top>p:not(.qrcs-kicker){max-width:50rem;margin-top:.35rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-codebook-search{display:block;margin:1.2rem 0 1.5rem}.qrcs-codebook-search input{width:min(100%, 32rem);min-height:3.6rem;border:1px solid #aebdc1;border-radius:0;background:#fff;padding:.48rem .6rem;font-size:1.6rem}.qrcs-codebook-table{overflow:auto}.qrcs-codebook-table table{width:100%;min-width:1060px;border-collapse:collapse}.qrcs-codebook-table th{position:sticky;top:0;z-index:1;background:#dce8e4;color:#435a60;font-size:1.2rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.qrcs-codebook-table th,.qrcs-codebook-table td{padding:.76rem .85rem;border-bottom:1px solid #d0dada;vertical-align:middle}.qrcs-codebook-table tr:hover td{background:#f3f6ff}.qrcs-codebook-table td:first-child{white-space:nowrap}.qrcs-codebook-table td>i{display:inline-block;width:3.6rem;height:3.6rem;margin-right:2rem;border:1px solid rgb(0 0 0 / .18);background:var(--swatch);box-shadow:inset .2rem .2rem 0 rgb(255 255 255 / .18),inset -.18rem -.18rem 0 rgb(0 0 0 / .14);vertical-align:middle}.qrcs-codebook-table td:first-child>span{display:inline-block;vertical-align:middle}.qrcs-codebook-table b,.qrcs-codebook-table small{display:block}.qrcs-codebook-table b{font-size:1.6rem}.qrcs-codebook-table small{margin-top:.05rem;color:var(--qrcs-muted);font-size:1.2rem}.qrcs-codebook-table td button{display:flex;align-items:center;gap:.55rem;width:100%;min-height:3.6rem;border:1px solid #aebcc1;border-radius:0;background:#fff;color:var(--qrcs-ink);padding:.45rem .52rem;text-align:left}.qrcs-codebook-table td button:hover,.qrcs-codebook-table td button:focus-visible{border-color:var(--qrcs-accent);background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-codebook-table td button code{overflow:hidden;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap}.qrcs-codebook-table td button span{flex:0 0 auto;color:var(--qrcs-accent);font-size:1.2rem;font-weight:700}.qrcs-codebook-actions{display:grid;gap:.45rem;min-width:16rem}.qrcs-codebook-actions button{min-height:3.6rem;font-size:1.4rem;font-weight:600;justify-content:center;text-align:center}.qrcs-codebook-actions button:first-child{border-color:var(--qrcs-ink);background:var(--qrcs-ink);color:#fff}.qrcs-codebook-actions button:first-child:hover,.qrcs-codebook-actions button:first-child:focus-visible{border-color:var(--qrcs-accent-hover);background:var(--qrcs-accent-hover);color:#fff}.qrcs-toast{position:fixed;z-index:10000;bottom:max(1.25rem, env(safe-area-inset-bottom));left:50%;max-width:min(90vw, 440px);padding:.75rem .95rem;border:1px solid #05080a;border-radius:0;background:#17191f;box-shadow:.3rem .3rem 0 rgb(0 0 0 / .26);color:#fff;font-size:1.2rem;font-weight:750;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity 160ms ease,transform 160ms ease}.qrcs-toast.is-visible{opacity:1;transform:translate(-50%,0)}@media (min-width:951px){.qrcs-palette,.qrcs-official-colors{margin-top:0}}@media (max-width:950px){.qrcs-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.qrcs-controls__intro{grid-column:1 / -1}.qrcs-controls__intro span{margin-block:5px}.qrcs-palette-series__tools{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}.qrcs-palette-series__actions{width:100%;margin-left:0;justify-content:flex-end}}@media (min-width:761px) and (max-width:950px){.qrcs-color-card__actions{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(3.6rem,auto))}}.qrcs-palette-filter{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(12rem,0.7fr);gap:.75rem;margin:0 0 1.35rem;padding:.9rem;border:1px solid #afc0c4;background:#fff;box-shadow:.26rem .26rem 0 #c4d0d0}.qrcs-palette-filter__control{display:grid;gap:.32rem;min-width:0}.qrcs-palette-filter__control>label{color:#2a4751;font-size:1.6rem;font-weight:800}.qrcs-palette-filter input,.qrcs-palette-filter select{min-width:0;min-height:3.6rem;border:1px solid #9fb3b8;border-radius:0;background:#f9fbfa;color:var(--qrcs-ink);padding:.45rem .58rem;font-size:1.6rem}.qrcs-palette-filter input{font-weight:400}.qrcs-palette-search__field{position:relative}.qrcs-palette-search__field input{width:100%;padding-right:3.25rem}.qrcs-palette-search__field input::-webkit-search-cancel-button{display:none}.qrcs-palette-search__clear{position:absolute;top:50%;right:.3rem;display:grid;width:2.8rem;height:2.8rem;padding:0;border:0;border-radius:0;background:#fff0;color:var(--qrcs-accent);font-size:1.8rem;font-weight:900;line-height:1;transform:translateY(-50%);place-items:center}.qrcs-palette-search__clear:hover,.qrcs-palette-search__clear:focus-visible{background:var(--qrcs-accent-soft);color:var(--qrcs-accent-hover)}.qrcs-palette-filter select{font-weight:600}.qrcs-exports__save>p{max-width:52rem}.qrcs-import-button{position:relative;box-sizing:border-box;min-height:3.6rem}.qrcs-import-button input[type="file"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.qrcs-share-data{width:100%;margin-top:.25rem;border-top:1px solid #c1ced0;padding-top:.55rem}.qrcs-share-data summary{color:#24434e;cursor:pointer;font-size:1.4rem;font-weight:850}.qrcs-share-data p{max-width:50rem}.qrcs-share-data label{display:grid;gap:.32rem;margin-top:.65rem;color:#2a4751;font-size:1.2rem;font-weight:800}.qrcs-share-data textarea{width:100%;resize:vertical;border:1px solid #9fb3b8;border-radius:0;background:#fff;color:var(--qrcs-ink);padding:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem}.qrcs-share-data button{margin-top:.55rem}.qrcs-dialog__lead{margin-bottom:2rem;font-size:1.6rem}.qrcs-ramp{gap:1rem}.qrcs-ramp-swatch span{font-size:1.6rem}.qrcs-ramp-swatch code{font-size:1.6rem}.qrcs-share-data summary{display:inline-flex;align-items:center;gap:.42rem}.qrcs-share-data summary::after{content:"⌄";display:inline-grid;width:2.4rem;height:2.4rem;border:1px solid #8fa5aa;color:#284651;font-size:1.5rem;line-height:1;place-items:center;transition:transform 160ms ease}.qrcs-share-data[open] summary::after{transform:rotate(180deg)}.qrcs-exports__save>div>button,.qrcs-exports__save>div>.qrcs-import-button{height:3.6rem;min-height:3.6rem;line-height:1.15}.qrcs-dialog__color,.qrcs-dialog__color h2,.qrcs-dialog__color span{color:var(--swatch-ink,#fff)}.qrcs-dialog__color h2{text-shadow:0 .12rem .24rem rgb(0 0 0 / .72)}@media (max-width:760px){.qrcs-main{padding:1rem .9rem 2.25rem}.qrcs-library-head{padding:.6rem .9rem}.qrcs-library-head>p{display:none}.qrcs-library-head__tabs,.qrcs-library-foot__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0}.qrcs-library-head__tabs button,.qrcs-library-foot__tabs button{width:100%}.qrcs-library-head__tabs button:last-child,.qrcs-library-foot__tabs button:last-child{grid-column:1 / -1}.qrcs-search{gap:1.1rem;padding:1.1rem;box-shadow:.4rem .4rem 0 #a9b3d2}.qrcs-search h1{font-size:clamp(3rem, 11vw, 4.2rem)}.qrcs-official-colors .qrcs-section-heading h1{margin-bottom:1rem}.qrcs-search__row{display:grid}.qrcs-section-heading,.qrcs-palette-series__head{align-items:start}.qrcs-section-heading{flex-direction:column}.qrcs-basics-button{width:100%}.qrcs-controls{grid-template-columns:1fr 1fr}.qrcs-controls__intro{grid-column:1 / -1}.qrcs-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.qrcs-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:3rem}.qrcs-color-card{grid-template-rows:10.8rem minmax(20rem,auto);box-shadow:.28rem .28rem 0 #b9c4c5}.qrcs-color-card__body{gap:1rem;padding:.68rem}.qrcs-color-card__meta small{margin-bottom:5px}.qrcs-color-card__actions{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(2.55rem,auto));align-content:end;padding-top:.35rem}.qrcs-color-card__actions button{min-height:3.6rem}.qrcs-palette-series__actions{width:100%;justify-content:flex-end}.qrcs-palette-filter{grid-template-columns:1fr}.qrcs-exports__actions{grid-template-columns:1fr}.qrcs-ramp{grid-template-columns:repeat(2,minmax(0,1fr))}.qrcs-dialog-layer:not(:empty){padding:.65rem}.qrcs-dialog{width:100%;max-height:calc(100dvh - 1.3rem)}.qrcs-dialog__body{padding:1rem}.qrcs-toast{bottom:max(0.75rem, env(safe-area-inset-bottom));width:min(calc(100vw - 1.5rem), 440px);max-width:none}}@media (max-width:511px){.qrcs-palette-series__actions{flex-direction:column;align-items:flex-end}.qrcs-color-card{grid-template-rows:12.1rem minmax(22rem,auto)}.qrcs-color-card__body{gap:1rem}.qrcs-card-codes{grid-template-columns:1fr 1fr}.qrcs-card-codes button:first-child{grid-column:1 / -1}.qrcs-card-codes button{min-height:3.6rem}.qrcs-palette-codes{grid-template-columns:1fr 1fr}.qrcs-palette-codes button:first-child{grid-column:1 / -1}.qrcs-dialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.qrcs-dialog__actions button{width:100%;min-height:3.6rem}.qrcs-dialog__actions button:last-child{grid-column:1 / -1}}@media (min-width:512px) and (max-width:528px){.qrcs-color-card{grid-template-rows:12.1rem minmax(20rem,auto)}}@media (max-width:390px){.qrcs-controls{grid-template-columns:1fr}.qrcs-color-card{grid-template-rows:12.1rem minmax(22rem,auto)}.qrcs-palette-grid{grid-template-columns:1fr}.qrcs-ramp{grid-template-columns:1fr}}@media (max-width:359px){.qrcs-color-grid{grid-template-columns:1fr}.qrcs-color-card{grid-template-rows:12.7rem minmax(22rem,auto)}}@media (prefers-reduced-motion:reduce){.qrcs-app *,.qrcs-app *::before,.qrcs-app *::after{scroll-behavior:auto;animation-duration:0.001ms;animation-iteration-count:1;transition-duration:0.001ms}}.qrcs-color-card{grid-template-rows:12.7rem auto}.qrcs-color-card__body{gap:.65rem}.qrcs-color-card__actions{margin-top:0}.qrcs-card-codes button,.qrcs-card-codes button:first-child,.qrcs-palette-codes button{display:inline-flex;align-items:center;justify-content:center;text-align:center}@media (max-width:760px){.qrcs-color-card{grid-template-rows:10.8rem auto}}@media (max-width:511px){.qrcs-color-card{grid-template-rows:12.1rem auto}}