.ms-result-stage{--ms-pad:16px;--ms-gap:16px;--ms-arrow:40px;--ms-checker:#efe8f8;width:100%;min-width:0;height:100%;min-height:0;padding:var(--ms-pad);background:radial-gradient(55% 65% at 18% 12%, #8b3ff517, transparent 72%), radial-gradient(45% 55% at 86% 92%, #d95cf014, transparent 72%), var(--color-canvas);place-items:center;display:grid;position:relative;overflow:hidden}.ms-result-row{justify-content:center;align-items:center;gap:var(--ms-gap);display:flex}.ms-result-row[data-direction=column]{flex-direction:column}.ms-result-row[data-direction=column] .ms-result-arrow{transform:rotate(90deg)}.ms-result-card{background-color:#fff;background-image:linear-gradient(45deg, var(--ms-checker) 25%, transparent 25%), linear-gradient(-45deg, var(--ms-checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ms-checker) 75%), linear-gradient(-45deg, transparent 75%, var(--ms-checker) 75%);cursor:zoom-in;background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:0;border-radius:18px;flex:none;margin:0;padding:0;transition:transform .2s,box-shadow .2s,opacity .2s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2e125414,0 18px 40px -20px #3f167873}.ms-result-stage:not([data-ready]) .ms-result-card{opacity:0}.ms-result-card:disabled{cursor:default}@media (hover:hover){.ms-result-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 0 1px #8b3ff547,0 22px 46px -18px #3f16788c}}.ms-result-card:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.ms-result-card>img{object-fit:contain;width:100%;height:100%;display:block}.ms-result-card-label{color:#fff;letter-spacing:.01em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#160e22a8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;top:10px;left:10px}.ms-result-card--after .ms-result-card-label{background:linear-gradient(110deg,#8b3ff5,#b538c9)}.ms-result-arrow{width:var(--ms-arrow);height:var(--ms-arrow);border:3px solid var(--color-surface);color:#fff;background:linear-gradient(110deg,#8b3ff5,#b538c9);border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:0 10px 22px -10px #8b3ff5cc}.ms-result-busy{z-index:5;position:absolute;inset:0}.ms-result-bar{border-top:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.ms-result-bar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ms-result-bar-end{margin-left:auto}.ms-result-btn{border:1px solid var(--color-line);background:var(--color-surface);min-height:44px;color:var(--color-ink);white-space:nowrap;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.ms-result-btn:not(:disabled):hover{background:var(--color-canvas);border-color:#8b3ff566}.ms-result-btn:disabled{cursor:wait;opacity:.6}.ms-result-btn--quiet{background:0 0;border-color:#0000}.ms-result-download{color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 22px -10px #8b3ff5bf}.ms-result-download:hover{filter:brightness(1.06)}.dark .ms-result-stage{--ms-checker:#2a2534;background:radial-gradient(55% 65% at 18% 12%, #8b3ff524, transparent 72%), radial-gradient(45% 55% at 86% 92%, #d95cf01a, transparent 72%), var(--color-canvas)}.dark .ms-result-card{background-color:#1d1a24;box-shadow:0 0 0 1px #ffffff14,0 18px 40px -18px #000000b3}@media (max-width:767px){.ms-result-stage{--ms-pad:12px;--ms-gap:12px;--ms-arrow:32px}.ms-result-card{border-radius:14px}.ms-result-bar{padding:10px}.ms-result-btn{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.ms-result-card{transition:none}.ms-result-card:not(:disabled):hover{transform:none}}.ms-result-view{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}@media (max-width:767px) and (max-height:740px){.ms-editor-result .ms-result-view>.ms-result-bar{display:none}}@container generation-page (max-width:759px){.studio-main .ms-generation-card.ms-glass-hero .ms-editor-result:has(>.ms-result-view){contain:none;height:auto}.ms-editor-result>.ms-result-view{height:auto}.ms-editor-result>.ms-result-view>.ms-result-stage{flex:none;height:clamp(240px,64cqw,420px)}}