.designer-invitation{position:relative;display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:center;padding-block:45px;background:var(--mat);overflow:hidden}.designer-invitation>div:nth-child(2){max-width:660px}.designer-invitation .eyebrow{font-size:8px;color:var(--muted);margin-bottom:14px}.designer-invitation h2{font-size:48px;margin-bottom:17px}.designer-invitation p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--body-copy);max-width:580px;margin-bottom:22px}.designer-teaser{transform:rotate(-6deg);background:#ebe5d9;box-shadow:0 20px 50px #0002}.designer-teaser canvas{width:100%;height:auto;display:block}.designer-flower{position:absolute;right:6%;top:35px;font:140px var(--serif);color:var(--wine);opacity:.14;pointer-events:none}.designer-dialog{width:min(1240px,96vw);max-width:none;max-height:94dvh;height:900px;border:1px solid var(--rule);margin:auto;padding:0;background:var(--paper);color:var(--ink);overflow:hidden}.designer-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.designer-dialog>header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:18px 27px;border-bottom:1px solid var(--rule)}.designer-dialog .eyebrow{font-size:8px;color:var(--muted)}.designer-dialog h2{font-size:30px;margin-top:8px}.designer-dialog [data-designer-close]{font-size:30px;line-height:1;border:1px solid var(--rule);background:none;width:42px;height:42px}.designer-layout{display:grid;grid-template-columns:1.2fr 1fr;height:calc(100% - 95px);min-height:0}.designer-preview{position:relative;background:#eee8dd;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-width:0}.designer-preview canvas{display:block;width:100%;max-height:calc(100% - 80px);height:auto;object-fit:contain;touch-action:none;cursor:grab}.designer-preview canvas:active{cursor:grabbing}.designer-canvas-hint{font-size:10px;line-height:1.8;color:#615c52;padding:15px 30px;text-align:center;max-width:460px}.designer-loading{position:absolute;top:15px;left:15px;right:15px;text-align:center;color:#4f5040;background:#ffffffe6;font-size:11px;padding:7px}.designer-loading:empty{display:none}.designer-controls{padding:24px;overflow-y:auto;overscroll-behavior:contain}.designer-controls fieldset{margin:0 0 23px;padding:0;border:0}.designer-controls legend{font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:11px}.designer-types{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.designer-types button{background:var(--mat);border:1px solid var(--rule);padding:0 0 7px;font-size:9px;overflow:hidden}.designer-types button[aria-pressed=true]{border:2px solid var(--wine);padding-bottom:6px}.designer-types img{aspect-ratio:1;width:100%;height:auto;object-fit:cover}.designer-types span{display:block;padding-top:6px}.designer-search{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.designer-search input,.designer-search select,.designer-order select{width:100%;min-width:0;font:11px var(--sans);background:var(--mat);border:1px solid var(--rule);color:var(--ink);padding:10px}.designer-works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:185px;overflow:auto;overscroll-behavior:contain;padding:2px}.designer-works button{padding:5px;background:var(--mat);border:1px solid transparent;min-width:0}.designer-works button[aria-pressed=true]{border-color:var(--wine);background:var(--paper)}.designer-works img{width:100%;height:65px;object-fit:contain}.designer-works span{display:block;font-size:7px;line-height:1.5;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-selected-art{font:italic 18px var(--serif);color:var(--wine);margin-top:10px}.designer-no-results{font-size:11px;padding:15px;color:var(--muted)}.designer-modes{display:flex;gap:7px;margin-bottom:17px}.designer-modes button{flex:1;padding:10px 5px;font-size:10px;background:transparent;border:1px solid var(--rule)}.designer-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.designer-slider{display:block;margin:12px 0}.designer-slider>span{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.designer-slider input{width:100%;accent-color:var(--wine);height:20px;cursor:pointer}.designer-reset{background:none;border:0;text-decoration:underline;color:var(--muted);font-size:9px;padding:7px 0}.designer-order{display:flex;align-items:end;justify-content:space-between;margin:20px 0;gap:20px}.designer-order label{font-size:9px;display:grid;gap:6px;width:150px}.designer-order>div{text-align:right}.designer-order>div>span{display:block;font-size:8px;color:var(--muted)}.designer-order strong{font-size:24px;font-weight:400}.designer-order-note{font-size:9px;line-height:1.85;color:var(--muted);margin-top:15px}.designer-error{font-size:11px;color:var(--wine);border:1px solid var(--rule);padding:12px;margin-top:12px}.shop-custom-label{display:block;font-size:8px;color:var(--wine);margin-bottom:6px}.shop-line-edit{font-size:9px!important;text-decoration:underline}.designer-dialog [hidden]{display:none!important}
@media(max-width:760px){.designer-invitation{grid-template-columns:100px 1fr;gap:25px;padding-block:30px}.designer-invitation h2{font-size:32px}.designer-invitation p:not(.eyebrow){font-size:10px}.designer-invitation .shop-button{font-size:9px;padding:13px;min-height:45px}.designer-flower{font-size:100px;right:-20px;top:0}.designer-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0}.designer-dialog>header{height:76px;padding:13px 18px}.designer-dialog h2{font-size:25px;margin-top:5px}.designer-layout{display:block;height:calc(100% - 76px);overflow:auto}.designer-preview{height:40svh;min-height:245px;position:sticky;top:0;z-index:2;border-bottom:1px solid #c5bfaf}.designer-preview canvas{max-height:calc(100% - 44px);width:auto;max-width:100%;height:auto;aspect-ratio:1}.designer-canvas-hint{font-size:8px;padding:6px 15px;line-height:1.5}.designer-controls{overflow:visible;padding:21px}.designer-types img{height:75px;object-fit:cover}.designer-types span{font-size:9px}.designer-search input,.designer-search select,.designer-order select{font-size:16px;padding:8px}.designer-search{grid-template-columns:1fr}.designer-works{max-height:200px}.designer-works img{height:68px}.designer-loading{font-size:9px}.designer-preview canvas:focus-visible{outline-offset:-3px}.designer-slider input{height:30px}.designer-slider>span{font-size:11px}.designer-order-note{font-size:10px}.designer-controls legend{font-size:11px}}
