marsela-configurator{display:block;margin-top:2.5rem;--mc-line:#d8d6cd;--mc-ink:#283c31;--mc-paper:#f5f3ed}marsela-configurator [hidden]{display:none!important}marsela-configurator fieldset{border:0;padding:0;margin:1.4rem 0}marsela-configurator legend,.mc-step>span{font-size:11px;letter-spacing:.14em;margin-bottom:1rem}.mc-step h2{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:.7rem 0 1.4rem;font-weight:400}.mc-unit{display:flex;gap:1.4rem}.mc-unit legend{position:absolute;width:1px;height:1px;overflow:hidden}.mc-dimensions{display:grid;grid-template-columns:1fr 15px 1fr;gap:1rem;align-items:center}.mc-dimensions label{font-size:13px}.mc-dimensions input{display:block;width:100%;border:1px solid var(--mc-line);background:transparent;font:inherit;font-size:20px;padding:1rem;margin-top:.4rem;border-radius:0;box-sizing:border-box}.mc-allowance,.mc-approval{display:block;line-height:1.55;font-size:14px;margin-top:1.2rem}.mc-allowance small{display:block;padding-left:25px;color:#65665b}.mc-minimum{font-size:12px;color:#62675f}.mc-materials label{display:flex;gap:12px;border:1px solid var(--mc-line);padding:1rem;margin-top:-1px;align-items:center;cursor:pointer}.mc-materials label:has(input:checked){background:#e4e8dd;border-color:#8b9d81;position:relative}.mc-materials small{display:block;font-size:12px;color:#596657;margin-top:4px}.mc-total{font-size:18px;padding:1rem 0;border-top:1px solid var(--mc-line);border-bottom:1px solid var(--mc-line)}.mc-composition{margin-top:2rem}.mc-composition>p{font-size:13px;line-height:1.5}.mc-frame{position:relative;width:100%;aspect-ratio:4/3;background:#e1e0d5;overflow:hidden;touch-action:none;cursor:grab;outline-offset:4px}.mc-frame:active{cursor:grabbing}.mc-artwork{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:fill;transform-origin:0 0;pointer-events:none;user-select:none}.mc-allowance-guide{position:absolute;pointer-events:none;border:1px dashed white;box-shadow:0 0 0 1000px #0002;inset:0}.mc-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0}.mc-tools label{display:flex;gap:8px;align-items:center;font-size:13px;flex:1 1 100%}.mc-tools input{flex:1}.mc-tools button,.mc-presets button,.mc-pan button{font:inherit;font-size:12px;border:1px solid var(--mc-line);padding:10px 14px;background:transparent;color:inherit;cursor:pointer;border-radius:0}.mc-presets{display:flex;gap:.5rem;margin:.5rem 0}.mc-presets button[aria-pressed=true]{background:var(--mc-ink);color:white}.mc-pan{display:flex;gap:.5rem;margin:.8rem 0}.mc-pan button{min-width:44px;min-height:44px;font-size:18px}.mc-adjustment{min-height:20px;color:#845023}.mc-add,.mc-sample-add{display:block;width:100%;padding:1.1rem;border:0;background:var(--mc-ink);color:white;font:inherit;margin-top:1.2rem;cursor:pointer}.mc-add:disabled,.mc-sample-add:disabled{opacity:.45;cursor:not-allowed}.mc-sample{border-top:1px solid var(--mc-line);margin-top:1.7rem;padding-top:1.4rem}.mc-sample-open{font:inherit;background:none;border:0;border-bottom:1px solid var(--mc-ink);padding:.4rem 0;cursor:pointer;display:flex;width:100%;justify-content:space-between;gap:1rem;color:inherit}.mc-sample-open span{font-size:12px}.mc-sample p{font-size:12px;line-height:1.5;color:#62675f}.mc-status{font-size:13px;line-height:1.6;color:#5e6256}.mc-sample-dialog{border:0;max-width:520px;width:calc(100% - 36px);padding:2rem;box-sizing:border-box;background:var(--mc-paper);color:var(--mc-ink)}.mc-sample-dialog::backdrop{background:#14271dcc}.mc-sample-dialog h2{font-size:35px;line-height:1.1;font-weight:400}.mc-sample-dialog p{font-size:14px;line-height:1.5}.mc-sample-dialog label{display:block;padding:12px 0;border-bottom:1px solid var(--mc-line)}.mc-sample-close{float:right;background:none;border:0;font:inherit;font-size:24px;cursor:pointer;min-width:44px;min-height:44px}.mc-approval input,.mc-allowance input,.mc-materials input,.mc-unit input{accent-color:var(--mc-ink)}marsela-configurator :focus-visible{outline:2px solid #a9613d;outline-offset:4px}@media(max-width:600px){.mc-dimensions{gap:.55rem}.mc-dimensions input{padding:.8rem;font-size:18px}.mc-step h2{font-size:30px}.mc-sample-open{display:block;text-align:left}.mc-sample-open span{display:block;margin-top:.3rem}}
