.quick-card-steps{color:inherit;border-block:1px solid #718092;margin-bottom:30px;padding:24px 0}.quick-card-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:18px 0 0;padding:0;list-style:none;display:grid}.quick-card-steps li{align-items:flex-start;gap:14px;display:flex}.quick-card-steps svg{color:currentColor;flex:none}.quick-card-steps h3{margin:0 0 6px;font:600 20px/1.3 Georgia,serif}.quick-card-steps li p{margin:0;font:14px/1.6 Arial,sans-serif}.sharing-product-line{margin:0 0 12px;font:500 28px/1.25 Georgia,serif}.quick-card-video-note{border-left:3px solid #718092;margin:24px 0;padding:8px 16px}.quick-card-video video{background:#101725;width:100%;height:auto;max-height:75vh;display:block}.quick-card-video figcaption{margin:12px 0;font:14px/1.6 Arial,sans-serif}.quick-card-preview-dialog{box-sizing:border-box;color:#f8f3e9;background:#101725;border:1px solid #718092;border-radius:14px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow:auto}.quick-card-preview-dialog::backdrop{background:#101725c9}.quick-card-preview-dialog header{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.quick-card-preview-dialog h2{margin:0;font:500 26px/1.2 Georgia,serif}.quick-card-preview-dialog header button{flex:none}.quick-card-preview-dialog .free-card{box-sizing:border-box;width:100%}.free-workspace .free-preview-shortcut{justify-content:center;align-items:center;width:100%;margin:18px 0;display:flex}.free-next-hint{margin:12px 0 0}.design-saved-preview{max-width:350px;margin:18px 0}.design-saved-preview .qc-card{width:100%;max-width:none}.design-saved-preview summary{min-height:44px}@media (max-width:600px){.quick-card-steps ol{grid-template-columns:1fr;gap:18px}.quick-card-steps{padding:22px 0}.quick-card-preview-dialog{padding:18px}.quick-card-preview-dialog header{align-items:flex-start}.quick-card-preview-dialog h2{font-size:23px}}@media (forced-colors:active){.quick-card-steps,.quick-card-video-note,.quick-card-preview-dialog{color:canvastext;background:canvas;border-color:canvastext}}

.quick-card-preview-dialog header{position:sticky;top:-22px;z-index:2;padding:22px;margin:-22px -22px 18px;background:#101725;border-bottom:1px solid #718092}
@media(max-width:600px){.quick-card-preview-dialog header{top:-18px;padding:18px;margin:-18px -18px 18px}}
@media(forced-colors:active){.quick-card-preview-dialog header{background:Canvas;border-color:CanvasText}}
