@property --lq-text{syntax: "<length>"; inherits: true; initial-value: 16px;}.lq-app{--lq-text: 1em;--lq-border: rgb(0 0 0 / .12);--lq-muted: rgb(0 0 0 / .6);--lq-surface: rgb(0 0 0 / .03);--lq-accent: #1d4ed8;--lq-cut: #d62828;--lq-engrave: #1d4ed8;--lq-ignore: #9ca3af;--lq-radius: 8px;--lq-attention: #b45309;--lq-bg: #fff;--lq-view-h: clamp(280px, calc(100vh - 330px) , 1000px);--lq-stage-h: calc( var(--lq-view-h) + 4.2rem + 2.5 * var(--lq-text) + 4px );margin:1.5rem 0 3rem;padding:0 clamp(1rem,2.5vw,2.5rem);line-height:1.45}.lq-app *,.lq-app *:before,.lq-app *:after{box-sizing:border-box}.lq-app h1{margin:0 0 .25rem}.lq-app h2{font-size:var(--lq-text);margin:0 0 .75rem}.lq-app h3{font-size:calc(.95 * var(--lq-text));margin:1.25rem 0 .25rem}.lq-muted,.lq-help{color:var(--lq-muted);font-size:calc(.875 * var(--lq-text));margin:0}.lq-help{margin-bottom:.5rem}.lq-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lq-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.lq-header__actions{display:flex;gap:.5rem;align-items:center}.lq-lang{display:inline-flex;border:1px solid var(--lq-border);border-radius:var(--lq-radius);overflow:hidden}.lq-lang button{border:0;background:none;padding:.35rem .7rem;font:inherit;font-size:calc(.875 * var(--lq-text));cursor:pointer;color:inherit}.lq-lang button[aria-pressed=true]{background:var(--lq-accent);color:#fff}.lq-button{font:inherit;font-size:calc(.875 * var(--lq-text));padding:.45rem .9rem;border-radius:var(--lq-radius);border:1px solid var(--lq-accent);background:var(--lq-accent);color:#fff;cursor:pointer}.lq-button:disabled{opacity:.5;cursor:not-allowed}a.lq-button{display:inline-block;text-decoration:none;text-align:center}.lq-button--secondary{background:none;color:var(--lq-accent)}.lq-icon-button{border:0;background:none;font-size:calc(1.25 * var(--lq-text));line-height:1;padding:.25rem .5rem;cursor:pointer;color:var(--lq-muted);border-radius:var(--lq-radius)}.lq-icon-button:hover{background:var(--lq-surface)}.lq-link{color:var(--lq-accent);text-decoration:underline;cursor:pointer}.lq-app :focus-visible{outline:2px solid var(--lq-accent);outline-offset:2px}.lq-drop{display:flex;flex-direction:column;justify-content:center;min-height:var(--lq-stage-h);border:2px dashed var(--lq-border);border-radius:var(--lq-radius);padding:3rem 1.5rem;text-align:center;transition:border-color .15s,background-color .15s}.lq-drop p{margin:.25rem 0}.lq-drop--compact{min-height:0;padding:1rem;margin-top:1rem;font-size:calc(.875 * var(--lq-text))}.lq-drop--over{border-color:var(--lq-accent);background:#1d4ed80d}.lq-drop:focus-within{border-color:var(--lq-accent)}.lq-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(300px,380px);gap:1.5rem;align-items:start}.lq-layout__view{position:sticky;top:1rem}@media(max-width:960px){.lq-layout{grid-template-columns:minmax(0,1fr)}.lq-layout__view{position:static}}.lq-parts ul,.lq-layers ul{list-style:none;margin:0;padding:0}.lq-part{display:flex;align-items:flex-start;border:1px solid var(--lq-border);border-radius:var(--lq-radius);margin-bottom:.5rem}.lq-part--selected{border-color:var(--lq-accent);box-shadow:0 0 0 1px var(--lq-accent)}.lq-part__select{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;text-align:left;font:inherit;color:inherit;background:none;border:0;padding:.6rem .75rem;cursor:pointer}.lq-part--pending .lq-part__select{cursor:default}.lq-part__name{font-weight:600;font-size:calc(.9 * var(--lq-text));overflow-wrap:anywhere}.lq-part__meta{font-size:calc(.8 * var(--lq-text));color:var(--lq-muted)}.lq-nowrap{white-space:nowrap}.lq-part__meta--error{color:var(--lq-cut)}.lq-part__meta--attention{color:var(--lq-attention);font-weight:600}.lq-part progress{width:100%;height:4px}.lq-preview{margin:0;border:1px solid var(--lq-border);border-radius:var(--lq-radius);background:linear-gradient(var(--lq-surface) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(90deg,var(--lq-surface) 1px,transparent 1px) 0 0 / 20px 20px,#fff;padding:1rem;min-height:var(--lq-stage-h)}.lq-preview svg{display:block;width:100%;height:var(--lq-view-h)}.lq-preview__views{margin-bottom:.75rem}.lq-viewer3d{position:relative;border-radius:calc(var(--lq-radius) - 2px);overflow:hidden;background:#f6f7f8}.lq-viewer3d__canvas{position:relative;height:var(--lq-view-h);touch-action:none}.lq-viewer3d__canvas canvas{position:absolute;inset:0;width:100%;height:100%}.lq-viewer3d__overlay{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:1rem;text-align:center;color:var(--lq-muted);pointer-events:none}.lq-viewer3d__reset{position:absolute;right:.5rem;bottom:.5rem;background:#fff}.lq-preview--empty{display:grid;place-items:center;color:var(--lq-muted)}.lq-preview figcaption{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem;font-size:calc(.8 * var(--lq-text));color:var(--lq-muted)}.lq-legend:before{content:"";display:inline-block;width:1.1em;height:.7em;margin-right:.35em;vertical-align:middle;border-radius:2px}.lq-legend--cut:before{border:2px solid var(--lq-cut)}.lq-legend--engrave:before{background:var(--lq-engrave);opacity:.55}.lq-legend--ignore:before{border:2px dashed var(--lq-ignore)}.lq-messages{margin-top:1rem;display:grid;gap:.5rem}.lq-message{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin:0 0 .5rem;padding:.6rem .8rem;border-radius:var(--lq-radius);font-size:calc(.875 * var(--lq-text));border-left:4px solid}.lq-messages .lq-message{margin:0}.lq-message--error{border-color:var(--lq-cut);background:#d6282812}.lq-message--warning{border-color:#d97706;background:#d9770614}.lq-message--info{border-color:var(--lq-ignore);background:var(--lq-surface)}.lq-field{margin-bottom:.9rem}.lq-field label{display:block;font-size:calc(.85 * var(--lq-text));font-weight:600;margin-bottom:.25rem}.lq-field select,.lq-field input,.lq-field textarea{width:100%;font:inherit;padding:.45rem .55rem;border:1px solid var(--lq-border);border-radius:var(--lq-radius);background:#fff;color:inherit}.lq-collapsible{border-top:1px solid var(--lq-border)}.lq-collapsible:last-child{border-bottom:1px solid var(--lq-border)}.lq-collapsible>summary{display:flex;align-items:baseline;gap:.5rem;padding:.7rem 0;cursor:pointer;list-style:none}.lq-collapsible>summary::-webkit-details-marker{display:none}.lq-collapsible>summary:before{content:"";flex:none;width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.1em) rotate(-45deg);transition:transform .15s}.lq-collapsible[open]>summary:before{transform:translateY(-.2em) rotate(45deg)}.lq-collapsible__title{font-weight:600;font-size:calc(.95 * var(--lq-text))}.lq-collapsible__summary{margin-left:auto;text-align:right;font-size:calc(.85 * var(--lq-text));color:var(--lq-muted)}.lq-collapsible__body{padding:.25rem 0 .75rem}.lq-quantity{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lq-field.lq-quantity label{margin:0}.lq-quantity .lq-stepper{width:9rem}.lq-collapsible__summary--attention{color:var(--lq-attention);font-weight:600}.lq-step{flex:none;align-self:center;display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid var(--lq-border);color:var(--lq-muted);font-size:calc(.75 * var(--lq-text));font-weight:700;line-height:1}.lq-step--done{border-color:var(--lq-accent);color:var(--lq-accent)}.lq-step-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.75rem}button.lq-link{border:0;background:none;padding:0;font:inherit}.lq-summary{width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;border:0;border-radius:var(--lq-radius);padding:1.25rem 1.5rem;box-shadow:0 20px 50px #0000004d;line-height:1.45}.lq-summary::backdrop{background:#00000073}.lq-summary__head{display:flex;justify-content:space-between;align-items:center}.lq-summary__head h2{margin:0;font-size:calc(1.25 * var(--lq-text))}.lq-summary__parts{list-style:none;margin:1rem 0;padding:0;border-top:1px solid var(--lq-border)}.lq-summary__part{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--lq-border)}.lq-summary .lq-summary__thumb{display:block;width:88px;height:88px;max-height:none;border-radius:calc(var(--lq-radius) - 2px);background:var(--lq-surface);padding:4px}.lq-summary__info{display:flex;flex-direction:column;gap:.15rem;font-size:calc(.875 * var(--lq-text));min-width:0}.lq-summary__name{font-size:calc(.95 * var(--lq-text));overflow-wrap:anywhere}.lq-summary__price{display:flex;flex-direction:column;align-items:flex-end;font-size:calc(.875 * var(--lq-text));white-space:nowrap;font-variant-numeric:tabular-nums}.lq-summary__totals{margin:0 0 1rem}.lq-summary__confirm{display:flex;gap:.6rem;align-items:flex-start;margin:.5rem 0 1rem;padding:.75rem;border:1px solid var(--lq-border);border-radius:var(--lq-radius);background:var(--lq-surface);cursor:pointer;font-size:calc(.9 * var(--lq-text))}.lq-summary__confirm input{margin-top:.2rem;flex:none}.lq-summary__actions{display:flex;justify-content:flex-end;gap:.5rem}.lq-summary__actions .lq-checkout__button{width:auto;margin:0}@media(max-width:560px){.lq-summary__part{grid-template-columns:64px minmax(0,1fr)}.lq-summary .lq-summary__thumb{width:64px;height:64px}.lq-summary__price{grid-column:2;align-items:flex-start}}.lq-layer{display:flex;flex-direction:column;gap:.35rem;padding:.55rem 0;border-top:1px solid var(--lq-border)}.lq-layer--all{border-top:0}.lq-layer__name{display:flex;gap:.5rem;align-items:center;font-size:calc(.875 * var(--lq-text));font-weight:600;overflow-wrap:anywhere}.lq-layer__name small{display:block;font-weight:400;color:var(--lq-muted)}.lq-swatch{flex:none;width:14px;height:14px;border-radius:3px;border:1px solid var(--lq-border)}.lq-modes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--lq-border);border-radius:var(--lq-radius);overflow:hidden}.lq-mode{position:relative;text-align:center;font-size:calc(.8 * var(--lq-text));cursor:pointer}.lq-mode+.lq-mode{border-left:1px solid var(--lq-border)}.lq-mode input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.lq-mode span{display:block;padding:.35rem .25rem}.lq-mode input:focus-visible+span{outline:2px solid var(--lq-accent);outline-offset:-2px}.lq-mode input:disabled+span{opacity:.5}.lq-mode--cut input:checked+span{background:var(--lq-cut);color:#fff}.lq-mode--engrave input:checked+span{background:var(--lq-engrave);color:#fff}.lq-mode--ignore input:checked+span{background:var(--lq-ignore);color:#fff}.lq-price{position:sticky;bottom:0;z-index:1;margin-top:1rem;background:var(--lq-bg);box-shadow:0 -8px 16px -12px #00000059;border:1px solid var(--lq-border);border-radius:var(--lq-radius);padding:1rem 1.25rem;transition:opacity .15s}.lq-price--updating .lq-price__rows{opacity:.55}.lq-price__rows{margin:0 0 .5rem}.lq-price__rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.35rem 0}.lq-price__rows dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.lq-price__total{border-top:1px solid var(--lq-border);margin-top:.25rem;font-weight:700;font-size:calc(1.15 * var(--lq-text))}.lq-price .lq-message{margin:0}.lq-fieldset{border:0;margin:0;padding:0;min-width:0}.lq-checkout{border-top:1px solid var(--lq-border);margin-top:.75rem;padding-top:.9rem}.lq-field textarea{resize:vertical}.lq-checkout .lq-message{margin-bottom:.75rem}.lq-checkout__button{width:100%;font-size:var(--lq-text);font-weight:600;padding:.7rem 1rem;margin-bottom:.5rem}@media(max-width:960px){.lq-price{position:static;box-shadow:none}}.lq-stepper{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;border:1px solid var(--lq-border);border-radius:var(--lq-radius);overflow:hidden;background:#fff}.lq-field .lq-stepper input{border:0;border-radius:0;text-align:center;-moz-appearance:textfield}.lq-stepper input::-webkit-inner-spin-button,.lq-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lq-stepper button{font:inherit;font-size:calc(1.1 * var(--lq-text));line-height:1;color:inherit;background:var(--lq-surface);border:0;cursor:pointer}.lq-stepper button:disabled{opacity:.4;cursor:default}.lq-stepper button:focus-visible,.lq-stepper input:focus-visible{outline:2px solid var(--lq-accent);outline-offset:-2px}.lq-part__price{font-size:calc(.85 * var(--lq-text));font-weight:600;font-variant-numeric:tabular-nums}
