.llff{--llff-blue:#169dbb;--llff-ink:#24344a;--llff-muted:#6f7985;--llff-border:#dde2e7;--llff-panel:#fff;--llff-stage:#f7f2eb;padding:0;background:#f4f5f6;color:var(--llff-ink)}.llff *{box-sizing:border-box}.llff__workspace{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1fr) 390px;max-width:1800px;margin:0 auto;background:#fff}.llff__preview-column{min-width:0;background:var(--llff-stage);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px 24px;overflow:hidden}.llff__stage{width:100%;height:min(70vh,760px);min-height:480px;display:flex;align-items:center;justify-content:center;position:relative}.llff__frame{--frame-w:340px;--frame-h:425px;--rail:24px;--frame-material:repeating-linear-gradient(92deg,#d9a66a 0 8px,#c99156 9px 12px,#e5ba7e 13px 20px,#bc844c 21px 24px);position:relative;width:var(--frame-w);height:var(--frame-h);filter:drop-shadow(0 14px 14px rgba(52,37,25,.18));transition:width .42s cubic-bezier(.2,.75,.25,1),height .42s cubic-bezier(.2,.75,.25,1);isolation:isolate}.llff__material{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;transition:opacity .22s ease;z-index:0;background:#d8a46f;overflow:hidden;box-shadow:inset 0 0 0 1px #0000003d,inset 0 0 0 3px #ffffff1a}.llff__material:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,#fff6 0 5%,#ffffff0f 20% 72%,#0003 96% 100%)}.llff__material:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(45deg,transparent 0 48.8%,rgba(0,0,0,.16) 49.5% 50.5%,transparent 51.2%),linear-gradient(-45deg,transparent 0 48.8%,rgba(255,255,255,.16) 49.5% 50.5%,transparent 51.2%);opacity:.35}.llff__material--b{opacity:0}.llff__rail{position:absolute;z-index:5;pointer-events:none;background:var(--frame-material);box-shadow:inset 0 0 0 1px #00000038,inset 0 2px 2px #ffffff3d,inset 0 -2px 3px #00000029;overflow:hidden}.llff__rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 24% 72%,rgba(0,0,0,.16));pointer-events:none}.llff__rail--top{top:0;left:0;right:0;height:var(--rail);clip-path:polygon(0 0,100% 0,calc(100% - var(--rail)) 100%,var(--rail) 100%)}.llff__rail--bottom{bottom:0;left:0;right:0;height:var(--rail);clip-path:polygon(var(--rail) 0,calc(100% - var(--rail)) 0,100% 100%,0 100%)}.llff__rail--left{top:0;bottom:0;left:0;width:var(--rail);clip-path:polygon(0 0,100% var(--rail),100% calc(100% - var(--rail)),0 100%)}.llff__rail--right{top:0;bottom:0;right:0;width:var(--rail);clip-path:polygon(0 var(--rail),100% 0,100% 100%,0 calc(100% - var(--rail)))}.llff__opening{position:absolute;z-index:2;top:calc(var(--rail) - 1px);right:calc(var(--rail) - 1px);bottom:calc(var(--rail) - 1px);left:calc(var(--rail) - 1px);background:#fff;box-shadow:0 0 0 1px #00000042,0 0 0 2px #ffffff29,0 2px 8px #00000038;overflow:hidden;transition:top .42s cubic-bezier(.2,.75,.25,1),right .42s cubic-bezier(.2,.75,.25,1),bottom .42s cubic-bezier(.2,.75,.25,1),left .42s cubic-bezier(.2,.75,.25,1)}.llff__mat{width:100%;height:100%;background:#f4f0e8;padding:0;transition:padding .38s cubic-bezier(.2,.75,.25,1),background-color .22s ease}.llff__photo-window{position:relative;width:100%;height:100%;background:#fff;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.llff__photo-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px #00000014;opacity:.25;transition:opacity .22s ease,box-shadow .22s ease}.llff__mat.is-matted .llff__photo-window:after{opacity:1;box-shadow:inset 0 5px 12px #0000003d,inset 5px 0 10px #0000001a,inset -3px -2px 8px #ffffff38,inset 0 0 0 1px #0000001f}.llff__photo-window:active{cursor:grabbing}.llff__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1);transform-origin:center;transition:filter .22s ease;display:none;pointer-events:none}.llff__photo.is-loaded{display:block}.llff__empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#5d3929;font-size:12px;letter-spacing:.02em;z-index:1}.llff__empty-state[hidden]{display:none}.llff__upload-cross{width:58px;height:58px;position:relative;display:block}.llff__upload-cross:before,.llff__upload-cross:after{content:"";position:absolute;background:#6a402e;left:50%;top:50%;transform:translate(-50%,-50%)}.llff__upload-cross:before{width:56px;height:1px}.llff__upload-cross:after{width:1px;height:56px}.llff__acrylic{position:absolute;inset:var(--rail);z-index:3;pointer-events:none;opacity:0;background:linear-gradient(120deg,#ffffff6b,#ffffff0a 28%,#ffffff21 54%,#fff0 72%);transition:opacity .25s ease}.llff__acrylic.is-on{opacity:.62}.llff__photo-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;min-height:40px}.llff__tool-button{border:1px solid #cbd2d9;background:#fff;color:var(--llff-ink);padding:8px 12px;border-radius:8px;font:inherit;cursor:pointer}.llff__tool-button:hover{border-color:var(--llff-blue)}.llff__tool-hint{font-size:12px;color:var(--llff-muted);margin-left:4px}.llff__controls{background:var(--llff-panel);border-left:1px solid #e1e5e9;padding:28px 28px 32px;overflow:auto;max-height:calc(100vh - 80px);position:sticky;top:0}.llff__heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.llff__eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--llff-blue);font-weight:800;margin:0 0 5px}.llff__title{font-size:22px;line-height:1.15;margin:0;color:var(--llff-ink)}.llff__prototype-badge{font-size:9px;letter-spacing:.08em;font-weight:800;border:1px solid var(--llff-blue);color:var(--llff-blue);padding:5px 7px;border-radius:99px;white-space:nowrap}.llff__upload-button{width:100%;border:0;background:var(--llff-blue);color:#fff;min-height:48px;border-radius:7px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px #00000014}.llff__file-input{display:none}.llff__bw-toggle{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:13px;color:var(--llff-muted);cursor:pointer;width:max-content}.llff__bw-toggle input{accent-color:var(--llff-blue)}.llff__option-group{padding:18px 0;border-bottom:1px solid var(--llff-border)}.llff__option-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:11px;color:var(--llff-ink)}.llff__option-heading strong{font-size:14px}.llff__option-heading span{font-size:11px;color:var(--llff-muted)}.llff__size-scroller{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.llff__size-card{flex:0 0 62px;height:72px;border:1px solid var(--llff-border);background:#faf9f7;border-radius:7px;color:var(--llff-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;cursor:pointer;scroll-snap-align:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.llff__size-card.is-selected{border:2px solid var(--llff-blue);background:#effafd;box-shadow:0 0 0 1px #169dbb14}.llff__ratio-icon{width:24px;height:24px;border:1.5px solid #77808a;display:block;max-width:30px;max-height:30px;aspect-ratio:calc(var(--rw)/var(--rh))}.llff__style-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.llff__style-card{border:1px solid var(--llff-border);background:#faf9f7;border-radius:7px;padding:7px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:var(--llff-ink);cursor:pointer;min-width:0}.llff__style-card.is-selected{border:2px solid var(--llff-blue);background:#effafd}.llff__swatch{display:block;width:100%;height:30px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.llff__swatch--oak{background:repeating-linear-gradient(92deg,#d9a66a 0 5px,#c99156 6px 8px,#e5ba7e 9px 13px)}.llff__swatch--maple{background:repeating-linear-gradient(90deg,#ead2a9 0 7px,#f4e0bd 8px 11px,#d8bd8e 12px 14px)}.llff__swatch--walnut{background:repeating-linear-gradient(90deg,#60432f 0 6px,#76533a 7px 11px,#4c3325 12px 15px)}.llff__swatch--black{background:linear-gradient(90deg,#202020,#454545,#171717)}.llff__swatch--white{background:linear-gradient(90deg,#efefeb,#fff,#e7e7e2)}.llff__segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.llff__segmented button{min-height:38px;border:1px solid var(--llff-border);background:#f8f6f2;border-radius:7px;font:inherit;font-size:11px;color:var(--llff-ink);cursor:pointer}.llff__segmented button.is-selected{border:2px solid var(--llff-blue);background:#effafd;font-weight:800}.llff__acrylic-option{display:flex;align-items:center;gap:10px;padding:16px 0;cursor:pointer;border-bottom:1px solid var(--llff-border)}.llff__acrylic-option input{position:absolute;opacity:0;pointer-events:none}.llff__checkmark{width:18px;height:18px;border:1.5px solid #67717c;border-radius:4px;display:grid;place-items:center;flex:0 0 auto}.llff__acrylic-option input:checked+.llff__checkmark{background:var(--llff-blue);border-color:var(--llff-blue)}.llff__acrylic-option input:checked+.llff__checkmark:after{content:"\2713";color:#fff;font-size:12px;font-weight:900}.llff__acrylic-option strong{font-size:13px;display:block}.llff__acrylic-option small{font-size:10px;color:var(--llff-muted);display:block;margin-top:2px}.llff__prototype-note{margin:16px 0;padding:11px 12px;border-radius:7px;background:#f2f5f7;color:#596674;font-size:10px;line-height:1.45}.llff__cart-button{width:100%;min-height:48px;border:0;border-radius:6px;background:#662714;color:#fff;font-weight:800;opacity:.48;cursor:not-allowed}@media(max-width:990px){.llff__workspace{grid-template-columns:1fr}.llff__preview-column{padding:18px 12px 12px}.llff__stage{height:54vh;min-height:380px}.llff__controls{position:relative;top:auto;max-height:none;border-left:0;border-top:1px solid #e1e5e9;padding:20px 16px 28px}.llff__frame{filter:drop-shadow(0 9px 10px rgba(52,37,25,.14))}}@media(max-width:520px){.llff__stage{height:48vh;min-height:330px}.llff__preview-column{padding-top:8px}.llff__heading-row{align-items:center}.llff__prototype-badge{font-size:8px}.llff__style-row{gap:5px}.llff__style-card{font-size:9px}.llff__tool-hint{width:100%;text-align:center;margin:1px 0 0}.llff__frame{--rail:18px}}[data-llff-renderer="35"] .llff__rail{display:block;opacity:1;visibility:visible;background-color:#8a5a39}
/*# sourceMappingURL=/cdn/shop/t/214/assets/ll-frame-configurator-v35.css.map */