.gsu-pro-v2{--gsu-bg: #ffffff;--gsu-surface: #f7f8fa;--gsu-border: #e5e7eb;--gsu-text-primary: #111827;--gsu-text-secondary: #6b7280;--gsu-accent: #10b981;--gsu-accent-hover: #059669;--gsu-radius-lg: 16px;--gsu-radius-md: 10px;--gsu-radius-sm: 8px;--gsu-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--gsu-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .07);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--gsu-bg);color:var(--gsu-text-primary);border:1px solid var(--gsu-border);border-radius:var(--gsu-radius-lg);box-shadow:var(--gsu-shadow-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.gsu-pro-v2__header,.gsu-pro-v2__footer{padding:12px 16px;background:var(--gsu-surface);border:1px solid var(--gsu-border);border-radius:var(--gsu-radius-md)}.gsu-pro-v2__header{display:flex;flex-direction:column;gap:16px}.gsu-pro-v2__title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gsu-pro-v2__heading{margin:0;font-size:18px;font-weight:700;font-family:Bricolage Grotesque,sans-serif!important;color:var(--gsu-text-primary)}.gsu-title-badge{font-size:12px;font-weight:600;color:var(--gsu-text-secondary);background:#fff;border:1px solid var(--gsu-border);padding:4px 10px;border-radius:999px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsu-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gsu-btn,.gsu-select{height:42px;border:1px solid var(--gsu-border);border-radius:var(--gsu-radius-sm);background:#fff;box-shadow:var(--gsu-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.gsu-btn:hover,.gsu-select:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:var(--gsu-shadow-lg)}.gsu-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;color:var(--gsu-text-secondary)}.gsu-btn--icon{width:42px}.gsu-btn .gsu-icon{width:20px;height:20px}.gsu-btn[data-state=playing] .gsu-icon--play,.gsu-btn[data-state=paused] .gsu-icon--pause{display:none}.gsu-btn[aria-pressed=true]{background:var(--gsu-surface);color:var(--gsu-accent)}.gsu-select{display:flex;align-items:center;padding:0 12px;gap:8px;position:relative;flex-grow:1;min-width:150px;margin-bottom:0}.gsu-select__label{font-size:13px;font-weight:600;color:var(--gsu-text-secondary)}.gsu-select select{flex-grow:1;-webkit-appearance:none;appearance:none;background:transparent;border:none;font-size:14px;font-weight:600;color:var(--gsu-text-primary);cursor:pointer;height:100%;padding-right:20px}.gsu-select:after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:2px solid var(--gsu-text-secondary);border-bottom:2px solid var(--gsu-text-secondary);transform:translateY(-70%) rotate(45deg);pointer-events:none}.gsu-color-variants{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gsu-border);border-radius:var(--gsu-radius-sm);padding:4px;box-shadow:var(--gsu-shadow)}.gsu-color-btn{-webkit-appearance:none;appearance:none;border:none;background:transparent;border-radius:50%;padding:3px;cursor:pointer;display:flex;transition:all .2s ease;position:relative}.gsu-color-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;transition:border-color .2s ease}.gsu-color-btn.active:before{border-color:var(--gsu-accent)}.gsu-color-btn:hover{transform:scale(1.1)}.gsu-color-swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.gsu-color-btn--white .gsu-color-swatch{background:#fff}.gsu-color-btn--gray .gsu-color-swatch{background:#6b7280}.gsu-color-btn--black .gsu-color-swatch{background:#111827}.gsu-color-btn--checkered .gsu-color-swatch{background:conic-gradient(#e5e7eb 25%,#fff 0 50%,#e5e7eb 0 75%,#fff 0) 0 / 10px 10px}.gsu-pro-v2__viewport{position:relative;height:48.2vh;border:1px solid var(--gsu-border);border-radius:var(--gsu-radius-md);overflow:auto;background:var(--gsu-surface);cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background .3s ease}.gsu-pro-v2__viewport:focus-visible{outline:2px solid var(--gsu-accent)}.gsu-pro-v2__viewport.grabbing{cursor:grabbing}.gsu-pro-v2__viewport:not([data-mode=scroll])::-webkit-scrollbar{display:none}.gsu-pro-v2__viewport:not([data-mode=scroll]){scrollbar-width:none}.gsu-pro-v2__viewport[data-mode=scroll]{scrollbar-width:thin;scrollbar-color:var(--gsu-border) transparent}.gsu-pro-v2__viewport[data-mode=scroll]::-webkit-scrollbar{width:10px;height:10px}.gsu-pro-v2__viewport[data-mode=scroll]::-webkit-scrollbar-track{background:transparent;border-radius:10px}.gsu-pro-v2__viewport[data-mode=scroll]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e9ecef,#dee2e6);border:1px solid var(--gsu-border);border-radius:10px}.gsu-pro-v2__viewport[data-mode=scroll]::-webkit-scrollbar-thumb:hover{background:#dfe3e6}.gsu-pro-v2__viewport[data-bg=white]{background-color:#fff}.gsu-pro-v2__viewport[data-bg=gray]{background-color:#6b7280}.gsu-pro-v2__viewport[data-bg=black]{background-color:#111827}.gsu-pro-v2__viewport[data-bg=checkered]{background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#f7f8fa}.gsu-pro-v2__track{display:flex;flex-direction:column;align-items:center;width:100%}.gsu-pro-v2__viewport[data-mode=single] .gsu-pro-v2__track{height:100%!important;padding:0!important;gap:0!important;flex-direction:column!important}.gsu-pro-v2__viewport[data-mode=single] .gsu-card{height:100%!important;padding:24px!important;width:100%!important;flex:1!important}.gsu-pro-v2__viewport[data-mode=single] .gsu-img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.gsu-pro-v2__viewport[data-mode=scroll] .gsu-pro-v2__track{padding:5px;gap:24px}.gsu-pro-v2__viewport[data-mode=scroll] .gsu-card{width:100%;height:auto;padding:0}.gsu-pro-v2__viewport[data-mode=scroll] .gsu-img{width:100%;height:auto;object-fit:contain}.gsu-card{position:relative;display:flex;align-items:center;justify-content:center;background:transparent}.gsu-img{display:block;image-rendering:high-quality}.gsu-pro-v2__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--gsu-bg);z-index:2;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.gsu-pro-v2__overlay[data-state=empty]{opacity:1;visibility:visible}.gsu-empty-state{text-align:center;color:var(--gsu-text-secondary)}.gsu-empty-state__icon{color:var(--gsu-border);margin-bottom:12px}.gsu-spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--gsu-border);border-top-color:var(--gsu-accent);animation:gsu-spin 1s linear infinite}@keyframes gsu-spin{to{transform:rotate(360deg)}}.gsu-pro-v2__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--gsu-text-secondary)}.gsu-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gsu-dot{width:8px;height:8px;border-radius:50%}.gsu-dot--ok{background:var(--gsu-accent)}.gsu-meta__link{display:inline-flex;align-items:center;gap:6px;color:var(--gsu-accent-hover);text-decoration:none;font-weight:600;padding:4px 8px;border-radius:var(--gsu-radius-sm);transition:all .2s ease}.gsu-meta__link:hover{background:#10b9811a;color:var(--gsu-accent)}.gsu-stats strong{color:var(--gsu-text-primary);font-weight:600}.gsu-pop-in{animation:gsuPopIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes gsuPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gsu-fade-in{animation:gsuFadeIn .3s ease forwards}@keyframes gsuFadeIn{0%{opacity:0}to{opacity:1}}.gsu-collapsed{display:none!important}@media (max-width: 500px){.gsu-pro-v2{padding:12px}.gsu-pro-v2__header,.gsu-pro-v2__footer{padding:10px}.gsu-controls{flex-direction:column;align-items:stretch}.gsu-select{flex-grow:0}.gsu-pro-v2__heading{font-size:16px}.gsu-meta{gap:6px}.gsu-pro-v2__footer{flex-direction:column;align-items:flex-start;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/GSU-preview-panel.css.map */