.embedded-viewer-wrapper[data-v-5cfc7d8e]{width:100%;display:flex;flex-direction:column}.viewer-container--embedded[data-v-5cfc7d8e]{height:500px!important;min-height:300px;max-height:60vh}.viewer-container[data-v-5cfc7d8e]{width:100%;height:70vh;position:relative;border-radius:8px;overflow:hidden;transition:background-color .3s ease}.viewer-container[data-v-5cfc7d8e]:fullscreen{height:100vh;border-radius:0}.viewer-toolbar[data-v-5cfc7d8e]{position:absolute;top:12px;left:12px;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #00000026}.viewer-state[data-v-5cfc7d8e]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.viewer-footer[data-v-5cfc7d8e]{display:flex;justify-content:space-between;align-items:center;gap:16px}.viewer-hint[data-v-5cfc7d8e]{font-size:13px;color:#666;margin:0}.color-swatches[data-v-5cfc7d8e]{display:flex;gap:8px;padding:4px}.color-swatch[data-v-5cfc7d8e]{width:28px;height:28px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 1px 3px #0003}.color-swatch[data-v-5cfc7d8e]:hover{transform:scale(1.1)}.color-swatch.active[data-v-5cfc7d8e]{border-color:#18a058;box-shadow:0 0 0 2px #18a0584d}@media(max-width:768px){.viewer-container[data-v-5cfc7d8e]{height:60vh}.viewer-toolbar[data-v-5cfc7d8e]{top:8px;left:8px;padding:6px 10px}.viewer-footer[data-v-5cfc7d8e]{flex-direction:column;align-items:stretch}.viewer-hint[data-v-5cfc7d8e]{text-align:center;font-size:12px}}