.lcd{max-width:1400px;padding-top:4rem;padding-bottom:6rem}.lcd__hero,.lcd__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.lcd__hero{align-items:center;margin-bottom:4rem}.lcd h1{font-size:clamp(3.5rem,4vw,5.5rem);line-height:1.05}.lcd h2{font-size:2.8rem;margin:0 0 1.4rem}.lcd h3{font-size:2rem;margin:1.5rem 0 .6rem}.lcd p{line-height:1.55}.lcd__made{width:10rem;height:auto}.lcd__eyebrow{color:#ff6a00;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.lcd figure{margin:0}.lcd figure img{width:100%;height:auto;border-radius:1rem}.lcd figcaption,.lcd small,.lcd__note{font-size:1.35rem;line-height:1.5;opacity:.85}.lcd__controls,.lcd__output{border:1px solid rgba(var(--color-foreground),.25);border-radius:1.2rem;padding:2.5rem}.lcd label{display:block;margin:1.8rem 0;font-size:1.6rem;font-weight:650}.lcd input,.lcd textarea{display:block;width:100%;font:inherit;font-weight:400;color:inherit;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.4);padding:1.2rem;border-radius:.6rem;margin:.7rem 0}.lcd small{font-weight:400;display:block}.lcd__output svg{display:block;width:100%;height:330px;background:#eceef0;border-radius:.8rem}.lcd__price{display:block;font-size:3.5rem;margin:1rem 0 2rem}.lcd__reset,.lcd__add{display:block;width:100%;font:inherit;font-weight:700;border-radius:.6rem;padding:1.3rem;cursor:pointer}.lcd__reset{color:inherit;background:transparent;border:1px solid rgba(var(--color-foreground),.4)}.lcd__add{background:#ff6a00;color:#111;border:0}.lcd__add:disabled{opacity:.45;cursor:not-allowed}.lcd__error{color:#ef695b}.lcd__description{margin-top:4rem;max-width:90rem}.lcd :focus-visible{outline:3px solid #ff6a00;outline-offset:3px}.lcd [hidden]{display:none!important}.lcd details{margin-top:1.8rem}.lcd summary{cursor:pointer}@media(max-width:749px){.lcd__hero,.lcd__grid{grid-template-columns:1fr;gap:2rem}.lcd__controls,.lcd__output{padding:1.6rem}.lcd{padding-top:2rem}.lcd__output svg{height:270px}}