@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAWUAA4AAAAABvAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEABEdQT1MAAAFcAAAAHgAAAB5EdEx1R1NVQgAAAXwAAAAnAAAAKLj8uOpPUy8yAAABpAAAAFUAAABgYo+sRGNtYXAAAAH8AAAAQgAAAFxB0OJbZ2FzcAAAAkAAAAAIAAAACAAAABBnbHlmAAACSAAAAT0AAAFaNhXKIGhlYWQAAAOIAAAANgAAADYqgLJdaGhlYQAAA8AAAAAfAAAAJBAY8MdobXR4AAAD4AAAABkAAAAiEYUB02xvY2EAAAP8AAAAFAAAABQBUAHKbWF4cAAABBAAAAAcAAAAIAAjAQBuYW1lAAAELAAAARoAAAJuNApRAXBvc3QAAAVIAAAASwAAAF2B645zAAEAAAAMAAAAAAAAAAIAAQABAAMAAQAAAAEAAAAKABwAHAABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZGBg4GJQA0ImFzefEAahnMSSPAY+BhBgARH//4NIAFpJBVUAeNotxbENQEAYhuH3/87hwhA3g1KvEANQGcAoKolJJKLR2AwJT/OQaLIFD5o1AN23jVRWgwofnF4JkAHi1zctXMS4u+NOwW0WIrYCqNQJRPIH7S0K2QAAAHjaY2BgYAJiZiAWAZKMYJqFwQNI8zFwAOXYGBQYHBkWMBxkZFLY8v8/UByF///J/wP/U/87/me8HwTUjQIAZb8SQgAAAAEAAf//AA942mJgAvQ4zXARx1H8vd8x2zx8riX/lW3btt2SzS3M7VN7t4Qte7q2ptx++sVnvy9UABBHogURyAAUCgcFUiWOxjTcMzbhnHGKaA2NZJ5O+tLJHDopA0s6GaCSqZwYJ2RE+Bz3GdfwMKozLh81XV3R+VT0wwyT6WdDtEk0gAB0T2Yywu5/ff2/Lqe1XfrB2/RG8sgJuEAQgJOC51iNSimVqXieCXd1cZYxLoovlro4uzLhvMDYEpVSw7G8oPLGVceU6KR8cYF4vK12yLbUcE7CjS2WxRlpRViAsR3J/RNiaRoeeAcJybFcWXN7pUadlJHkqYpJT4yMLA/rrXbwswNAlJACvCePIKKJwMhQ0jC4TQq2tmgKO6QUT4gOrCg6hkIQGKmUItiJlhcXy6PFhYkJhUSXlJSWmAhmxutO9wAAAAABAAAAAQLRsUtkZV8PPPUADwPoAAAAAN9+te8AAAAA3362EvlE/vcTHAOxAAAABgACAAAAAAAAeNpjYGRgYN72n42BgSnrp8t7P2EZoAgq4AAAe9wE3gB42mPKYogAYjkkzADFMgwMjKwM8wFSaARoAAAAAAAAFQAuADoARgBGAEYAiACWAK142mNgZGBg4GTIZ2Bn6GfgAvMQgIOBEQAZTQEkeNqNkQVOREEQRB/uxIPEfgR3d3d3iKHr7rvhWpyCQ3AYKpN1T6emvbvSA7TjpImG5g7gt2E3bTcw2DCcthvpbehP201s8pe2mxnnJ2238Mhb2m5llOW03SsL3MQlYWKsMyOJYSOKR5G47GnBg186RBSX8jcccylE+ZQfwEFQlVfKB4Up7hVxkVDPJ1Ge5UXNDOWxmGOaWeYkG1hms5NPEtIh3HjMLItRkqZyVVgUVphiCbvwxVjJbiu73Sranr/thSPOpOtkXuRV3nkghPk2N3PhNrl5ZoV5WY+41WGV9E/lcb4lKu1Vxma698w93ObiMXON4j9y4TEVCb6YVleIgKIpTfCkX+X4JIgrz5rBWcIikGYx9g9ueGIvAAB42mNgYgCD/3MYjIAUIwM64ARiFYaTjEwMzIzMjCyMrIxsbI5JRallqeyleZkGBo4GINrIwMmEMzG5tCQ1OT83CSxjbGAGANg9D2UA)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fragment-mono-latin-ext-400-normal-BbKYyvR9.woff2)format("woff2"),url(./fragment-mono-latin-ext-400-normal-CT4YFKeK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fragment-mono-latin-400-normal-yxdJ5AmL.woff2)format("woff2"),url(./fragment-mono-latin-400-normal-BYwT3kSJ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:oklch(97.5% .008 85);--paper-sunk:oklch(94.8% .011 85);--paper-raised:oklch(99% .005 85);--grid:oklch(93% .013 82);--rule:oklch(86% .013 80);--rule-strong:oklch(30% .012 70);--ink:oklch(24% .012 70);--text-2:oklch(43% .012 70);--text-3:oklch(52% .012 70);--accent:oklch(56% .19 33);--accent-ink:oklch(98.5% .01 60);--accent-text:oklch(50% .17 33);--scrim:oklch(17% .008 70/.97);--font-sans:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--font-mono:"Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--gutter:clamp(16px, 3vw, 40px);--z-sticky:10;--z-overlay:20;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:oklch(20.5% .006 70);--paper-sunk:oklch(17.5% .006 70);--paper-raised:oklch(23.5% .007 70);--grid:oklch(23.5% .007 70);--rule:oklch(33% .008 70);--rule-strong:oklch(82% .01 85);--ink:oklch(93% .012 85);--text-2:oklch(76% .01 80);--text-3:oklch(66% .01 80);--accent:oklch(70% .16 38);--accent-ink:oklch(20% .02 40);--accent-text:oklch(76% .14 40);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:var(--text-base) / 1.5 var(--font-sans);font-kerning:normal;-webkit-font-smoothing:antialiased;margin:0}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}code,.mono{font-family:var(--font-mono);font-variant-ligatures:none;font-size:.8125rem}h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dim{color:var(--text-2)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);font-weight:600;font-stretch:125%}.masthead{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);padding:var(--space-md) var(--gutter);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.brand{align-items:baseline;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;min-width:0;display:flex}.wordmark{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:750;font-stretch:125%;text-decoration:none}.wordmark svg{vertical-align:-4px;width:20px;height:20px;margin-right:var(--space-xs)}.tagline{font-size:var(--text-sm);color:var(--text-2)}.masthead-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.notice{padding:var(--space-xs) var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper-sunk);color:var(--accent-text);font-size:var(--text-sm);margin:0}.button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);border:1px solid var(--rule-strong);font-size:var(--text-sm);white-space:nowrap;transition:background-color .12s var(--ease-out), color .12s var(--ease-out);background:0 0;border-radius:2px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--paper-sunk)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){background:color-mix(in oklch, var(--accent) 88%, var(--ink))}.button:disabled,.button.primary:disabled{border-color:var(--rule);color:var(--text-3);cursor:not-allowed;background:0 0}.text-link{font-size:var(--text-sm);padding:var(--space-xs) 0;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}button.inline{color:inherit;text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset label{cursor:pointer}fieldset label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.control{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.seg{border:1px solid var(--rule);background:var(--paper-raised);border-radius:2px;flex-wrap:wrap;display:inline-flex}.seg label{align-items:center;gap:var(--space-xs);min-height:34px;padding:0 var(--space-sm);border:0;border-right:1px solid var(--rule);color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;background:0 0;display:inline-flex}.seg label:last-child{border-right:0}.seg label:hover{color:var(--ink);background:var(--paper-sunk)}.seg label.on{background:var(--ink);color:var(--paper)}.swatch{outline:1px solid color-mix(in oklch, var(--ink) 20%, transparent);display:inline-flex}.swatch i{width:6px;height:14px;display:block}.ratio{border:1.5px solid;border-radius:1px;display:inline-block}.fields{align-items:end;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.field{gap:var(--space-2xs);flex-direction:column;flex:140px;min-width:0;display:flex}.field input{min-height:38px;padding:0 var(--space-sm);border:1px solid var(--rule);background:var(--paper-raised);font-size:var(--text-sm);border-radius:2px}.field input:hover{border-color:var(--text-3)}details.more summary{align-items:center;gap:var(--space-xs);width:fit-content;font-size:var(--text-sm);color:var(--text-2);padding:var(--space-2xs) 0;list-style:none;display:flex}details.more summary::-webkit-details-marker{display:none}details.more summary:before{content:"+";font-family:var(--font-mono);width:1ch}details.more[open] summary:before{content:"−"}details.more summary:hover{color:var(--ink)}.fine-tune-title{font-size:var(--text-sm);font-weight:inherit;color:var(--text-2);padding:var(--space-2xs) 0}.more-body{gap:var(--space-md) var(--space-lg);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}main.make{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:32px 32px;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:start;min-height:calc(100vh - 64px);display:grid}.sheet{min-height:calc(100vh - 64px);padding:var(--space-xl) var(--gutter);place-items:center;display:grid;position:sticky;top:0}.dims{gap:var(--space-xs) var(--space-sm);grid-template-columns:auto 20px;grid-template-areas:"w.""frame h""foot.";display:grid}.dim-w,.dim-h{align-items:center;gap:var(--space-xs);color:var(--text-3);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:flex}.dim-w{border-inline:1px solid var(--text-3);grid-area:w;height:14px}.dim-h{border-block:1px solid var(--text-3);flex-direction:column;grid-area:h;width:14px}.dim-w:before,.dim-w:after{content:"";background:var(--text-3);flex:1;height:1px}.dim-h:before,.dim-h:after{content:"";background:var(--text-3);flex:1;width:1px}.dim-h span{writing-mode:vertical-rl}:root{--avail-w:calc(100vw - 460px - 2 * var(--gutter) - 48px);--avail-h:calc(100vh - 220px)}.frame{width:min(var(--avail-w), var(--avail-h) * var(--ratio));aspect-ratio:var(--ratio);background:var(--paper-raised);outline:1px solid var(--rule-strong);grid-area:frame;place-items:center;display:grid;position:relative;overflow:hidden}.frame img{object-fit:contain;width:100%;height:100%;animation:develop .26s var(--ease-out);display:block}@keyframes develop{0%{opacity:.4}}.stamp{top:var(--space-md);right:var(--space-md);padding:var(--space-2xs) var(--space-xs);border:1.5px solid var(--accent);color:var(--accent);background:color-mix(in oklch, var(--paper-raised) 85%, transparent);pointer-events:none;position:absolute;transform:rotate(-4deg)}.sheet-foot{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-xs);grid-area:foot;display:flex}.sheet-foot .mono{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;overflow:hidden}.downloads{gap:var(--space-xs);flex:none;display:flex}.render-error{gap:var(--space-xs);padding:var(--space-lg);color:var(--accent-text);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;flex-direction:column;display:flex}.block{border-left:1px solid var(--rule-strong);background:var(--paper);flex-direction:column;min-height:calc(100vh - 64px);display:flex}.cell{gap:var(--space-sm);padding:var(--space-md) var(--space-lg) var(--space-lg);border-bottom:1px solid var(--rule);background:var(--paper);flex-direction:column;min-width:0;display:flex}.cell:last-child{border-bottom:0}.cell-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.cell-head .meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);white-space:nowrap}.cell-title{font-size:var(--text-lg);letter-spacing:-.01em;margin-top:calc(-1 * var(--space-2xs));font-weight:600;line-height:1.2}.summary{animation:develop .26s var(--ease-out)}.summary .button{align-self:start}.hint{color:var(--text-2);font-size:var(--text-sm);max-width:60ch;margin:0}.hint code{color:var(--ink)}.warn{color:var(--accent-text);font-size:var(--text-sm);margin:0}.ranges{border:1px solid var(--rule);background:var(--paper-raised);border-radius:2px;grid-template-columns:repeat(3,1fr) auto;display:grid}.ranges label{min-height:40px;padding:0 var(--space-sm);border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--text-2);font-size:var(--text-sm);text-align:left;white-space:nowrap;background:0 0;align-items:center;display:flex}.ranges label:nth-child(n+5){border-bottom:0}.ranges label.custom{border-bottom:0;border-right:0;grid-area:span 2/4}.ranges label:hover{color:var(--ink);background:var(--paper-sunk)}.ranges label.on{background:var(--ink);color:var(--paper)}.formats{border:1px solid var(--rule);background:var(--paper-raised);border-radius:2px;grid-template-columns:repeat(3,1fr);display:grid}.formats label{align-items:center;gap:var(--space-sm);min-height:48px;padding:var(--space-xs) var(--space-sm);border:0;border-right:1px solid var(--rule);color:var(--text-2);font-size:var(--text-sm);text-align:left;background:0 0;display:flex}.formats label:last-child{border-right:0}.formats .ratio{flex:none}.formats label:hover{color:var(--ink);background:var(--paper-sunk)}.formats label.on{background:var(--ink);color:var(--paper)}.command{border:1px solid var(--rule-strong);background:var(--paper-sunk);border-radius:2px;align-items:stretch;display:flex}.command code{min-width:0;padding:var(--space-sm);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;line-height:1.55}.command button{border:0;border-left:1px solid var(--rule-strong);background:var(--paper-raised);min-width:76px;font-size:var(--text-sm);flex:none;font-weight:600}.command button:hover{background:var(--paper)}.command button.done{color:var(--accent-text)}.paste textarea{resize:vertical;width:100%;height:112px;padding:var(--space-sm);border:1px dashed var(--text-3);background:var(--paper-raised);font:var(--text-xs) / 1.6 var(--font-mono);white-space:pre;border-radius:2px}.paste textarea:not(:placeholder-shown){border-style:solid;border-color:var(--rule);color:var(--text-2)}.paste textarea.dragging{border:1px dashed var(--accent);background:color-mix(in oklch, var(--accent) 6%, var(--paper-raised))}.paste-status{font-size:var(--text-sm);color:var(--text-2);margin:0}.paste-status strong{color:var(--ink)}.file-link{text-underline-offset:.2em;cursor:pointer;color:var(--ink);text-decoration:underline}.file-link:focus-within{outline:2px solid var(--accent);outline-offset:2px}.looks{gap:var(--space-sm) var(--space-xs);grid-template-columns:repeat(5,1fr);display:grid}.look{gap:var(--space-xs);color:var(--text-2);font-size:var(--text-sm);text-align:left;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.look-img{background:var(--paper-sunk);outline:1px solid var(--rule);transition:outline-color .12s var(--ease-out);display:block;overflow:hidden}.look-img img{object-fit:cover;width:100%;height:100%;display:block}.look:hover{color:var(--ink)}.look:hover .look-img{outline-color:var(--text-3)}.look.on{color:var(--ink);font-weight:600}.look.on .look-img{outline:2px solid var(--ink);outline-offset:2px}.toolbar{z-index:var(--z-sticky);gap:var(--space-sm) var(--space-lg);padding:var(--space-sm) var(--gutter);background:var(--paper);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex;position:sticky;top:0}main.zoo{padding:var(--space-xl) var(--gutter) var(--space-2xl)}.zoo-intro{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.zoo-intro h1{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:650;line-height:1.1}.zoo-intro p{color:var(--text-2);max-width:60ch;margin:0}.grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--min), 100%), 1fr));gap:var(--space-xl) var(--space-lg);display:grid}.card{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.thumb{background:var(--paper-sunk);outline:1px solid var(--rule);cursor:zoom-in;width:100%;transition:outline-color .12s var(--ease-out);border:0;padding:0;display:block;overflow:hidden}.thumb:hover{outline:2px solid var(--ink)}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.card figcaption{gap:var(--space-2xs);flex-direction:column;display:flex}.card-title{justify-content:space-between;align-items:baseline;gap:var(--space-xs);display:flex}.card-title strong{font-weight:650}.kind{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3)}.desc{color:var(--text-2);font-size:var(--text-sm);margin:0}.stats{color:var(--text-3);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin:0}.compare-head{align-items:end;gap:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.compare-head label{gap:var(--space-2xs);flex-direction:column;display:flex}select{min-height:38px;padding:0 var(--space-sm);border:1px solid var(--rule);background:var(--paper-raised);font-size:var(--text-sm);border-radius:2px}.lightbox{width:auto;max-width:none;height:auto;max-height:none;z-index:var(--z-overlay);padding:var(--space-lg) 0;background:var(--scrim);color:oklch(93% .012 85);animation:fade .18s var(--ease-out);border:0;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;margin:0;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.lightbox-body{align-items:center;gap:var(--space-sm);flex-direction:column;min-width:0;max-height:100%;display:flex}.lightbox-body img{outline:1px solid oklch(40% .01 70);max-width:100%;max-height:calc(100vh - 170px)}.lightbox-meta{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;width:100%;max-width:1100px;display:flex}.lightbox-meta .dim{color:oklch(72% .01 80)}.links{gap:var(--space-xs);display:flex}.lightbox .button{color:inherit;border-color:oklch(50% .01 70);min-height:36px}.lightbox .button:hover:not(:disabled){background:oklch(28% .008 70)}.nav,.close{width:48px;height:48px;color:inherit;opacity:.6;background:0 0;border:0;place-items:center;margin:auto;font-size:32px;line-height:1;display:grid}.nav:hover,.close:hover{opacity:1}.close{top:var(--space-xs);right:var(--space-xs);position:absolute}.lightbox-backdrop{cursor:zoom-out;background:0 0;border:0;position:absolute;inset:0}.lightbox-body,.nav,.close{z-index:1}.lightbox-body,.nav{position:relative}@media (width<=960px){main.make{flex-direction:column;align-items:stretch;min-height:0;display:flex}.block{display:contents}.cell{padding-inline:var(--gutter);order:1}.cell.design{order:3}.cell.look-cell{border-bottom:0}:root{--avail-w:calc(100vw - 2 * var(--gutter) - 32px);--avail-h:72vh}.sheet{min-height:0;padding:var(--space-lg) var(--gutter);border-bottom:1px solid var(--rule);order:2;position:static}}@media (width<=640px){.tagline{display:none}.ranges{grid-template-columns:repeat(3,1fr)}.ranges label:nth-child(n+5){border-bottom:1px solid var(--rule)}.ranges label.custom{text-align:center;border-bottom:0;grid-area:auto/1/auto/-1;justify-content:center}.ranges label:nth-child(4){order:1}.ranges label:nth-child(3),.ranges label:nth-child(7){border-right:0}.dims{grid-template-columns:auto;grid-template-areas:"w""frame""foot"}.dim-h{display:none}:root{--avail-w:calc(100vw - 2 * var(--gutter))}.lightbox{grid-template-columns:40px minmax(0,1fr) 40px}.lightbox-body img{max-height:calc(100vh - 220px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}