.dukes-studio *{box-sizing:border-box}.dukes-studio{margin:0;background:#f6f3ed;color:#242720;font:15px/1.6 Arial,sans-serif}.dukes-studio{max-width:1450px;margin:auto;padding:38px 4%}.dukes-studio h1{font:42px/1.1 Georgia,serif;margin:8px 0 20px}.dukes-studio small{letter-spacing:.15em}.dukes-studio p{max-width:760px;color:#62655d}.dukes-studio .studio{display:grid;grid-template-columns:270px 1fr;gap:35px;align-items:start}.dukes-studio fieldset{border:0;padding:0;margin:0 0 26px}.dukes-studio legend{font-weight:bold;margin-bottom:10px}.dukes-studio button{cursor:pointer;font:inherit;border:1px solid #c8c7bf;border-radius:0;background:transparent;color:inherit;padding:10px 12px;text-align:left}.dukes-studio .choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dukes-studio button[aria-pressed=true]{border:1px solid #111;box-shadow:inset 0 0 0 1px #111}.dukes-studio button span{display:block;width:100%;height:28px;margin-bottom:6px;background:var(--colour)}.dukes-studio button img{width:100%;height:48px;object-fit:cover;display:block;margin-bottom:6px}.dukes-studio canvas{display:block;width:100%;height:auto}.dukes-studio #save{background:#151515;color:#fff;width:100%;text-align:center;margin-top:15px}.dukes-studio #status{font-size:13px;min-height:42px}.dukes-studio .note{font-size:12px}.dukes-studio a{color:inherit}@media(max-width:740px){.dukes-studio{padding:24px 18px}.dukes-studio h1{font-size:33px}.dukes-studio .studio{grid-template-columns:1fr}.dukes-studio .preview{grid-row:1}.dukes-studio .choices{grid-template-columns:repeat(4,1fr)}.dukes-studio .stone{grid-template-columns:1fr 1fr}.dukes-studio fieldset{margin-bottom:18px}}.dukes-studio .studio{grid-template-columns:330px 1fr}.dukes-studio .preview{position:sticky;top:20px}.dukes-studio details{border-top:1px solid #d0cec4;padding:16px 0}.dukes-studio summary{font:22px Georgia,serif;cursor:pointer;margin-bottom:14px}.dukes-studio .choices{grid-template-columns:repeat(3,1fr)}.dukes-studio .choices button{font-size:12px;padding:8px}.dukes-studio .handle-family{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:16px 0 8px}.dukes-studio .hardware{grid-template-columns:1fr 1fr}.dukes-studio .hardware canvas{height:44px;object-fit:contain}.dukes-studio select{width:100%;padding:12px;background:#fff;border:1px solid #bbb;font:inherit}.dukes-studio .generate{background:#171717;color:white;width:100%;margin:20px 0;text-align:center}.dukes-studio #board-section{border-top:1px solid #aaa;padding-top:35px;margin-top:40px}.dukes-studio #board-section[hidden]{display:none}.dukes-studio #board{max-width:1000px;margin:auto}.dukes-studio .board-actions{display:flex;gap:15px;margin:24px 0;flex-wrap:wrap}.dukes-studio .board-actions button{background:#111;color:white}.dukes-studio .toplogo{height:54px;width:54px;object-fit:contain;margin-right:18px;vertical-align:middle}.dukes-studio .note{line-height:1.6}.dukes-studio .preview #status{margin:10px 0}.dukes-studio .caption{font-size:12px}.dukes-studio .controls{max-height:80vh;overflow:auto;padding-right:12px}.dukes-studio .stage{margin:12px 0 25px;display:flex;gap:25px;font-size:12px;letter-spacing:.1em}.dukes-studio button:focus-visible,.dukes-studio summary:focus-visible{outline:3px solid #84734f;outline-offset:3px}@media(max-width:740px){.dukes-studio .studio{grid-template-columns:1fr}.dukes-studio .preview{position:static;grid-row:1}.dukes-studio .controls{max-height:none;overflow:visible;padding:0}.dukes-studio .choices{grid-template-columns:repeat(3,1fr)}.dukes-studio .hardware{grid-template-columns:1fr 1fr}}.dukes-studio .collections{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.dukes-studio .collections button{font:23px Georgia;padding:18px}.dukes-studio .collections button[aria-pressed=true]{background:#171717;color:#fff}.dukes-studio .collections button small{display:block;font:11px Arial;margin-top:8px;letter-spacing:.02em}.dukes-studio button:disabled{opacity:.45;cursor:wait}@media(max-width:600px){.dukes-studio .collections{grid-template-columns:1fr 1fr}.dukes-studio .collections button{padding:14px}}

.dukes-studio{max-width:1450px;margin:auto;padding:38px 4%;background:#f6f3ed;color:#242720;font:15px/1.6 Arial,sans-serif}.dukes-studio .preview{top:110px}.dukes-studio .controls{max-height:calc(100vh - 150px)}@media(max-width:740px){.dukes-studio{padding:24px 18px}.dukes-studio .controls{max-height:none}.dukes-studio .preview{position:static}}.dukes-studio .note{background:transparent;border:0;padding:0}