.lab-shell{--lab-orange:#b95732;--lab-border:#d4d4cf;padding:34px 4vw 64px;background:#eeeee9;color:#202221}.lab-heading{display:flex;align-items:center;gap:34px;padding-bottom:28px}.lab-heading h1{font-family:Anton,sans-serif;font-size:clamp(2.5rem,4vw,4rem);line-height:1.08;margin:6px 0 0;text-transform:uppercase;letter-spacing:-.025em}.lab-heading p{font-size:1rem;line-height:1.5;margin:14px 0 0;color:#565954}.lab-badge{margin-left:auto;border:1px solid #aaaead;padding:9px 13px;font-size:.875rem;letter-spacing:.12em}.lab-workspace{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(320px,2.2fr) minmax(220px,.8fr);gap:24px;align-items:start}.lab-controls,.lab-art-controls{min-width:0}.lab-shell fieldset{border:0;border-bottom:1px solid var(--lab-border);padding:0 0 23px;margin:0 0 24px;min-width:0}.lab-shell legend{font-size:1rem;font-weight:600;margin-bottom:17px}.lab-shell legend span{color:#b04b2b;font-size:.875rem;margin-right:9px}.lab-shell label,.lab-label{display:block;font-size:.875rem;margin:13px 0 8px}.lab-label{display:flex!important;justify-content:space-between;gap:8px}.lab-label output{color:#626660;font-size:.875rem}.lab-shell select{width:100%;min-height:44px;border:1px solid #bfc2bb;background:#f8f8f3;color:#252824;padding:10px;font:inherit;font-size:.9375rem;border-radius:0}.lab-templates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lab-template{display:flex;flex-direction:column;text-align:left;gap:5px;min-height:74px;border:1px solid #c4c7bf;background:transparent;padding:11px;color:#242623;cursor:pointer}.lab-template strong{font:600 .9375rem Barlow,sans-serif}.lab-template span{font-size:.8125rem;line-height:1.25;color:#5c6159}.lab-template[aria-pressed=true]{border-color:#252722;background:#252722;color:#f2efe6}.lab-template[aria-pressed=true] span{color:#c9cbbf}.lab-swatches{display:flex;flex-wrap:wrap;gap:11px;padding:4px}.lab-color{width:31px;height:31px;background:var(--color);border:1px solid #999c97;outline:2px solid transparent;outline-offset:3px;border-radius:50%;cursor:pointer}.lab-color[aria-pressed=true]{outline-color:#222824}.lab-shell button:focus-visible,.lab-shell select:focus-visible,.lab-shell input:focus-visible,.lab-shell canvas:focus-visible{outline:3px solid #bc5c39;outline-offset:4px}.lab-stage-wrap{position:sticky;top:95px;min-width:0}.lab-stage{position:relative;background:#202423;background:radial-gradient(ellipse at 50% 30%,#414946,#1c211f 80%);height:clamp(400px,65vh,740px);overflow:hidden;isolation:isolate}.lab-stage-meta,.lab-stage-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;color:#d6d9ce;font-size:.8125rem;pointer-events:none}.lab-stage-meta{top:20px}.lab-stage-meta span:last-child{color:#d09b7e}.lab-stage-bottom{bottom:20px;color:#b4bdb4}.lab-stage-bottom span:last-child{letter-spacing:.15em;font-size:.75rem}#lab-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#lab-canvas:active{cursor:grabbing}.lab-loading{position:absolute;inset:0;display:grid;place-items:center;color:#e6e2d7;background:#202423;z-index:3;font-size:1rem}.lab-loading[hidden],.lab-fallback[hidden]{display:none}.lab-fallback{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:#242a26;color:#eceade}.lab-fallback p{max-width:30ch;font-size:1rem}.lab-fallback button{padding:10px 20px;margin-top:14px;background:#e8e3d7;border:0;color:#171c17;font:inherit}.lab-view-tools{display:flex;justify-content:center;align-items:center;gap:6px;padding:13px 6px;background:#e2e4db;border:1px solid #d2d5cb;flex-wrap:wrap}.lab-view-tools button{background:transparent;border:1px solid transparent;color:#343b34;padding:8px 10px;min-height:40px;font:inherit;font-size:.875rem;cursor:pointer}.lab-view-tools button[aria-pressed=true]{background:#f4f4eb;border-color:#b5bcb0}.lab-tool-separator{height:20px;width:1px;background:#abb2a4;margin:0 8px}.lab-caption{font-size:.8125rem!important;color:#5d6359;line-height:1.5;margin:12px 0 0!important}.lab-shell input[type=range]{width:100%;accent-color:#a95435;min-height:30px}.lab-summary{padding:1px 0 16px}.lab-summary>p{font-family:Anton,sans-serif;font-size:1.5rem;line-height:1.2;margin:10px 0 17px}.lab-summary dl{margin:0}.lab-summary dl div{display:grid;grid-template-columns:70px 1fr;gap:7px;font-size:.875rem;line-height:1.5;margin:6px 0}.lab-summary dt{color:#6a7064}.lab-summary dd{margin:0;overflow-wrap:anywhere}.lab-reset{font:inherit;font-size:.9375rem;border:1px solid #7f8879;padding:12px 15px;width:100%;background:transparent;color:#293025;cursor:pointer}.lab-reset:hover{background:#dde1d5}.lab-message{min-height:21px;font-size:.875rem;line-height:1.4;color:#78503b;margin:10px 0}.lab-nojs{font-size:1rem;line-height:1.5}.lab-entry{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;border-top:1px solid #c0c4b8}.lab-entry p{max-width:37ch}.lab-entry .button{margin-top:15px}.desktop-nav{gap:22px}
@media(min-width:1550px){.lab-shell{padding-left:6vw;padding-right:6vw}.lab-workspace{gap:36px}}@media(max-width:1100px){.lab-workspace{grid-template-columns:220px minmax(0,1fr)}.lab-art-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px}.lab-art-controls fieldset{grid-row:span 3;margin:0}.lab-summary{padding-top:0}.lab-reset{align-self:start}.lab-message{margin:0}.lab-stage-wrap{top:85px}.desktop-nav{gap:14px}}@media(max-width:680px){.lab-shell{padding:22px 5vw 40px}.lab-heading{gap:18px;padding-bottom:20px}.lab-heading p{display:none}.lab-badge{font-size:.75rem}.lab-workspace{display:flex;flex-direction:column;gap:23px}.lab-stage-wrap{order:-1;position:relative;top:auto;width:100%}.lab-stage{height:390px;height:clamp(310px,52svh,460px)}.lab-controls,.lab-art-controls{width:100%}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab-controls fieldset:nth-child(2){grid-column:1/-1;grid-row:2}.lab-controls fieldset{margin:0;padding-bottom:20px}.lab-templates{grid-template-columns:repeat(3,1fr)}.lab-template{min-height:77px}.lab-art-controls{display:block}.lab-art-controls fieldset{margin-bottom:22px}.lab-stage-meta,.lab-stage-bottom{left:15px;right:15px;font-size:.75rem}.lab-stage-bottom span:last-child{display:none}.lab-entry{grid-template-columns:1fr;gap:20px}.lab-color{width:28px;height:28px}.lab-view-tools{gap:1px}.lab-tool-separator{margin:0 3px}}@media(prefers-reduced-motion:reduce){.lab-shell *{scroll-behavior:auto}}

