.pattern-studio{--pst-bg:var(--bg,#0b0b0c);--pst-ink:#efe8dc;--pst-body:#b9b1a5;--pst-muted:#8f897d;--pst-bronze:#c9965c;background:var(--pst-bg);color:var(--pst-ink);font-family:var(--sans);letter-spacing:0;position:relative}.pattern-studio .pst-wrap{position:relative}.pattern-studio .pst-stage{background:var(--pst-bg);margin:0;position:relative;overflow:hidden;container-type:size}.pattern-studio .pst-scene{--x0:16px;--x1:calc(100cqw - 16px);--y0:12px;--y1:calc(100cqh - 12px);--cw:760;--s:min(max(calc(100cqh / 941),calc(100cqw / var(--cw))),calc((var(--x1) - var(--x0)) / 680),calc((var(--y1) - var(--y0)) / 470));width:calc(var(--s) * 1672);height:calc(var(--s) * 941);left:clamp(calc(100cqw - var(--s) * 1672),calc((var(--x0) + var(--x1)) / 2 - var(--s) * 1124),0px);top:clamp(calc(100cqh - var(--s) * 941),calc((var(--y0) + var(--y1)) / 2 - var(--s) * 411),0px);position:absolute}.pattern-studio .pst-img,.pattern-studio .pst-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.pattern-studio .pst-img{opacity:0;transition:opacity 1.1s cubic-bezier(.2,.7,.2,1)}.pattern-studio .pst-img.is-on{opacity:1}.pattern-studio .pst-stage:before,.pattern-studio .pst-stage:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.pattern-studio .pst-stage:before{background:linear-gradient(var(--pst-bg),transparent 14%,transparent 82%,var(--pst-bg))}.pattern-studio .pst-shadow{fill:#000;transition:fill-opacity .9s}.pattern-studio .pst-shift{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.pattern-studio .pst-plate{transition:fill .9s}.pattern-studio .pst-fade{transition:opacity .9s}.pattern-studio .pst-rim{fill:#ffe9c8}.pattern-studio .pst-bloom{fill:#ffc07a;opacity:0;mix-blend-mode:screen}.pattern-studio.is-light .pst-bloom{animation:1.4s ease-out pst-bloom}@keyframes pst-bloom{0%{opacity:0}35%{opacity:.55}to{opacity:0}}.pattern-studio .pst-hardware line{stroke:#07070a;stroke-width:.7px;opacity:.9}.pattern-studio .pst-hardware circle{fill:#8a8178;opacity:.35}.pattern-studio.is-night .pst-hardware circle{opacity:.18}.pattern-studio .pst-outline{fill:none;stroke:#ffd9a0;stroke-width:.55px;stroke-dasharray:2 1.6;opacity:0;animation:.7s ease-out forwards pst-in}@keyframes pst-in{to{opacity:.9}}.pattern-studio .pst-beam{transition:opacity .2s}.pattern-studio .pst-beam-glow{stroke:#ff8a3a;stroke-width:5px;opacity:.35;stroke-linecap:round}.pattern-studio .pst-beam-core{stroke:#fff3dc;stroke-width:.8px;stroke-linecap:round}.pattern-studio .pst-spark{fill:#fff;filter:drop-shadow(0 0 3px #ffb35a)drop-shadow(0 0 7px #ff7a2e)}.pattern-studio .pst-caption{z-index:2;text-align:right;pointer-events:none;text-shadow:0 1px 12px #000000a6;position:absolute;bottom:clamp(14px,2.4vw,26px);right:clamp(16px,3vw,40px)}.pattern-studio .pst-now{flex-direction:column;gap:2px;margin:0;display:flex}.pattern-studio .pst-now strong{font-family:var(--serif);color:var(--pst-ink);font-size:22px;font-weight:400;line-height:1.1}.pattern-studio .pst-now span{color:var(--pst-bronze);font-size:13px}.pattern-studio .pst-render{color:var(--pst-muted);margin:6px 0 0;font-size:12px}.pattern-studio .pst-steps{color:var(--pst-muted);opacity:0;justify-content:flex-end;gap:14px;margin:0 0 10px;padding:0;font-size:12px;list-style:none;transition:opacity .4s;display:flex}.pattern-studio:is(.is-draw,.is-cut,.is-light) .pst-steps{opacity:1}.pattern-studio .pst-steps li{align-items:center;gap:6px;transition:color .3s;display:flex}.pattern-studio .pst-steps li span{border:1px solid;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:inline-grid}.pattern-studio .pst-steps li.is-on{color:#ffcf8a}.pattern-studio .pst-label{color:var(--pst-muted);align-items:baseline;gap:12px;font-size:13px;display:flex}.pattern-studio .pst-label b{font-family:var(--serif);color:var(--pst-bronze);font-size:15px;font-weight:400}.pattern-studio h2{font-family:var(--serif);letter-spacing:0;color:var(--pst-ink);margin:18px 0 16px;font-size:56px;font-weight:300;line-height:1.08}.pattern-studio .pst-lead{color:var(--pst-body);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.pattern-studio .pst-fine{color:var(--pst-muted);margin:16px 0 0;font-size:12px;line-height:1.5}.pattern-studio .pst-more{color:inherit;text-underline-offset:3px;margin:14px 0 0;font-size:14px;font-weight:600;text-decoration:underline;display:inline-block}.pattern-studio .pst-more:hover{text-decoration-thickness:2px}.pattern-studio .pst-lights{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f10138c;border:1px solid #efe8dc29;border-radius:999px;padding:3px;display:inline-flex}.pattern-studio .pst-lights button{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;color:var(--pst-body);border-radius:999px;align-items:center;padding:0 16px;font-size:13px;transition:background-color .3s,color .3s;display:inline-flex}.pattern-studio .pst-lights button:hover{color:var(--pst-ink)}.pattern-studio .pst-lights button[aria-pressed=true]{color:#12141b;background:#f6efe3}.pattern-studio .pst-lights button:focus-visible{outline:2px solid var(--pst-bronze);outline-offset:2px}.pattern-studio .pst-controls{margin-top:24px}.pattern-studio .pst-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.pattern-studio .pst-sw-defs{width:0;height:0;position:absolute;overflow:hidden}.pattern-studio .pst-tile{all:unset;box-sizing:border-box;cursor:pointer;background:#0f101380;border:1px solid #efe8dc1a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:8px;transition:border-color .25s,background-color .25s;display:flex}.pattern-studio .pst-tile:hover{border-color:#c9965c73}.pattern-studio .pst-tile.is-on{border-color:var(--pst-bronze);background:#c9965c1a}.pattern-studio .pst-tile:focus-visible{outline:2px solid var(--pst-bronze);outline-offset:2px}.pattern-studio .pst-tile svg{width:auto;max-width:100%;height:58px;margin:0 0 6px;display:block}.pattern-studio .pst-sw-plate{fill:#1c1814}.pattern-studio .pst-sw-fan{stroke:#0f1013;stroke-width:60px;paint-order:stroke}.pattern-studio .pst-sw-open{fill:#e2a35c}.pattern-studio .pst-tile-name{color:var(--pst-ink);max-width:100%;font-size:13px;line-height:1.25}.pattern-studio .pst-tile-note{color:var(--pst-muted);max-width:100%;font-size:11px;line-height:1.3}.pattern-studio .pst-tile.is-on .pst-tile-note{color:var(--pst-bronze)}.pattern-studio .pst-tile-sig{border-style:dashed;border-color:#c9965c73;text-decoration:none}.pattern-studio .pst-tile-sig .pst-tile-note{color:var(--pst-bronze)}.pattern-studio .pst-sig-face{fill:none;stroke:#c9965cb3;stroke-width:22px;stroke-dasharray:60 44}.pattern-studio .pst-sig-line{fill:none;stroke:var(--pst-bronze);stroke-width:30px;stroke-linecap:round}.pattern-studio .pst-sig-dot{fill:#ffcf8a}@media (width>=1180px){.pattern-studio .pst-stage{height:clamp(640px,94svh,1040px)}.pattern-studio .pst-scene{--x0:calc(clamp(20px,6vw,88px) + min(440px,33vw) + 40px);--x1:calc(100cqw - 28px);--y0:28px;--y1:calc(100cqh - 28px);--cw:1312}.pattern-studio .pst-stage:after{background:linear-gradient(90deg,var(--pst-bg) 0,color-mix(in srgb,var(--pst-bg) 86%,transparent) calc(clamp(20px,6vw,88px) + min(440px,33vw) * .75),transparent calc(clamp(20px,6vw,88px) + min(440px,33vw) + 120px))}.pattern-studio .pst-copy{z-index:2;width:min(440px,33vw);position:absolute;top:50%;left:clamp(20px,6vw,88px);transform:translateY(-50%)}}@media (width>=1180px) and (height<=760px){.pattern-studio h2{margin:12px 0;font-size:44px}.pattern-studio .pst-lead{font-size:15px}.pattern-studio .pst-tile svg{height:44px}}@media (width<=1179px){.pattern-studio{padding:clamp(48px,8vw,80px) 0 clamp(40px,7vw,64px)}.pattern-studio .pst-wrap{flex-direction:column;display:flex}.pattern-studio .pst-copy{display:contents}.pattern-studio .pst-head,.pattern-studio .pst-controls{width:min(100% - 40px,680px);margin:0 auto}.pattern-studio .pst-head{order:0;margin-bottom:12px}.pattern-studio .pst-stage{aspect-ratio:760/941;order:1;width:100%;max-height:82svh}.pattern-studio .pst-controls{order:2;margin-top:18px}.pattern-studio h2{font-size:42px}}@media (width<=760px){.pattern-studio h2{margin:14px 0 12px;font-size:34px}.pattern-studio .pst-lead{font-size:16px}.pattern-studio .pst-controls{width:100%}.pattern-studio .pst-lights{margin:0 20px}.pattern-studio .pst-lights button{padding:0 13px}.pattern-studio .pst-rail{scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 20px 6px;scroll-padding:0 20px;display:flex;overflow-x:auto}.pattern-studio .pst-rail::-webkit-scrollbar{display:none}.pattern-studio .pst-tile{scroll-snap-align:start;flex:0 0 96px}.pattern-studio .pst-fine,.pattern-studio .pst-more{margin:12px 20px 0}.pattern-studio .pst-now strong{font-size:18px}.pattern-studio .pst-steps{gap:10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.pattern-studio .pst-img,.pattern-studio .pst-shift,.pattern-studio .pst-plate,.pattern-studio .pst-fade,.pattern-studio .pst-shadow,.pattern-studio .pst-tile,.pattern-studio .pst-lights button,.pattern-studio .pst-steps{transition:none}.pattern-studio .pst-outline,.pattern-studio.is-light .pst-bloom{animation:none}}