.design-collection{color:#263b30;font-family:Public Sans,sans-serif}.collection-tools{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.collection-tabs{display:flex;gap:.35rem;overflow:auto;scrollbar-width:thin}.collection-tabs button,.collection-view button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .85rem;border:1px solid transparent;background:transparent;color:#59665c;border-radius:7px;font-size:.8rem;white-space:nowrap;cursor:pointer}.collection-tabs button:hover{background:#e6eae2}.collection-tabs button[aria-pressed=true]{background:#263b30;color:#fff}.collection-view{display:flex;gap:.2rem;flex:none;padding:.2rem;background:#e7eae2;border-radius:8px}.collection-view button{padding:.5rem .65rem;min-height:36px}.collection-view button[aria-pressed=true]{background:#fff;color:#263b30;box-shadow:0 1px 4px #0000000a}.collection-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.collection-workspace--editing{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.5fr)}.collection-editor{position:relative;container-type:inline-size;max-height:850px;overflow:auto;background:#fff;padding:1.5rem;border:1px solid #d8ded3;border-radius:12px}.collection-editor .panel-heading{margin-bottom:1.5rem}.collection-editor .panel-heading p{margin-top:.6rem;font-size:.85rem;color:#59665c}.collection-editor .form-section{margin-bottom:1.5rem;padding:1rem;border:1px solid #d8ded3;border-radius:10px}.collection-editor .form-section h2{font-size:1rem;margin-bottom:1rem}.collection-editor .mm-block-head{display:flex;align-items:center;justify-content:space-between}.collection-editor .mm-block-head>div:first-child{display:flex;gap:.5rem}.collection-editor .studio-secondary{display:flex;align-items:center;gap:.4rem;border:1px solid #d8ded3;background:#fff;color:#264d3c;border-radius:6px;min-height:40px;padding:.5rem;font-size:.72rem;cursor:pointer}.collection-editor .recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.collection-editor .recipe-grid button{padding:.8rem .4rem;border:1px solid #d8ded3;background:#fff;color:#263b30;cursor:pointer}.collection-editor .recipe-grid button.active{border:2px solid #264d3c}.collection-editor .recipe-grid strong,.collection-editor .recipe-grid small{display:block;font-size:.8rem}.collection-editor .recipe-grid small{font-size:.65rem;margin-top:.4rem}.collection-editor .settings-grid,.collection-editor .color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.collection-editor .color-grid>label{display:grid;font-size:.75rem;gap:.5rem}.collection-editor .color-grid label>div{display:flex;align-items:center;gap:.5rem}.collection-editor input[type=color]{width:2.3rem;min-width:2.3rem;height:2.3rem;padding:0;border:0}.collection-editor .hex-field{width:5rem}.collection-close{display:grid;place-items:center;margin:0 0 1rem auto;width:36px;height:36px;background:#f1f3ed;border:0;border-radius:50%;cursor:pointer}.collection-window{width:100%;border:1px solid #d8ded3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 15px 55px #23342209;transition:max-width .2s ease}.collection-window--mobile{max-width:390px;margin:auto}.collection-browser{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#fafbf8;border-bottom:1px solid #d8ded3;font-size:.65rem;color:#717b6e}.collection-browser>span:first-child{font-size:.55rem;letter-spacing:.1rem;color:#cad0c6}.collection-scroll{max-height:780px;overflow:auto;scrollbar-width:thin}.collection-scroll .storefront{min-height:0}.collection-note{margin:1rem 0 0;font-size:.72rem;line-height:1.8;color:#667061}.collection-note a{color:inherit;text-underline-offset:3px}.collection-more{float:right;font-weight:600}.collection-window--mobile .collection-browser>span:first-child{display:none}.collection-stage{min-width:0}.collection-workspace--editing .collection-stage{padding:1rem;background:#e9ece5;border-radius:12px}.design-collection :is(button,a):focus-visible{outline:3px solid #264d3c;outline-offset:3px}@media(max-width:900px){.collection-tools{flex-wrap:wrap}.collection-tabs{width:100%}.collection-workspace--editing{grid-template-columns:1fr}.collection-editor{max-height:none}.collection-workspace--editing .collection-editor{order:2}}@media(max-width:600px){.collection-view{margin-left:auto}.collection-tabs button{padding:.6rem .7rem;font-size:.75rem}.collection-scroll{max-height:700px}.collection-browser{padding:.6rem;font-size:.6rem}.collection-more{float:none;display:block;margin-top:.4rem}.collection-note{font-size:.68rem}.collection-editor{padding:1rem}}@media(prefers-reduced-motion:reduce){.collection-window{transition:none}}