.xg{--take-h:196px;background:var(--color-ground);grid-template-columns:minmax(0,1fr) 236px;gap:8px;height:452px;padding:8px;display:grid}@container (max-width:600px){.xg{grid-template-rows:minmax(0,1fr) 226px;grid-template-columns:minmax(0,1fr);height:590px}}.xg-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.xg-body{flex-direction:column;flex:1;min-height:0;padding:14px 16px 12px;display:flex}.xg-h{margin:0;font-size:15px}.xg-h b{font-weight:600}.xg-h span{color:var(--color-muted);font-size:12px}.xg-goal{color:var(--color-muted);margin:2px 0 10px;font-size:12px}.xg-prompt{background:var(--color-ground);border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;gap:10px;min-height:0;padding:12px 14px 10px;display:flex;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.xg-prompt p{margin:0;font-size:14px;line-height:1.5}@container (max-width:600px){.xg-prompt p{font-size:13px}.xg-hide-s{display:none!important}}.xg-chips{flex-wrap:wrap;gap:4px;display:flex}.xg-chip{height:26px;color:var(--color-muted);border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.xg-chip-on{color:var(--color-text);background:var(--color-panel-2)}.xg-foot{border-top:1px solid var(--color-line);background:var(--color-panel);gap:8px;padding:10px 16px 14px;display:grid}.xg-settings{min-width:0;color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:flex}.xg-settings svg{flex:none}.xg-summary{min-width:0}.xg-summary .xk-stack-item{text-overflow:ellipsis;overflow:hidden}.xg-toggles{gap:6px;display:flex}.xg-toggle{height:28px;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);isolation:isolate;border-radius:8px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex;position:relative}.xg-draft:before{content:"";z-index:-1;background:var(--color-accent-tint);box-shadow:inset 0 0 0 1px var(--color-accent-line);opacity:0;border-radius:8px;transition:opacity .15s ease-out;position:absolute;inset:0}.xg-draft{transition:color .15s ease-out}.xg-draft[data-on]{color:var(--color-accent)}.xg-draft[data-on]:before{opacity:1}.xg[data-step=draft] .xg-draft[data-on],.xg[data-step=draft] .xg-draft[data-on]:before{transition-delay:.5s}.xg[data-step=draft] .xg-foot .xk-stack-item,.xg[data-step=draft] .xg-go .xk-stack-item{transition-delay:.52s}.xg-row{align-items:center;gap:10px;display:flex}.xg-price{flex:1;gap:1px;min-width:0;display:grid}.xg-usd{color:var(--color-text);align-items:center;gap:5px;font-size:15px;font-weight:500;display:inline-flex}.xg-usd svg{color:var(--color-muted)}.xg-hint{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.xg-go{min-width:168px}@container (max-width:600px){.xg-go{min-width:0}.xg-hint{display:none}}.xg-takes{flex-direction:column;gap:10px;min-height:0;padding:10px 12px 0;display:flex;overflow:hidden}.xg-takes-head{display:flex}.xg-shot{justify-content:space-between;align-items:baseline;display:flex}.xg-count{color:var(--color-muted);justify-items:end;font-size:12px}.xg-list{flex:1;min-height:0;position:relative}.xg-take{height:calc(var(--take-h) - 12px);flex-direction:column;gap:6px;margin-bottom:12px;display:flex}@container (max-width:600px){.xg-takes-head{display:none}.xg-list{gap:10px;display:flex;overflow:hidden}.xg-take{flex:none;width:calc(64% - 5px);height:auto;margin:0}.xg-status{font-size:11px}}.xg-meta{color:var(--color-muted);white-space:nowrap;justify-content:space-between;gap:8px;margin:0;font-size:12px;display:flex}.xg-meta span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.xg-pic{aspect-ratio:2.4;background:var(--color-panel-2);border-radius:6px;position:relative;overflow:hidden}.xg-pic img{object-fit:cover;outline-offset:-1px;outline:1px solid #ffffff1a;outline:1px solid lab(100% 0 0/.1);width:100%;height:100%}.xg-incut{box-shadow:0 0 0 2px var(--color-accent)}.xg-label{margin:0;font-size:12px;line-height:1.35}.xg-label b{font-weight:500}.xg-label i{color:var(--color-muted);font-style:normal}.xg-label em{color:var(--color-accent);font-style:normal;font-weight:600}.xg-old{transition:transform .32s var(--ease-in-out)}.xg-list[data-push] .xg-old{transform:translateY(var(--take-h))}@container (max-width:600px){.xg-list[data-push] .xg-old{transform:translate(calc(100% + 10px))}}.xg[data-step=go] .xg-list[data-push] .xg-old{transition-delay:.54s}.xg-new{opacity:0;transition:opacity .15s ease-out;position:absolute;top:0;left:0;right:0}@container (max-width:600px){.xg-new{width:calc(64% - 5px);right:auto}}.xg-new[data-on]{opacity:1}.xg[data-step=go] .xg-new[data-on]{transition-delay:.6s}.xg-new .xg-pic img{opacity:0;transition:opacity .4s var(--demo-ease)}.xg-new[data-ready] .xg-pic img{opacity:1}.xg-status{color:var(--color-text);background:#0000006b;background:lab(0% 0 0/.42);border-radius:6px;align-items:center;gap:6px;padding:3px 8px 3px 5px;font-size:12px;transition:opacity .18s ease-out;display:inline-flex;position:absolute;top:6px;left:6px}.xg-status[data-off]{opacity:0}.xg-ring{flex:none}.xg-ring circle{fill:none;stroke-width:2px}.xg-track{stroke:#ffffff29;stroke:lab(100% 0 0/.16)}.xg-arc{stroke:var(--color-accent);stroke-linecap:round;transform-origin:8px 8px;transition:stroke-dashoffset .6s var(--ease-in-out), stroke .2s ease-out;transform:rotate(-90deg)}.xg-ring[data-wait] .xg-arc{stroke:var(--color-muted)}.xg-ring[data-wait]{animation:1.4s linear infinite xg-spin}@keyframes xg-spin{to{transform:rotate(360deg)}}.xg-finish{height:26px;color:var(--color-text);background:var(--color-panel-2);opacity:0;transition:opacity .18s ease-out, transform .22s var(--demo-ease);border-radius:7px;align-self:flex-start;align-items:center;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex;transform:translateY(4px);box-shadow:0 0 0 1px #ffffff17;box-shadow:0 0 0 1px lab(100% 0 0/.09)}.xg-finish[data-on]{opacity:1;transition-delay:.45s;transform:none}@container (max-width:600px){.xg-finish{padding:0 7px;font-size:11px}}