:root{--sg-bg: #08080D;--sg-surface: #12111A;--sg-card: #1B1A24;--sg-purple: #8B5CF6;--sg-purple-dark: #6D3FE6;--sg-lavender: #BFA7FF;--sg-amber: #E8A06A;--sg-text: #F5F2FF;--sg-muted: #A6A0BD;--sg-line: rgba(191, 167, 255, .28);--sg-glow-purple: 0 0 26px rgba(139, 92, 246, .42);--sg-glow-soft: 0 0 18px rgba(191, 167, 255, .22);--sg-shadow-dark: 0 18px 50px rgba(0, 0, 0, .45);--sg-radius-pill: 999px}.sg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 24px;border:1px solid transparent;border-radius:var(--sg-radius-pill);font-family:Space Grotesk,Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease}.sg-btn:hover{transform:translateY(-2px)}.sg-btn:active{transform:translateY(0)}.sg-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #08080d,0 0 0 5px #bfa7ffb3,var(--sg-glow-purple)}.sg-btn[disabled],.sg-btn.is-disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.sg-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sg-btn-primary{color:#08080d;background:linear-gradient(135deg,var(--sg-purple) 0%,var(--sg-lavender) 100%);box-shadow:var(--sg-glow-purple)}.sg-btn-primary:hover{box-shadow:0 0 34px #8b5cf694,0 16px 44px #00000061}.sg-btn-secondary{color:var(--sg-text);background:#ffffff09;border-color:var(--sg-line);box-shadow:inset 0 0 0 1px #ffffff05}.sg-btn-secondary:hover{color:#fff;border-color:#bfa7ff94;background:#bfa7ff14;box-shadow:var(--sg-glow-soft)}.sg-btn-outline{color:var(--sg-lavender);background:transparent;border-color:#bfa7ff6b}.sg-btn-outline:hover{color:var(--sg-text);border-color:var(--sg-lavender);background:#8b5cf614;box-shadow:var(--sg-glow-soft)}.sg-btn-ghost{color:var(--sg-muted);background:transparent;border-color:transparent}.sg-btn-ghost:hover{color:var(--sg-text);background:#ffffff0b}.sg-btn-dark{color:var(--sg-text);background:linear-gradient(180deg,#1b1a24f5,#0c0c12f5);border-color:#bfa7ff2e;box-shadow:var(--sg-shadow-dark)}.sg-btn-dark:hover{border-color:#bfa7ff75;box-shadow:var(--sg-shadow-dark),0 0 24px #8b5cf63d}.sg-btn-amber{color:#08080d;background:linear-gradient(135deg,#e8a06a,#ffd2a7);box-shadow:0 0 24px #e8a06a59}.sg-btn-amber:hover{box-shadow:0 0 34px #e8a06a80,0 16px 44px #00000061}.sg-btn-upload{color:var(--sg-text);background:linear-gradient(180deg,#12111af0,#08080df0);border:1px dashed rgba(191,167,255,.48)}.sg-btn-upload:hover{border-color:var(--sg-lavender);background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.22),transparent 55%),linear-gradient(180deg,#12111af5,#08080df5);box-shadow:var(--sg-glow-soft)}.sg-btn-icon{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;color:var(--sg-lavender);background:#ffffff09;border-color:#bfa7ff3d}.sg-btn-icon:hover{color:var(--sg-text);border-color:#bfa7ff8c;background:#8b5cf61f;box-shadow:var(--sg-glow-soft)}.sg-btn-size{min-height:38px;padding:0 16px;color:var(--sg-muted);background:#ffffff05;border-color:#bfa7ff2e;font-size:12px;letter-spacing:.08em}.sg-btn-size:hover,.sg-btn-size.is-active,.sg-btn-size[aria-pressed=true]{color:var(--sg-text);background:#8b5cf629;border-color:#bfa7ffb3;box-shadow:var(--sg-glow-soft)}.sg-btn-size small{margin-left:4px;color:var(--sg-muted);font-size:10px;font-weight:500;letter-spacing:.03em}.sg-btn-tag{min-height:30px;padding:0 12px;color:var(--sg-muted);background:#ffffff09;border-color:#bfa7ff2e;font-size:10px;letter-spacing:.1em}.sg-btn-tag:hover,.sg-btn-tag.is-active,.sg-btn-tag[aria-pressed=true]{color:var(--sg-text);background:#8b5cf62e;border-color:#bfa7ff8c}.sg-btn-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(191,167,255,.55),transparent);opacity:0;transition:opacity .18s ease}.sg-btn-glow:hover:before{opacity:1}.sg-btn-sm{min-height:38px;padding:0 18px;font-size:11px}.sg-btn-lg{min-height:54px;padding:0 32px;font-size:14px}.sg-btn-full{width:100%}.sg-hero-actions,.sg-product-actions,.sg-size-group,.sg-tag-group,.sg-builder-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.sg-size-group{gap:10px}.sg-tag-group{gap:8px}.sg-builder-actions{justify-content:space-between;margin-top:28px}.sg-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:28px;color:var(--sg-text);background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.18),transparent 55%),linear-gradient(180deg,#12111af5,#08080df5);border:1px dashed rgba(191,167,255,.44);border-radius:24px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.sg-upload-box:hover,.sg-upload-box.is-dragover{transform:translateY(-2px);border-color:var(--sg-lavender);box-shadow:var(--sg-glow-soft)}.sg-upload-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:14px;color:var(--sg-lavender);border:1px solid rgba(191,167,255,.32);border-radius:50%;background:#8b5cf614}.sg-upload-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.sg-upload-title{font-family:Space Grotesk,Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.sg-upload-desc{margin-top:8px;color:var(--sg-muted);font-size:13px;letter-spacing:.02em}.sg-qty{display:inline-flex;align-items:center;height:44px;background:#ffffff09;border:1px solid rgba(191,167,255,.22);border-radius:999px;overflow:hidden}.sg-qty-btn{width:44px;height:44px;color:var(--sg-lavender);background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease}.sg-qty-btn:hover{color:var(--sg-text);background:#8b5cf624}.sg-qty-input{width:46px;height:44px;color:var(--sg-text);background:transparent;border:0;text-align:center;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700}.sg-qty-input:focus{outline:none}.sg-qty-input::-webkit-outer-spin-button,.sg-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}@media(max-width:640px){.sg-btn{min-height:44px;padding:0 20px;font-size:12px}.sg-btn-lg{min-height:50px;padding:0 26px}.sg-hero-actions .sg-btn,.sg-builder-actions .sg-btn{width:100%}.sg-builder-actions{flex-direction:column-reverse}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/saisho-buttons.css.map */