.design-viewer{background:#fff;border:1px solid #e4dad5;border-radius:14px;overflow:hidden;min-width:0}
.design-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}
.design-heading h3{margin:0 0 7px;font-size:1.2rem;line-height:1.5}
.design-heading p{margin:0;color:#5d5652;font-size:1rem;line-height:1.7}
.design-expand,.design-placeholder button{flex:none;border:1px solid #b6422e;border-radius:999px;padding:12px 18px;min-height:48px;color:#a83223;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.design-screen{height:790px;position:relative;background:#edf0eb}
.design-screen iframe{display:block;width:100%;height:100%;border:0}
.design-screen [hidden]{display:none!important}
.design-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;box-sizing:border-box}
.design-placeholder img{display:block;max-width:560px;max-height:64%;width:100%;height:auto;object-fit:contain}
.design-placeholder p{font-size:1rem;line-height:1.8;margin:18px 0}
.design-note{font-size:.9rem!important;line-height:1.75!important;color:#5d5652;margin:0!important;padding:16px 24px!important;border-top:1px solid #e4dad5}
.design-viewer:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}
.design-viewer:fullscreen .design-screen{flex:1;min-height:0;height:auto}
.design-viewer:fullscreen .design-heading{padding:10px 18px}
.design-viewer:fullscreen .design-heading p,.design-viewer:fullscreen .design-note{display:none}
.design-viewer button:focus-visible{outline:3px solid #b6422e;outline-offset:3px}
@media(max-width:899px){.design-heading{padding:18px;display:block}.design-heading h3{font-size:1.1rem}.design-expand{margin-top:12px}.design-screen{height:920px}.design-note{padding:14px 18px!important}.design-viewer:fullscreen .design-heading{display:flex}.design-viewer:fullscreen .design-expand{margin-top:0}.design-viewer:fullscreen .design-heading h3{font-size:.95rem}}

.design-loading-mark{display:grid;place-items:center;width:96px;height:96px;border:1px solid #d9c9c0;border-radius:24px;background:#fff;font-size:32px;color:#b6422e}

@media(max-width:899px){.design-heading{display:flex;gap:12px;align-items:center;padding:14px}.design-heading h3{font-size:1rem;margin:0}.design-heading p{display:none}.design-expand{font-size:.85rem;padding:8px 12px;margin:0}.design-screen{height:820px}}