.sd-scrim{z-index:var(--z-overlay);padding:var(--space-4);background:rgb(var(--bg-rgb) / .72);backdrop-filter:blur(10px);place-items:center;display:grid;position:fixed;inset:0}.sd-panel{width:min(960px,100%);max-height:calc(100dvh - 2 * var(--space-4));overscroll-behavior:contain;padding:var(--space-5);border:1px solid var(--panel-border);background:var(--panel-solid);box-shadow:0 24px 80px #00000080, inset 0 1px 0 var(--panel-edge-light);color:var(--text);border-radius:20px;overflow:auto}.sd-panel:focus{outline:none}.sd-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.sd-title{font:var(--font-title);letter-spacing:var(--tracking-title);margin:0}.sd-close{background:rgb(var(--muted-rgb) / .12);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-settle), color var(--dur-fast) var(--ease-settle);border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.sd-close:hover{background:rgb(var(--muted-rgb) / .2);color:var(--text)}.sd-body{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.sd-preview{min-height:240px;padding:var(--space-4);background:rgb(var(--bg-rgb));border:1px solid var(--panel-border);border-radius:14px;place-items:center;display:grid;position:relative}.sd-canvas{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:min(62dvh,560px);display:block;box-shadow:0 12px 40px #00000073}.sd-preview-covered:after{content:"";border-radius:inherit;background:rgb(var(--bg-rgb));position:absolute;inset:0}.sd-preparing{z-index:1;left:50%;bottom:var(--space-5);align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:rgb(var(--bg-rgb) / .8);border:1px solid var(--panel-border);color:var(--text);white-space:nowrap;border-radius:999px;display:inline-flex;position:absolute;transform:translate(-50%)}.sd-spinner{border:2px solid rgb(var(--accent-rgb) / .25);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.9s linear infinite sd-spin}@keyframes sd-spin{to{transform:rotate(360deg)}}.sd-controls{gap:var(--space-5);flex-direction:column;display:flex}.sd-question{margin:0 0 var(--space-3);font:var(--font-body);font-weight:600}.sd-formats{gap:var(--space-2);flex-direction:column;display:flex}.sd-format{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--panel-border);color:var(--text);text-align:start;font:var(--font-body);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-settle), background var(--dur-fast) var(--ease-settle);background:0 0;border-radius:12px;display:flex}.sd-format:hover:not(:disabled){background:rgb(var(--muted-rgb) / .06)}.sd-format[aria-pressed=true]{border-color:var(--accent);background:rgb(var(--accent-rgb) / .1)}.sd-format:disabled{opacity:.5;cursor:default}.sd-format-text{flex-direction:column;min-width:0;display:flex}.sd-format-name{font-weight:600}.sd-format-hint{color:var(--text-muted)}.sd-format-glyph{border:2px solid var(--text-muted);border-radius:4px;flex-shrink:0;display:block}.sd-format-glyph-post{width:30px;height:16px;margin:7px 0}.sd-format-glyph-story{width:17px;height:30px;margin:0 6px 0 7px}.sd-format[aria-pressed=true] .sd-format-glyph{border-color:var(--accent)}.sd-actions{gap:var(--space-2);flex-direction:column;display:flex}.sd-share,.sd-download,.sd-challenge{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:10px var(--space-4);border-radius:var(--radius-control);font:var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-settle), filter var(--dur-fast) var(--ease-settle);font-weight:600;text-decoration:none;display:inline-flex}.sd-share{background:var(--accent);color:var(--accent-ink);border:none;font-weight:700}.sd-share:hover:not(:disabled){filter:brightness(1.08)}.sd-share:disabled{opacity:.7;cursor:progress}.sd-download{border:1px solid rgb(var(--accent-rgb) / .4);background:rgb(var(--accent-deep-rgb) / .2);color:var(--accent)}.sd-download:hover{background:rgb(var(--accent-deep-rgb) / .32)}.sd-challenge{border:1px solid var(--panel-border);color:var(--text);background:0 0}.sd-challenge:hover{background:rgb(var(--muted-rgb) / .08)}.sd-status{min-height:1.4em;color:var(--text-muted);margin:0}.sd-close:focus-visible,.sd-format:focus-visible,.sd-share:focus-visible,.sd-download:focus-visible,.sd-challenge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.sd-scrim{padding:var(--space-2);align-items:end}.sd-panel{padding:var(--space-4);max-height:calc(100dvh - 2 * var(--space-2));border-radius:18px}.sd-body{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.sd-preview{min-height:0;padding:var(--space-3)}.sd-canvas{max-height:44dvh}.sd-formats{flex-flow:wrap}.sd-question{margin-bottom:var(--space-1);flex-basis:100%}.sd-format{flex:1 1 0}.sd-controls{gap:var(--space-4)}}