.studio-page{background:radial-gradient(760px 320px at 22% 0%, #6c3ce01a, transparent 60%), radial-gradient(660px 300px at 82% 6%, #e8b33c17, transparent 60%), var(--ground);min-height:78vh;padding:40px 0 70px}.studio-head{text-align:center;margin-bottom:26px}.studio-head h1{background:linear-gradient(96deg, var(--ink) 12%, var(--violet) 78%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,4.4vw,44px);line-height:1.1}.studio-head p{color:var(--ink-2);margin-top:8px;font-size:16px}.rail{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto 24px;display:flex}.rail button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink-3);font:600 13.5px/1 var(--body);border-radius:99px;align-items:center;gap:9px;padding:9px 17px;display:inline-flex}.rail button[aria-current=true]{border-color:var(--violet);color:var(--ink);box-shadow:0 0 0 3px var(--violet-soft)}.rail button.done{color:var(--ink-2)}.rail button:disabled{opacity:.5;cursor:not-allowed}.rail .n{background:var(--sunken);width:20px;height:20px;color:var(--ink-3);font:700 10.5px/1 var(--body);border-radius:50%;flex:none;place-items:center;display:grid}.rail button[aria-current=true] .n{background:var(--violet);color:#fff}.rail button.done .n{background:var(--violet-soft);color:var(--violet-deep)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px}.greet{text-align:center;max-width:620px;margin:12px auto 22px}.avatar{background:linear-gradient(140deg, var(--violet), var(--gold));color:#fff;width:66px;height:66px;font:700 25px/1 var(--display);box-shadow:0 0 0 4px var(--violet-soft);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.greet h2{margin-bottom:6px;font-size:23px}.greet p{color:var(--ink-2);font-size:15.5px}.bigbox{border:1.5px solid var(--violet-line);border-radius:var(--radius-lg);background:var(--ground);max-width:720px;margin:0 auto;padding:16px;transition:border-color .15s,box-shadow .15s}.bigbox:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)}.bigbox textarea{resize:vertical;width:100%;min-height:74px;color:var(--ink);font:400 16px/1.55 var(--body);background:0 0;border:0}.bigbox textarea:focus{outline:none}.bigbox textarea::placeholder{color:var(--ink-3)}.bigbox .row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.bigbox .row .btn{margin-left:auto}.chip{cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:500 13px/1 var(--body);border-radius:99px;align-items:center;gap:7px;padding:8px 14px;display:inline-flex}.chip:hover{border-color:var(--violet);color:var(--violet-deep);background:var(--violet-soft)}.chip em{font-size:15px;font-style:normal}.startergrid{grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:8px;max-width:720px;margin:14px auto 0;display:grid}.starter{text-align:left;border-radius:var(--radius);cursor:pointer;border:1px dashed var(--line-2);color:var(--ink-2);font:400 13px/1.45 var(--body);background:0 0;padding:11px 14px}.starter:hover{border-style:solid;border-color:var(--violet);color:var(--ink);background:var(--violet-soft)}.madewith{margin-top:30px}.madewith .lab{text-align:center;margin-bottom:12px}.madewith .strip{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:700px){.madewith .strip{grid-template-columns:repeat(3,1fr)}.madewith .strip>:nth-child(n+4){display:none}}.madewith img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%}.trustrow{border-top:1px solid var(--line);font:500 12.5px/1 var(--body);color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:22px;padding-top:18px;display:flex}.trustrow span{align-items:center;gap:6px;display:inline-flex}.disclose{max-width:720px;font:400 11.5px/1.6 var(--body);color:var(--ink-3);margin:18px auto 0}.disclose li{margin-bottom:4px}.workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}@media (max-width:940px){.workspace{grid-template-columns:1fr}}.easel{flex-direction:column;display:flex}.easel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.easel-head .t{font:600 15px/1.3 var(--body);color:var(--ink)}.badge{font:600 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--violet-soft);color:var(--violet-deep);border-radius:99px;padding:5px 10px}.badge.up{background:var(--gold-soft);color:var(--gold-deep)}.artboard{border-radius:var(--radius);background-color:var(--sunken);background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%), linear-gradient(-45deg, var(--line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line) 75%), linear-gradient(-45deg, transparent 75%, var(--line) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;min-height:320px;padding:30px;display:grid}.artwork{text-align:center;padding:18px 24px}.artwork .mascot{margin-bottom:8px;font-size:60px;line-height:1}.artwork .nm{font:800 30px/1.02 var(--display);letter-spacing:.01em}.artwork .tag{font:600 11px/1 var(--body);letter-spacing:.22em;opacity:.88;margin-top:10px;display:block}.versions{border-top:1px solid var(--line);gap:9px;margin-top:16px;padding-top:14px;display:flex;overflow-x:auto}.version{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--sunken);flex:none;place-items:center;width:68px;height:68px;padding:0;font-size:24px;display:grid;position:relative}.version[aria-pressed=true]{border-color:var(--violet);box-shadow:0 0 0 2px var(--violet-soft)}.version b{font:600 9px/1 var(--body);color:var(--ink-3);position:absolute;bottom:3px;right:5px}.panel{flex-direction:column;gap:16px;display:flex}.lab{font:600 10.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.sources{grid-template-columns:1fr 1fr;gap:8px;display:grid}.source{border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--ground);cursor:pointer;text-align:center;font:500 12px/1.35 var(--body);color:var(--ink-2);padding:13px 10px}.source:hover{border-style:solid;border-color:var(--violet);color:var(--ink)}.source em{margin-bottom:5px;font-size:19px;font-style:normal;display:block}.chatlog{flex-direction:column;gap:8px;max-height:220px;padding-right:2px;display:flex;overflow-y:auto}.msg{border-radius:12px;max-width:92%;padding:8px 12px;font-size:13px;line-height:1.5}.msg.you{background:var(--violet);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.msg.ai{background:var(--sunken);color:var(--ink-2);border-bottom-left-radius:3px;align-self:flex-start}.composer{gap:7px;display:flex}.composer input{border:1px solid var(--line-2);background:var(--ground);min-width:0;color:var(--ink);font:400 13.5px/1 var(--body);border-radius:99px;flex:1;padding:10px 13px}.composer input:focus-visible{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft);outline:none}.composer .btn{padding:10px 17px;font-size:13.5px}.hint{font:400 11.5px/1.55 var(--body);color:var(--ink-3)}.btn-block{width:100%}.defaultbar{border-radius:var(--radius);background:var(--violet-soft);border:1px solid var(--violet-line);color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:13px 17px;font-size:13.5px;display:flex}.defaultbar .val{color:var(--violet-deep);font-weight:600}.defaultbar .spacer{flex:1}.defaultbar button{border:1px solid var(--violet-line);background:var(--surface);color:var(--violet-deep);cursor:pointer;font:600 12.5px/1 var(--body);border-radius:99px;padding:7px 14px}.defaultbar button:hover{background:var(--violet);color:#fff;border-color:var(--violet)}.applywrap{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}@media (max-width:940px){.applywrap{grid-template-columns:1fr}}.grouplab{font:600 10.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 10px}.grouplab:first-child{margin-top:0}.pgrid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:11px;display:grid}.pitem{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;gap:9px;padding:13px;transition:border-color .15s,box-shadow .15s;display:flex}.pitem:hover{border-color:var(--line-2)}.pitem.on{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.pitem .top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pitem .gfx{width:46px;height:46px;color:var(--violet-deep)}.pitem .glyph{font-size:27px;line-height:1}.tick{border:1.5px solid var(--line-2);color:#0000;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.pitem.on .tick{background:var(--violet);border-color:var(--violet);color:#fff}.pitem .nm{font:600 13.5px/1.3 var(--body);color:var(--ink)}.pitem .meta{font:400 11px/1.4 var(--body);color:var(--ink-3);margin-top:3px}.placement{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:9px;display:flex}.placement .where{font:500 11.5px/1.35 var(--body);color:var(--ink-2)}.placement .where.custom{color:var(--violet-deep);font-weight:700}.placement .where.custom:before{content:"●";vertical-align:middle;margin-right:5px;font-size:8px}.adjust{cursor:pointer;font:600 11.5px/1 var(--body);color:var(--ink-3);background:0 0;border:0;border-radius:6px;padding:3px 7px}.adjust:hover{color:var(--violet-deep);background:var(--violet-soft)}.facetrow{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.facet{cursor:pointer;border:1px solid var(--line-2);background:var(--ground);color:var(--ink-2);font:500 11px/1 var(--body);border-radius:99px;padding:5px 10px}.facet[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:#fff}.note{font:400 11px/1.4 var(--body);background:var(--warn-soft);color:var(--warn);border-radius:7px;align-items:flex-start;gap:7px;padding:7px 9px;display:flex}.side{position:sticky;top:84px}.preview{background:var(--sunken);border-radius:var(--radius);place-items:center;min-height:172px;margin-bottom:14px;padding:18px;display:grid}.mock{aspect-ratio:5/6;border-radius:var(--radius);width:116px;position:relative}.mock .zone{text-align:center;font:700 9px/1.15 var(--body);letter-spacing:.06em;border:1.5px dashed #ffffff80;border-radius:3px;place-items:center;padding:3px;display:grid;position:absolute;inset:24% 25% 30%}.sumrow{color:var(--ink-2);justify-content:space-between;gap:12px;padding:4px 0;font-size:13.5px;display:flex}.sumrow.total{font:700 17px/1.3 var(--display);color:var(--ink);border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.runtable{border-collapse:collapse;width:100%;min-width:380px}.tablescroll{overflow-x:auto}.runtable th,.runtable td{text-align:center;border-bottom:1px solid var(--line);padding:8px 7px}.runtable th:first-child,.runtable td:first-child{text-align:left}.runtable th{font:600 10px/1.3 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.runtable td.sz{font:500 13px/1 var(--body);color:var(--ink-2)}.qty{text-align:center;border:1px solid var(--line-2);background:var(--ground);width:52px;color:var(--ink);font:500 13.5px/1 var(--body);font-variant-numeric:tabular-nums;border-radius:7px;padding:6px 0}.qty.zero{color:var(--ink-3)}.qty:focus-visible{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft);outline:none}.onesize{font:400 11px/1 var(--body);color:var(--ink-3)}.shipnote{font:400 11.5px/1.55 var(--body);color:var(--ink-3);text-align:center;margin-top:12px}.scrim{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1914288c;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-top:4px solid var(--warn);width:100%;max-width:520px;padding:26px}.dialog h2{margin-bottom:10px;font-size:21px}.dialog p{color:var(--ink-2);font-size:14.5px;line-height:1.6}.dialog .losses{border-radius:var(--radius);background:var(--warn-soft);border:1px solid #b4610c47;margin:16px 0;padding:14px 16px}.dialog .losses .lab{color:var(--warn);margin-bottom:9px}.dialog .losses ul{margin:0;padding-left:18px}.dialog .losses li{color:var(--ink);margin-bottom:5px;font-size:13.5px}.dialog .losses li s{color:var(--ink-3)}.dialog .losses li b{color:var(--warn);font-weight:600}.dialog .actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.dialog .actions .btn{flex:1;min-width:150px}.btn-warn{background:var(--warn);box-shadow:0 2px 12px -2px #b4610c80}.btn-warn:hover{background:#96500a}
