.ui-modal-card.diagram-share{max-width:80rem}.diagram-share__title{font-size:var(--app-type-callout);font-weight:var(--doc-weight-bold);margin:0}.diagram-share__intro{color:var(--text-muted);font-size:var(--app-type-caption);margin:0}.diagram-share__body{grid-template-columns:minmax(0,1fr) 17rem;align-items:stretch;gap:1.5rem;display:grid}.diagram-share__side{flex-direction:column;gap:1rem;min-width:0;display:flex}@media (max-width:640px){.diagram-share__body{grid-template-columns:minmax(0,1fr)}}.diagram-share__preview{flex-direction:column;gap:.5rem;margin:0;display:flex}.diagram-share__screen{--diagram-share-chrome:8.5rem;--diagram-share-edge:color-mix(in srgb, var(--text-muted) 70%, transparent);aspect-ratio:16/10;min-height:12rem;max-height:calc(100vh - var(--diagram-share-chrome));max-height:calc(100dvh - var(--diagram-share-chrome));border:1px solid var(--doc-header-border);border-radius:var(--doc-radius-md);background:var(--code-bg,var(--surface-alt));justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.diagram-share__gif{object-fit:contain;outline:1px solid var(--diagram-share-edge);max-width:calc(100% - 1rem);max-height:calc(100% - 1rem);margin:auto;display:block;position:absolute;inset:0}.diagram-share__making{color:var(--text-muted);font-size:var(--app-type-caption);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:.5rem;display:flex}.diagram-share__progress{width:60%;accent-color:var(--doc-header-primary-btn,var(--primary))}.diagram-share__failed{color:var(--status-rose-text);font-size:var(--app-type-caption);text-align:center;margin:0}.diagram-share__summary{color:var(--text-muted);font-size:var(--app-type-caption);font-variant-numeric:tabular-nums;margin:0}.diagram-share__options{flex-direction:column;gap:.85rem;min-width:0;display:flex}.diagram-share__option{flex-direction:column;gap:.35rem;display:flex}.diagram-share__label{color:var(--text-muted);font-size:var(--app-type-caption);font-weight:var(--doc-weight-bold)}.diagram-share__segments{flex-wrap:wrap;align-self:stretch}.diagram-share__build{font-size:var(--app-type-footnote);cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.diagram-share__build input{accent-color:var(--doc-header-primary-btn,var(--primary));margin-top:.2rem}.diagram-share__build small{color:var(--text-muted);font-size:var(--app-type-caption);display:block}.diagram-share__foot{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.diagram-share__file{flex-direction:column;gap:.2rem;display:flex}.diagram-share__name{color:var(--text-muted);font-size:var(--app-type-caption);overflow-wrap:anywhere;margin:0}.diagram-share__name strong{color:var(--doc-header-text)}.diagram-share__actions{gap:.5rem;display:flex}.diagram-share__actions>*{flex:1 1 0}