.lab-mode-tools{display:flex;gap:6px;padding:0 0 12px}.lab-mode-tools button{padding:10px 15px;min-height:42px;font:inherit;font-size:.9375rem;border:1px solid #aab0a5;background:transparent;color:#343a31}.lab-mode-tools button[aria-pressed=true]{background:#222824;color:#ececde;border-color:#222824}.lab-mode-tools button:disabled{opacity:.4;cursor:not-allowed}#lab-photo-canvas{display:block;width:100%;height:100%;outline-offset:-4px!important}.lab-heading .lab-badge{white-space:nowrap}.lab-stage-meta,.lab-stage-bottom{text-shadow:0 1px 6px #000}.lab-stage-meta{background:linear-gradient(#202624dd,transparent);margin:-20px -22px 0;padding:20px 22px 28px}.lab-stage-bottom{background:linear-gradient(transparent,#202624dd);margin:0 -22px -20px;padding:28px 22px 20px}@media(max-width:680px){.lab-mode-tools button{flex:1}.lab-badge{max-width:110px;white-space:normal!important;text-align:center}.lab-stage-meta,.lab-stage-bottom{margin-left:-15px;margin-right:-15px}}
@media(max-width:380px){.lab-heading{flex-wrap:wrap;gap:12px}.lab-heading>div{flex-basis:100%;min-width:0}.lab-heading .lab-badge{margin-left:0;max-width:none;white-space:nowrap!important}}