.ring-media-viewer{flex-direction:column;gap:0;display:flex}.ring-viewer-main{aspect-ratio:1;border-radius:var(--border-radius-sm,4px);background-color:#0000;position:relative;overflow:hidden}.ring-image-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ring-image-view img{object-fit:contain;width:100%;height:100%}.ring-image-placeholder{color:var(--color-text-tertiary,#666);font-size:var(--font-size-sm,14px)}.viewer-loading{justify-content:center;align-items:center;gap:var(--spacing-md,16px);width:100%;height:100%;color:var(--color-text-secondary,#999);flex-direction:column;display:flex}.viewer-loading-spinner{border:3px solid var(--color-border,#333);border-top-color:var(--color-primary,#6ea4b2);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.view-mode-toggle{top:var(--spacing-md,16px);right:var(--spacing-md,16px);align-items:center;gap:var(--spacing-xs,4px);padding:var(--spacing-sm,8px) var(--spacing-md,16px);border:1px solid var(--color-border,#333);border-radius:var(--border-radius-sm,4px);color:var(--color-primary,#6ea4b2);font-size:var(--font-size-sm,14px);cursor:pointer;z-index:10;background-color:#000000b3;transition:all .2s;display:flex;position:absolute}.view-mode-toggle:hover{border-color:var(--color-primary,#6ea4b2);background-color:#000000e6}.view-mode-toggle svg{stroke:currentColor}.ring-thumbnails{gap:var(--spacing-sm,8px);display:flex}.ring-thumbnail{background-color:var(--color-surface-hover,#2a2a2a);border-radius:var(--border-radius-sm,4px);cursor:pointer;border:2px solid #0000;width:60px;height:60px;padding:0;transition:border-color .2s;overflow:hidden}.ring-thumbnail:hover,.ring-thumbnail.active{border-color:var(--color-primary,#6ea4b2)}.ring-thumbnail img{object-fit:cover;width:100%;height:100%}.ring-metal-selector{align-items:center;gap:var(--spacing-md,16px);display:flex}.metal-label{color:var(--color-text-secondary,#999);font-size:var(--font-size-sm,14px)}.metal-buttons{gap:var(--spacing-xs,4px);display:flex}.metal-btn{align-items:center;gap:var(--spacing-xs,4px);padding:var(--spacing-xs,4px) var(--spacing-sm,8px);border:1px solid var(--color-border,#333);border-radius:var(--border-radius-sm,4px);color:var(--color-text-secondary,#999);font-size:var(--font-size-xs,12px);cursor:pointer;background-color:#0000;transition:all .2s;display:flex}.metal-btn:hover{border-color:var(--color-text-tertiary,#666);color:var(--color-text-primary,#f5f5f5)}.metal-btn.active{border-color:var(--color-primary,#6ea4b2);color:var(--color-text-primary,#f5f5f5)}.metal-swatch{border-radius:50%;width:14px;height:14px}.metal-white{background:linear-gradient(135deg,#e8e8e8,silver)}.metal-yellow{background:linear-gradient(135deg,#d4b85c,#c4a64a)}.metal-rose{background:linear-gradient(135deg,#e8b4b8,#b76e79)}.diamond-360-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diamond-360-view iframe{border:none;width:100%;height:100%}.diamond-360-b2b{aspect-ratio:980/792;height:auto}.diamond-360-b2b:after{content:"";pointer-events:none;z-index:1;background:#000;height:3%;position:absolute;bottom:0;left:0;right:0}.diamond-360-b2b~.video-360-hint{bottom:60px}.diamond-video-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diamond-video-view iframe{border:none;width:100%;height:100%}.ring-viewer-main .diamond-cert-view{width:100%;height:100%}.diamond-document-view{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diamond-document-view img{object-fit:contain;max-width:100%;max-height:100%}.diamond-image-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diamond-image-view img{object-fit:contain;max-width:100%;max-height:100%}@media (max-width:768px){.ring-viewer-main{border-radius:0}}@media (max-width:640px){.ring-thumbnail{width:50px;height:50px}.metal-label{display:none}}