.gm{--ink:#121110;--ink-raised:#1b1a17;--paper:#f6f4ef;--paper-sunk:#ece9e2;--stone:#8a857b;--line:#1211101f;--line-strong:#12111047;--violet:#ac00ff;--violet-soft:#ac00ff1f;--font-display:"Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-text:"Neue Montreal Text", "Neue Montreal", Helvetica, Arial, sans-serif;--font-mono:"Fraktion Mono", ui-monospace, Menlo, monospace;--panel-w:20rem;--pad:1.25rem;--s1:.375rem;--s2:.75rem;--s3:1.125rem;--s4:1.75rem;--t-ui:.8125rem;--t-small:.75rem;--t-mono:.625rem;--ease:cubic-bezier(.2, .7, .1, 1);z-index:1;grid-template-columns:minmax(0, 1fr) var(--panel-w);background:var(--ink);color:var(--ink);font-family:var(--font-text);font-size:var(--t-ui);-webkit-font-smoothing:antialiased;line-height:1.4;display:grid;position:fixed;inset:0;overflow:hidden}.gm *,.gm :before,.gm :after{box-sizing:border-box}:where(.gm) :is(h1,p,dl,dd,figure){margin:0}.gm .mono{font-family:var(--font-mono);font-size:var(--t-mono);text-transform:uppercase;letter-spacing:.06em;font-weight:400;line-height:1.3}:where(.gm) :where(button,input,select){font:inherit;color:inherit}:where(.gm) :where(button){cursor:pointer;background:0 0;border:0}.gm :focus-visible{outline:1px solid var(--violet);outline-offset:2px}.stage{min-width:0;height:100svh;color:var(--stone);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.stage__bar,.stage__foot{justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);display:flex}.stage__canvas{padding:0 var(--s4);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage__canvas svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px #0006,0 24px 60px -20px #0009}.stage__link{color:var(--paper);text-decoration:none}.stage__link:hover{text-underline-offset:2px;text-decoration:underline}.stage__back:hover,.stage__next:hover{text-decoration:none}.stage__next{align-items:center;gap:.6em;display:inline-flex}.stage__muted{opacity:.55;transition:opacity .3s}.stage__next:hover .stage__muted{opacity:1}.panel{background:var(--paper);scrollbar-width:thin;border-left:1px solid #00000080;min-width:0;height:100svh;overflow-y:auto}.intro{padding:var(--s4) var(--pad) var(--s3);gap:var(--s2);display:grid}.intro__kicker{color:var(--stone);justify-content:space-between;display:flex}.intro__kicker [data-status]:before{content:"";vertical-align:.05em;background:currentColor;border-radius:50%;width:.55em;height:.55em;margin-right:.5em;display:inline-block}.st--verified{color:#1c7a4a}.st--adapted{color:#b36b00}.st--popular{color:#b3261e}.intro__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.625rem;font-weight:500;line-height:1.05}.intro__how{text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.intro--open .intro__how{-webkit-line-clamp:unset}.intro__more{color:var(--violet);justify-self:start;margin-top:-.25rem;padding:0}.intro__more:hover{text-underline-offset:2px;text-decoration:underline}.intro__src{font-size:var(--t-small);color:var(--stone);text-wrap:pretty;font-style:italic}.pick{padding:0 var(--pad) var(--s3);gap:var(--s1);border-bottom:1px solid var(--line);display:grid}.pick__row{gap:var(--s1);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.label{color:var(--stone)}.sec{border-bottom:1px solid var(--line)}.sec__head{padding:var(--s3) var(--pad);color:var(--stone);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;list-style:none;display:flex}.sec__head::-webkit-details-marker{display:none}.sec__head:after{content:"+";font-size:.875rem;line-height:1}.sec[open]>.sec__head:after{content:"−"}.sec__head:hover{color:var(--ink)}.sec__body{padding:0 var(--pad) var(--s4);gap:var(--s3);display:grid}.hint{font-size:var(--t-small);color:var(--stone);text-wrap:pretty}.select{position:relative}.select select{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:2px;width:100%;height:2rem;padding:0 2rem 0 .625rem}.select:after{content:"";border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);pointer-events:none;width:.4rem;height:.4rem;position:absolute;top:50%;right:.75rem;transform:translateY(-70%)rotate(45deg)}.select select:hover{border-color:var(--ink)}.icon-btn{border:1px solid var(--line-strong);background:#fff;border-radius:2px;place-items:center;width:2rem;height:2rem;display:grid}.icon-btn:hover{border-color:var(--ink)}.dims{gap:var(--s1);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;display:grid}.dim{border:1px solid var(--line-strong);background:#fff;border-radius:2px;align-items:center;gap:.4rem;height:2rem;padding:0 .5rem;display:flex}.dim span{color:var(--stone)}.dim input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0}.dim:focus-within{border-color:var(--violet)}.field{align-items:center;gap:.35rem var(--s2);grid-template-columns:1fr auto;display:grid}.field__label{color:var(--ink);letter-spacing:.06em}.field__num{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:2px;width:4.25rem;height:1.5rem;padding:0 .375rem}.field__num:hover{border-color:var(--line-strong)}.field__num:focus{border-color:var(--violet);background:#fff;outline:none}.field__num::-webkit-inner-spin-button{display:none}.field .hint{grid-column:1/-1;margin-top:-.2rem}.field input[type=range]{grid-column:1/-1}.field--off{opacity:.4;pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:14px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--violet) var(--p), var(--line-strong) var(--p));border-radius:1px;height:2px}input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}input[type=range]::-moz-range-progress{background:var(--violet);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--violet);width:10px;height:10px;box-shadow:0 0 0 3px var(--paper);transition:transform .2s var(--ease);border:0;border-radius:50%;margin-top:-4px}input[type=range]::-moz-range-thumb{background:var(--violet);width:10px;height:10px;box-shadow:0 0 0 3px var(--paper);border:0;border-radius:50%}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.3)}.switch{background:var(--line-strong);width:1.75rem;height:1rem;transition:background .25s var(--ease);border-radius:1rem;position:relative}.switch:after{content:"";width:12px;height:12px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--violet)}.switch[aria-checked=true]:after{transform:translate(.75rem)}.seg{border:1px solid var(--line-strong);background:#fff;border-radius:2px;gap:2px;padding:2px;display:inline-flex}.seg button{font-family:var(--font-mono);font-size:var(--t-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--stone);border-radius:1px;padding:.35rem .6rem}.seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.seg--small button{padding:.35rem .45rem}.layers{gap:0}.layer{align-items:center;gap:var(--s2);text-align:left;border-radius:2px;grid-template-columns:1.25rem 1fr auto;height:2rem;padding:0 .25rem;display:grid}.layer:hover{background:var(--paper-sunk)}.layer__swatch{border-top:1.5px solid;width:1rem;height:0}.layer__swatch--dash{border-top-style:dashed}.layer__eye{width:1rem;height:1rem;color:var(--stone)}.layer[aria-pressed=false]{color:var(--stone)}.layer[aria-pressed=false] .layer__swatch{opacity:.35}.layers__tint{margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line)}.readout{gap:.45rem var(--s2);grid-template-columns:1fr auto;display:grid}.readout dt{color:var(--stone)}.readout dd{text-align:right;font-variant-numeric:tabular-nums}.btn{background:var(--ink);height:2.25rem;color:var(--paper);transition:background .2s var(--ease);border-radius:2px;justify-content:center;align-items:center;gap:.5em;padding:0 .75rem;display:flex}.btn:hover:not(:disabled){background:var(--violet)}.btn:disabled{background:var(--paper-sunk);color:var(--stone);cursor:not-allowed}.btn .mono{opacity:.6}.btn--ghost{color:var(--ink);border:1px solid var(--line-strong);background:#fff}.btn--ghost:hover:not(:disabled){border-color:var(--ink);background:#fff}.exports{gap:var(--s1)}.exports__id{gap:var(--s1);grid-template-columns:minmax(0,1fr) auto;display:grid}.exports__id .seg{align-items:stretch;height:2.25rem}.choose{padding:var(--s2) 0 var(--s1);gap:2px;display:grid}.choose[hidden]{display:none}.choose__q{color:var(--stone);padding-bottom:var(--s1)}.choose__opt{text-align:left;border:1px solid var(--line-strong);background:#fff;border-radius:2px;gap:.2rem;padding:.6rem .75rem;display:grid}.choose__opt:hover{border-color:var(--violet)}.choose__opt:hover span:first-child{color:var(--violet)}.howto summary{cursor:pointer;color:var(--stone);padding:var(--s1) 0;list-style:none}.howto summary::-webkit-details-marker{display:none}.howto summary:hover,.howto[open] summary{color:var(--ink)}.howto p{margin-top:var(--s1)}.howto b{color:var(--ink);font-weight:400}.exports__row{gap:var(--s1);grid-template-columns:repeat(3,1fr);display:grid}.exports .hint{margin-top:var(--s1)}.tip[hidden]{display:none}.tip{animation:tip-in .6s var(--ease,ease) both;margin-top:var(--s2)!important}.tip a{color:var(--violet);text-decoration:none}.tip a:hover{text-underline-offset:3px;text-decoration:underline}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.tip{animation:none}}@media (width<=760px){.gm{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);position:static;overflow-x:hidden}.stage{z-index:1;height:62svh;position:sticky;top:0}.stage__bar,.stage__foot{padding:var(--s2) 1rem}.stage__canvas{padding:0 1rem}.panel{border-left:0;height:auto;overflow:visible}.intro,.pick,.sec__head,.sec__body{padding-left:1rem;padding-right:1rem}.stage__foot>span{display:none}}body[data-accents~=linkHover] .gm .btn:hover{color:var(--paper)!important}.gm.is-capture{background:#24221f}.gm .stage__bar,.gm .stage__foot{transition:opacity .6s}.gm.is-live .stage__bar,.gm.is-live .stage__foot{opacity:0}