--elev-*/--glow-pink-*/--ease-spring）*/ :root{--sg-rose: #ff6b9d;--sg-rose-strong: #f94e89;--sg-rose-deep: #e8446b;--sg-rose-dim: rgba(255, 107, 157, .26);--sg-gem: #f5dc91;--sg-gem-dim: rgba(245, 220, 145, .24);--sg-ink: #0b0a0e;--sg-surface: var(--surface-2, #17141f);--sg-surface-shell: rgba(255, 255, 255, .038);--sg-border: rgba(255, 255, 255, .08);--sg-text: #ececf2;--sg-muted: #9a9aa8;--sg-dim: #6a6a76;--dur-fast: .16s;--dur-mid: .32s;--ease-out: var(--ease-spring, cubic-bezier(.32, .72, 0, 1));--ease-snap: var(--ease-snap, cubic-bezier(.16, 1, .3, 1))}.studio-tool-page{position:relative;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);background:radial-gradient(1200px 620px at 12% -10%,rgba(255,107,157,.11),transparent 56%),radial-gradient(900px 520px at 88% 6%,rgba(232,68,107,.07),transparent 58%),radial-gradient(800px 520px at 50% 110%,rgba(255,107,157,.07),transparent 62%),linear-gradient(180deg,#100d18 0%,#0c0a12 45%,var(--surface-0, #0b0a0e) 100%);color:var(--sg-text);padding:clamp(36px,4.5vw,72px) 0 120px;overflow:hidden;isolation:isolate}.studio-tool-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0 0.10 0 0 0 0.38 0'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.4;mix-blend-mode:overlay;pointer-events:none;z-index:0}.studio-tool-page:after{content:"";position:absolute;top:-160px;left:50%;transform:translate(-50%);width:820px;height:360px;background:radial-gradient(ellipse at center,rgba(255,107,157,.15),transparent 65%);filter:blur(48px);pointer-events:none;z-index:0}.studio-tool-page>.container-page{position:relative;z-index:1}.studio-tool-page.tone-gold:after{background:radial-gradient(ellipse at center,rgba(255,130,170,.16),transparent 65%)}.studio-tool-page.tone-violet:after{background:radial-gradient(ellipse at center,rgba(232,68,107,.16),transparent 65%)}.studio-tool-page.tone-cyan:after{background:radial-gradient(ellipse at center,rgba(255,107,157,.15),transparent 65%)}.studio-tool-page.tone-rose:after{background:radial-gradient(ellipse at center,rgba(249,78,137,.17),transparent 65%)}.sg-hero{max-width:1180px;margin:0 auto clamp(28px,3vw,48px);animation:sg-head-in .62s var(--ease-out) both}@keyframes sg-head-in{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.sg-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 12px;background:#ff6b9d14;border:1px solid rgba(255,107,157,.22);border-radius:var(--radius-chip, 999px);font-size:10px;font-weight:700;letter-spacing:var(--ls-eyebrow, .12em);text-transform:uppercase;color:#ff6b9de6;margin-bottom:22px;box-shadow:var(--glow-pink-xs, 0 0 12px rgba(255, 107, 157, .18))}.sg-hero-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sg-rose);box-shadow:0 0 8px var(--sg-rose);animation:sg-pulse 2.4s ease-in-out infinite}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.35}}.sg-hero h1{font-size:var(--text-display-sm, clamp(2.4rem, 2rem + 1.6vw, 3.2rem));margin:0 0 14px;color:#fff;letter-spacing:var(--ls-display, -.04em);line-height:1.04;font-weight:800;background:linear-gradient(168deg,#fff,#fbe2ec 52%,#ffc4d8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sg-hero p{color:var(--sg-muted);margin:0 0 24px;font-size:14.5px;line-height:1.8;max-width:640px}.sg-hero em{font-style:normal;color:#ffb6d1e0;font-size:13px;opacity:.9}.sg-balance{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-chip, 999px);border:1px solid var(--sg-gem-dim);background:#f5dc910f;font-size:13px;color:var(--sg-gem);font-weight:600;margin-bottom:24px;letter-spacing:-.005em}.sg-balance svg{opacity:.85}.sg-balance em{font-style:normal;font-size:11px;color:var(--sg-dim);font-weight:400;margin-left:2px}.sg-balance a{color:var(--sg-rose);font-size:11px;text-decoration:none;font-weight:600;letter-spacing:.02em;opacity:.85;margin-left:6px}.sg-balance a:hover{opacity:1;text-decoration:underline}.sg-steps{display:flex;gap:12px;flex-wrap:wrap;max-width:880px}.sg-step{flex:1 1 220px;display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border-radius:15px;background:var(--surface-2, #17141f);border:1px solid var(--sg-border);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000038,var(--elev-1, 0 1px 3px rgba(0, 0, 0, .45));transition:transform var(--dur-mid) var(--ease-out),border-color var(--dur-mid) ease,box-shadow var(--dur-mid) ease}.sg-step:hover{transform:translateY(-3px);border-color:#ff6b9d3d;box-shadow:inset 0 1px #ffffff12,var(--glow-pink-xs, 0 0 12px rgba(255, 107, 157, .18)),0 10px 24px #00000080}.sg-step-num{flex:0 0 26px;width:26px;height:26px;border-radius:999px;background:#ff6b9d24;border:1px solid rgba(255,107,157,.4);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--sg-rose)}.sg-step-body{min-width:0}.sg-step-t{font-size:13px;font-weight:600;color:#fff;margin:0 0 4px;letter-spacing:-.005em}.sg-step-s{font-size:11.5px;color:var(--sg-dim);margin:0;line-height:1.5}.sg-wrap{max-width:1180px;margin:0 auto}.sg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:900px){.sg-grid{grid-template-columns:1fr}}.sg-form{position:relative;padding:24px;border-radius:var(--radius-lg, 16px);border:1px solid var(--hairline-bright, rgba(255, 255, 255, .08));background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(255,107,157,.05),transparent 68%),var(--surface-2, #17141f);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000038,var(--elev-3, 0 12px 32px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .07))}.sg-label{display:block;font-size:12.5px;font-weight:600;color:#ddd;margin:24px 0 9px;letter-spacing:.01em}.sg-label:first-child{margin-top:0}.sg-label em{font-style:normal;font-weight:400;color:var(--sg-dim);font-size:11.5px;margin-left:6px}.sg-cost-hint{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--sg-gem);margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);letter-spacing:.01em}.sg-cost-hint svg{opacity:.8}.sg-cost-hint em{font-style:normal;color:var(--sg-dim);margin-left:2px}.sg-cost-original{text-decoration:line-through;color:var(--sg-dim);opacity:.7;font-size:11px}.sg-cost-member{color:#f9a340;font-weight:700}.sg-save-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#f9a3402e,#f9a3401a);border:1px solid rgba(249,163,64,.3);color:#f9a340;font-size:10px;font-weight:600;letter-spacing:.02em;padding:1px 6px;border-radius:20px;margin-left:2px}.sg-save-cta{display:inline-flex;align-items:center;background:linear-gradient(90deg,#ff6b9d26,#ff6b9d14);border:1px solid rgba(255,107,157,.25);color:var(--s-rose, #ff6b9d);font-size:10px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:20px;text-decoration:none;margin-left:4px;transition:background .15s ease,border-color .15s ease}.sg-save-cta:hover{background:linear-gradient(90deg,#ff6b9d40,#ff6b9d26);border-color:#ff6b9d73}.sg-btn-member-tag{display:inline-flex;align-items:center;background:#f9a34033;border:1px solid rgba(249,163,64,.4);color:#f9a340;font-size:10px;font-weight:600;padding:1px 6px;border-radius:20px;margin-left:6px;vertical-align:middle;letter-spacing:.02em}.sg-drop{display:block;position:relative;aspect-ratio:4 / 5;border-radius:14px;border:1.5px dashed rgba(255,107,157,.28);background:linear-gradient(180deg,#ffffff06,#ffffff02);cursor:pointer;overflow:hidden;transition:border-color .2s ease,background .2s ease}.sg-drop:hover{border-color:#ff6b9d85}.sg-drop.has{border-style:solid;border-color:#ff6b9d73}.sg-drop-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--sg-dim);font-size:13px}.sg-drop-icon{width:40px;height:40px;border-radius:999px;background:#ff6b9d1a;color:var(--sg-rose);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;border:1px solid rgba(233,30,99,.25)}.sg-preview{width:100%;height:100%;object-fit:cover;display:block}.sg-input{width:100%;padding:11px 13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;line-height:1.6;font-family:inherit;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.sg-input:focus{outline:none;border-color:#ff6b9d8c;background:#ff6b9d0a;box-shadow:0 0 0 3px #ff6b9d1a}.sg-textarea{resize:vertical;min-height:92px}.sg-inspirations{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sg-inspiration{appearance:none;border:1px solid rgba(255,255,255,.07);background:#ffffff07;color:#c0c0cc;padding:6px 11px;border-radius:999px;font-size:11.5px;line-height:1.3;cursor:pointer;transition:all .15s ease;font-family:inherit;max-width:100%;letter-spacing:.005em}.sg-inspiration:hover{border-color:#ff6b9d73;background:#ff6b9d12;color:#ffd0de}.sg-inspiration:active{transform:translateY(1px)}.sg-chips{display:flex;gap:8px;flex-wrap:wrap}.sg-chip{padding:8px 16px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:#ddd;font-size:13px;cursor:pointer;transition:all .18s ease;font-family:inherit}.sg-chip:hover{border-color:#ff6b9d73;color:#ffd0de}.sg-chip.on{background:linear-gradient(135deg,#ff6b9d33,#ff6b9d0f);border-color:#ff6b9da6;color:#ffd0de;font-weight:600}.sg-submit{width:100%;margin-top:18px;padding:15px;background:linear-gradient(135deg,#ff6b9d,#e8446b);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:var(--radius-pill, 999px);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-mid) ease,filter var(--dur-fast) ease;letter-spacing:.01em;position:relative;overflow:hidden;box-shadow:var(--glow-pink-sm, 0 4px 20px rgba(255, 107, 157, .28))}.sg-submit:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .52s ease}.sg-submit:hover:not(:disabled):before{left:160%}.sg-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-pink-md, 0 8px 32px rgba(255, 107, 157, .38));filter:brightness(1.05)}.sg-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.sg-submit:disabled{opacity:.52;cursor:wait}.sg-err{margin-top:12px;padding:10px 13px;border-radius:10px;background:#ff6b9d1a;border:1px solid rgba(255,107,157,.3);color:#ff8aa9;font-size:13px;line-height:1.6}.sg-hint{margin-top:12px;padding:10px 13px;border-radius:10px;background:#f5dc9112;border:1px solid rgba(245,220,145,.26);color:var(--sg-gem);font-size:13px;line-height:1.6}.sg-result{position:relative;padding:24px;border-radius:var(--radius-lg, 16px);border:1px solid var(--hairline-bright, rgba(255, 255, 255, .08));background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(255,107,157,.05),transparent 68%),var(--surface-2, #17141f);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000038,var(--elev-3, 0 12px 32px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .07));display:flex;flex-direction:column;gap:12px;min-height:440px}.sg-result-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:20px 12px}.sg-empty-art{position:relative;width:148px;height:188px;border-radius:18px;background:radial-gradient(circle at 30% 30%,rgba(255,107,157,.26),transparent 60%),radial-gradient(circle at 70% 80%,rgba(232,68,107,.18),transparent 60%),linear-gradient(160deg,#ffffff0e,#ffffff03);border:1px solid rgba(255,107,157,.22);box-shadow:0 16px 40px -18px #ff6b9d2e,0 0 0 1px #ffffff0a inset;overflow:hidden;display:grid;place-items:center}.sg-empty-art:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,107,157,.14) 20%,transparent 40%);animation:sg-spin 7s linear infinite}@keyframes sg-spin{to{transform:rotate(360deg)}}.sg-empty-art-inner{position:relative;z-index:1;width:80%;height:80%;border-radius:14px;background:linear-gradient(160deg,#14101cd9,#14101c8c);display:grid;place-items:center;color:var(--sg-rose);filter:drop-shadow(0 0 12px rgba(233,30,99,.45))}.sg-empty-art-inner svg{width:38px;height:38px;opacity:.9}.sg-empty-title{font-size:15.5px;font-weight:600;color:#ececf2;margin:0;letter-spacing:-.01em}.sg-empty-blurb{font-size:12.5px;color:var(--sg-muted);margin:0;line-height:1.7;max-width:300px}.sg-empty-stats{display:flex;gap:20px;margin-top:4px}.sg-empty-stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;letter-spacing:.04em;color:var(--sg-dim)}.sg-empty-stat strong{font-size:15px;font-weight:700;color:var(--sg-rose);letter-spacing:-.01em}.sg-shimmer{flex:1;min-height:360px;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(110deg,#ffffff09 30%,#e91e631a,#ffffff09 70%);background-size:220% 100%;animation:sg-shimmer 1.8s linear infinite}@keyframes sg-shimmer{0%{background-position:220% 0}to{background-position:-120% 0}}.sg-shimmer-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#d0d0dc;font-size:13.5px;letter-spacing:.01em;pointer-events:none}.sg-shimmer-label strong{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em}.sg-shimmer-label em{font-style:normal;font-size:11.5px;color:var(--sg-rose);letter-spacing:.06em}.sg-result-media{width:100%;height:auto;max-height:580px;object-fit:contain;border-radius:12px;background:#000;display:block}.sg-result-media-wrap{position:relative;border-radius:12px;overflow:hidden;animation:sg-result-reveal .42s var(--ease-out) both}@keyframes sg-result-reveal{0%{opacity:0;transform:scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.sg-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.sg-result-actions-sec{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.sg-act-primary{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:10px;background:linear-gradient(135deg,#e91e6338,#e91e6314);border:1px solid rgba(233,30,99,.42);color:#ffd0de;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) ease}.sg-act-primary:hover{background:linear-gradient(135deg,#e91e6352,#e91e631f);border-color:#e91e63a6;transform:translateY(-1px)}.sg-act-ghost{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#c0c0cc;font-size:12.5px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.sg-act-ghost:hover{background:#ffffff0f;color:#ececf2}.sg-result-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.sg-result-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:-.005em}.sg-result-cost{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--sg-gem)}.sg-result-cost em{font-style:normal;font-size:10.5px;color:var(--sg-dim)}.sg-recent{margin-top:52px}.sg-recent-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.sg-recent h3{margin:0;font-size:14px;color:var(--sg-rose);font-weight:600;letter-spacing:.02em}.sg-recent-count{font-size:11.5px;color:var(--sg-dim)}.sg-recent-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.sg-recent-item{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);display:block;position:relative;transition:transform .18s ease,border-color .18s ease}.sg-recent-item:hover{transform:scale(1.04);border-color:#e91e6361}.sg-recent-item img,.sg-recent-item video{width:100%;height:100%;object-fit:cover;display:block}.sg-segment{display:inline-flex;gap:3px;padding:3px;background:#ffffff09;border-radius:11px;border:1px solid rgba(255,255,255,.06);margin-bottom:16px}.sg-seg{appearance:none;border:0;background:transparent;padding:7px 16px;border-radius:8px;cursor:pointer;color:var(--sg-muted);font-size:12.5px;font-weight:600;transition:all .15s ease;font-family:inherit}.sg-seg:hover{color:var(--sg-text)}.sg-seg.on{background:linear-gradient(135deg,#e91e6333,#f5dc911f);color:#fff;box-shadow:0 0 0 1px #e91e6359}.sg-mentor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px;max-height:360px;overflow-y:auto;padding:4px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sg-mentor{appearance:none;padding:0;cursor:pointer;background:#ffffff06;border:1.5px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;transition:all .15s ease}.sg-mentor:hover{border-color:#ff6b9d73;transform:translateY(-2px)}.sg-mentor.on{border-color:var(--sg-rose);box-shadow:0 0 0 3px #ff6b9d33}.sg-mentor img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#0006}.sg-mentor span{font-size:10.5px;color:#d0d0dc;padding:5px 4px;text-align:center;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-mentor.on span{color:#ffd0de;font-weight:600}@media(max-width:767px){.sg-input{font-size:16px}.sg-form,.sg-result{padding:18px 16px}.sg-chip{padding:11px 16px}.sg-inspiration{padding:9px 13px;font-size:12.5px}.sg-seg{padding:10px 16px}.sg-result-actions{grid-template-columns:1fr}.sg-act-primary{padding:13px 14px}.sg-act-ghost{padding:12px 14px}}.sg-drop:focus-within{border-color:var(--sg-rose);background:#ff6b9d0d;box-shadow:0 0 0 3px #ff6b9d29}.sg-inspiration:focus-visible,.sg-chip:focus-visible,.sg-seg:focus-visible,.sg-mentor:focus-visible,.sg-act-primary:focus-visible,.sg-act-ghost:focus-visible{outline:none;border-color:var(--sg-rose);box-shadow:0 0 0 3px #ff6b9d38}.sg-submit:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sg-ink),0 0 0 4px var(--sg-rose),var(--glow-pink-md, 0 8px 32px rgba(255, 107, 157, .38))}.sg-mentor:focus-visible{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.sg-empty-art:before,.sg-hero-tag:before,.sg-shimmer,.sg-result-media-wrap{animation:none!important;transition:none!important}}