:root{--sg-rose: #e91e63;--sg-rose-dim: rgba(233, 30, 99, .26);--sg-gold: #f5dc91;--sg-gold-dim: rgba(245, 220, 145, .26);--sg-violet: #b08bff;--sg-cyan: #7fd6ff;--sg-ink: #07060a;--sg-surface: rgba(20, 16, 28, .6);--sg-border: rgba(255, 255, 255, .08);--sg-text: #ececf2;--sg-muted: #9a9aa8;--sg-dim: #6a6a76;--dur-fast: .14s;--dur-mid: .28s;--ease-out: cubic-bezier(.2, .7, .15, 1)}.studio-tool-page{position:relative;min-height:calc(100vh - 64px);background:radial-gradient(1200px 620px at 12% -10%,rgba(233,30,99,.1),transparent 56%),radial-gradient(900px 520px at 88% 6%,rgba(245,220,145,.07),transparent 58%),radial-gradient(800px 520px at 50% 110%,rgba(167,139,250,.08),transparent 62%),linear-gradient(180deg,#0d0a13,#0a070d 45%,#07060a);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(233,30,99,.14),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(245,220,145,.16),transparent 65%)}.studio-tool-page.tone-violet:after{background:radial-gradient(ellipse at center,rgba(176,139,255,.14),transparent 65%)}.studio-tool-page.tone-cyan:after{background:radial-gradient(ellipse at center,rgba(127,214,255,.14),transparent 65%)}.studio-tool-page.tone-rose:after{background:radial-gradient(ellipse at center,rgba(233,30,99,.16),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:linear-gradient(135deg,#e91e6329,#f5dc911a);border:1px solid rgba(233,30,99,.38);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--sg-rose);margin-bottom:22px;box-shadow:0 4px 14px -4px #e91e632e}.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:clamp(2.2rem,3.4vw + .8rem,3.6rem);margin:0 0 14px;color:#fff;letter-spacing:-.04em;line-height:1.05;font-weight:700;background:linear-gradient(175deg,#fff,#ccc);-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:var(--sg-gold);font-size:13px;opacity:.85}.sg-balance{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--sg-gold-dim);background:#f5dc910f;font-size:13px;color:var(--sg-gold);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:14px 16px;border-radius:14px;background:linear-gradient(180deg,#ffffff0b,#ffffff03);border:1px solid var(--sg-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sg-step-num{flex:0 0 26px;width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,#e91e6338,#f5dc9129);border:1px solid rgba(233,30,99,.38);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:20px}@media(max-width:900px){.sg-grid{grid-template-columns:1fr}}.sg-form{padding:24px;border-radius:20px;border:1px solid var(--sg-border);background:linear-gradient(180deg,#ffffff0b,#ffffff03),var(--sg-surface);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px #ffffff0d inset,0 18px 42px -20px #0000008c,0 6px 14px -6px #00000059}.sg-label{display:block;font-size:12.5px;font-weight:600;color:#ddd;margin:18px 0 8px;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;gap:6px;font-size:12px;color:var(--sg-gold);margin-bottom:4px;letter-spacing:.01em}.sg-cost-hint svg{opacity:.8}.sg-cost-hint em{font-style:normal;color:var(--sg-dim);margin-left:2px}.sg-drop{display:block;position:relative;aspect-ratio:4 / 5;border-radius:14px;border:1.5px dashed rgba(233,30,99,.28);background:linear-gradient(180deg,#ffffff06,#ffffff02);cursor:pointer;overflow:hidden;transition:border-color .2s ease,background .2s ease}.sg-drop:hover{border-color:#e91e6385}.sg-drop.has{border-style:solid;border-color:#e91e6373}.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:#e91e631a;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:#e91e638c;background:#e91e630a}.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:#e91e6373;background:#e91e6312;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:#e91e6373;color:#ffd0de}.sg-chip.on{background:linear-gradient(135deg,#e91e6333,#e91e630f);border-color:#e91e63a6;color:#ffd0de;font-weight:600}.sg-submit{width:100%;margin-top:18px;padding:14px;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:12px;cursor:pointer;transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,filter var(--dur-fast) ease;letter-spacing:.01em;position:relative;overflow:hidden}.sg-submit:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transition:left .48s ease}.sg-submit:hover:not(:disabled):before{left:160%}.sg-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #e91e6361;filter:brightness(1.06)}.sg-submit:active:not(:disabled){transform:translateY(0)}.sg-submit:disabled{opacity:.52;cursor:wait}.sg-err{margin-top:12px;padding:10px 13px;border-radius:10px;background:#e91e631a;border:1px solid rgba(233,30,99,.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-gold);font-size:13px;line-height:1.6}.sg-result{padding:24px;border-radius:20px;border:1px solid var(--sg-border);background:linear-gradient(180deg,#ffffff0b,#ffffff03),var(--sg-surface);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px #ffffff0d inset,0 18px 42px -20px #0000008c,0 6px 14px -6px #00000059;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(233,30,99,.26),transparent 60%),radial-gradient(circle at 70% 80%,rgba(245,220,145,.2),transparent 60%),linear-gradient(160deg,#ffffff0e,#ffffff03);border:1px solid rgba(233,30,99,.22);box-shadow:0 16px 40px -18px #e91e632e,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(233,30,99,.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-gold);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-gold);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-gold)}.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-gold);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:#e91e6373;transform:translateY(-2px)}.sg-mentor.on{border-color:var(--sg-rose);box-shadow:0 0 0 3px #e91e6333}.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(prefers-reduced-motion:reduce){.sg-empty-art:before,.sg-hero-tag:before,.sg-shimmer,.sg-result-media-wrap{animation:none!important;transition:none!important}}