.luxury-page #design-dialog .editor-header{padding-top:24px}.luxury-page #design-dialog #ribbon-controls{min-width:0;margin:24px 0 0;padding:0;border:0}.luxury-page #design-dialog #ribbon-controls legend{margin:0 0 12px;padding:0;color:var(--editor-ink);font:400 24px/32px var(--serif);letter-spacing:normal}.luxury-page #design-dialog .ribbon-options{display:flex;flex-wrap:wrap;gap:8px}.luxury-page #design-dialog .ribbon-option{position:relative;min-width:0;margin:0}.luxury-page #design-dialog .ribbon-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.luxury-page #design-dialog .ribbon-option>span{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--editor-line);color:var(--editor-ink);background:#fff;font:400 16px/24px var(--sans);letter-spacing:.3px;cursor:pointer}.luxury-page #design-dialog .ribbon-swatch{display:block;flex:0 0 20px;width:20px;height:24px;background:linear-gradient(90deg,#0002,transparent 25%,#fff3 55%,#0002),var(--swatch);border:1px solid #0002}.luxury-page #design-dialog .ribbon-option input:checked+span{background:#fff0f7;border-color:var(--editor-accent);box-shadow:inset 0 -2px var(--editor-accent)}.luxury-page #design-dialog .ribbon-option input:focus-visible+span{outline:2px solid var(--editor-accent);outline-offset:3px}.luxury-page #design-dialog .ribbon-option input:disabled+span{opacity:.55;cursor:wait}.luxury-page #design-dialog .ornament-stage{--ribbon-color:#dba7b8;padding-top:87px;isolation:isolate}.luxury-page #design-dialog #ornament-ribbon{position:absolute;top:0;left:50%;width:34px;height:66px;box-sizing:border-box;border:7px solid var(--ribbon-color);border-radius:48% 48% 42% 42%;transform:translate(-50%) rotate(-4deg);box-shadow:inset 1px 0 #ffffff60,1px 0 #0002;pointer-events:none;z-index:1}.luxury-page #design-dialog .ornament-loop{top:36px;z-index:2}.luxury-page #design-dialog .ornament-cap{top:61px;z-index:3}@media(max-width:680px){.luxury-page #design-dialog .ribbon-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.luxury-page #design-dialog .ribbon-option>span{padding:10px 8px;gap:8px;letter-spacing:0}.luxury-page #design-dialog .ribbon-swatch{flex-basis:16px;width:16px}}@media(max-width:360px){.luxury-page #design-dialog .ribbon-option>span{padding-inline:6px;gap:4px}.luxury-page #design-dialog .ribbon-swatch{flex-basis:14px;width:14px}}
