.gst{display:grid;gap:18px}.gst-stage{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#f5f9ff,#eef3fa);border:1px solid rgba(11,20,38,.08)}.gst-stage-face{flex:0 0 auto;width:150px;height:150px;display:grid;place-items:center}.gst-stage-side{min-width:0;flex:1}.gst-stage-name{margin:0;font-size:18px;font-weight:800;color:#0b1426;letter-spacing:-.2px}.gst-stage-sub{margin:4px 0 0;font-size:13px;color:#64748b;line-height:1.45}.gst-try{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.gst-try button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;border:1px solid rgba(0,87,194,.25);background:#fff;color:#0057c2;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.gst-try button:hover{background:#e8f1ff}.gst-try-label{flex-basis:100%;font-size:12px;font-weight:600;color:#5b6b82}.gst-try button.is-on,.gst-try button.is-on:hover{background:#0057c2;border-color:#0057c2;color:#fff}.gst-row{display:grid;gap:8px}.gst-disclosure{display:block;border:1px solid rgba(11,20,38,.12);border-radius:12px;padding:12px 14px}.gst-disclosure summary{cursor:pointer;color:#334155;font-size:13px}.gst-disclosure summary>span:last-child{float:right;color:#64748b}.gst-disclosure[open] summary{margin-bottom:12px}.gst-disclosure summary:focus-visible{outline:2px solid #0057C2;outline-offset:5px}.gst-row-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gst-label{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.gst-styles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gst-style{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(11,20,38,.12);background:#fff;font:inherit;text-align:left;cursor:pointer;color:#0b1426}.gst-style.is-on{border-color:#0057c2;box-shadow:0 0 0 3px #0077ff26}.gst-style span{display:grid;gap:2px}.gst-style b{font-size:14px}.gst-style small{font-size:12px;color:#64748b;display:inline-flex;align-items:center;gap:4px}.gst-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gst-chips-expr{grid-template-columns:repeat(4,minmax(0,1fr))}.gst-chip{display:grid;justify-items:center;gap:4px;padding:8px 4px 7px;border-radius:12px;border:1.5px solid rgba(11,20,38,.1);background:#fff;font:inherit;cursor:pointer;color:#334155}.gst-chip span{font-size:11.5px;font-weight:600;line-height:1.1}.gst-chip.is-on{border-color:#0057c2;background:#f5f9ff;color:#0057c2;box-shadow:0 0 0 3px #0077ff1f}.gst-chip:hover{border-color:#0057c273}.gst-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gst-swatch{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0b142626;cursor:pointer;display:grid;place-items:center;padding:0}.gst-swatch span{font-size:8px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.gst-swatch.is-on{box-shadow:0 0 0 2px #0057c2,0 0 0 5px #07f3}.gst-eye{position:relative;grid-template-columns:auto auto;gap:4px}.gst-eye i{width:6px;height:9px;border-radius:3px;background:var(--eye)}.gst-eye span{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);color:#64748b;text-shadow:none}.gst-eyes{padding-bottom:12px}.gst-eye.is-off{opacity:.35;cursor:not-allowed}.gst-note{margin:8px 0 0;font-size:13px;color:#b45309}.gst-hex{display:inline-flex;align-items:center;height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(11,20,38,.15);background:#fff;font-size:13px;color:#64748b}.gst-hex input{width:72px;border:0;outline:0;font:inherit;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#0b1426;background:transparent}.gst-personality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gst-pers{display:grid;gap:3px;padding:10px 12px;border-radius:12px;border:1.5px solid rgba(11,20,38,.1);background:#fff;font:inherit;text-align:left;cursor:pointer;color:#0b1426}.gst-pers b{font-size:13.5px}.gst-pers small{font-size:12px;color:#64748b;line-height:1.35}.gst-pers.is-on{border-color:#0057c2;background:#f5f9ff;box-shadow:0 0 0 3px #0077ff1f}.gst-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#0b1426;cursor:pointer}.gst-toggle input{width:16px;height:16px;accent-color:#0057C2}.gst-color-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-family:ui-monospace,Menlo,monospace}.gst-color-note i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #0b142626}.gst-stage-face{position:relative}.gst-stage-face>:not(.gst-namering){position:relative;z-index:1}.gst-namering{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;width:calc(100% + 28px);height:calc(100% + 28px);z-index:0;pointer-events:none;overflow:visible;animation:gst-ring-spin 38s linear infinite}.gst-namering text{font:800 10.5px/1 var(--nmq-font, ui-sans-serif, system-ui, sans-serif);letter-spacing:.16em;fill:color-mix(in srgb,#0057C2 55%,#94A3B8)}.gst-stage:hover .gst-namering{animation-duration:14s}@keyframes gst-ring-spin{to{transform:rotate(360deg)}}.gst-styles.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.gst-styles.is-three .gst-style{flex-direction:column;justify-content:flex-start;gap:8px;padding:12px 8px 11px;text-align:center}.gst-styles.is-three .gst-style span{justify-items:center}.gst-styles.is-three .gst-style small{justify-content:center;white-space:nowrap}.gst-style>canvas,.gst-style>svg{flex:0 0 auto}.gst-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gst-kind{display:grid;justify-items:center;align-content:start;gap:8px;padding:14px 10px 12px;border-radius:14px;border:1.5px solid rgba(11,20,38,.1);background:radial-gradient(120% 90% at 50% 0%,#13213d,#0b1426 70%);font:inherit;text-align:center;cursor:pointer;color:#e6eeff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.gst-kind:hover{transform:translateY(-1px)}.gst-kind span{display:grid;gap:3px}.gst-kind b{font-size:13.5px}.gst-kind small{font-size:11.5px;line-height:1.35;color:#d6e2fab3}.gst-kind.is-on{border-color:#3b93f0;box-shadow:0 0 0 3px #0077ff38,0 12px 28px -16px #0077ffb3}.gst-finishes{grid-template-columns:repeat(4,minmax(0,1fr))}.gst-toggles{display:grid;gap:8px}@media(prefers-reduced-motion:reduce){.gst-namering{animation:none}}@media(max-width:560px){.gst-styles.is-three,.gst-kinds{grid-template-columns:1fr}.gst-kind{grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:center}.gst-finishes{grid-template-columns:repeat(2,minmax(0,1fr))}.gst-chips,.gst-chips-expr{grid-template-columns:repeat(3,minmax(0,1fr))}.gst-personality{grid-template-columns:1fr}.gst-stage{flex-direction:column;text-align:center}.gst-try{justify-content:center}}