/* Scoped presentation for the upload/remix comparison. Shared article shell owns layout. */
.remix-start{padding:28px;background:#f6f3fa;border:1px solid #e5ddee;border-radius:12px}
.remix-kicker{margin:0 0 20px!important;font-size:24px!important;font-weight:600;color:#251633}
.remix-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0!important;margin:0 0 24px!important;counter-reset:flow}
.remix-flow li{margin:0!important;counter-increment:flow}.remix-flow li:before{content:'0' counter(flow);display:block;color:#7448a0;font-size:13px;margin-bottom:8px}.remix-flow b{display:block;font-size:20px}.remix-flow span{display:block;font-size:14px;color:#62566f;margin-top:4px}
.remix-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.remix-actions>a:not(.blog-button){font-size:14px}
.blog-article .remix-small{font-size:13px;line-height:1.65;margin:18px 0 0;color:#69616e}
.blog-article .remix-steps>li{margin-bottom:18px;padding-left:5px}.blog-article .remix-shot{margin:28px 0;max-width:580px}.blog-article .remix-shot img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px;border:1px solid #e8e4ed}.blog-article .remix-shot figcaption{font-size:13px;line-height:1.65;margin-top:10px;color:#69616e}
.remix-comparison{overflow-x:auto}.remix-comparison table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65}.remix-comparison th,.remix-comparison td{vertical-align:top;text-align:left;padding:16px;border:1px solid #e8e4ed;min-width:150px}.remix-comparison thead{background:#f6f3fa}.remix-comparison tbody th{width:22%;font-weight:600}.remix-comparison td{width:39%}
.remix-prompts{border-left:3px solid #8a62b4;padding-left:22px;margin:28px 0}.blog-article .remix-prompts h3{font-size:18px;margin:24px 0 8px}.blog-article .remix-prompts p{font-size:16px}
@media(max-width:600px){.remix-start{padding:22px 18px}.remix-kicker{font-size:21px!important}.remix-flow{gap:10px}.remix-flow b{font-size:17px}.remix-flow span{font-size:12px}.remix-comparison th,.remix-comparison td{padding:12px}.remix-comparison:focus-visible{outline:2px solid #7448a0;outline-offset:3px}}

.blog-article.remix-guide section[id]{scroll-margin-top:18px}
@media(max-width:600px){.remix-comparison{overflow:visible}.remix-comparison table,.remix-comparison tbody{display:block;width:100%}.remix-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.remix-comparison tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:18px}.remix-comparison tbody th{grid-column:1/-1;width:auto;min-width:0;background:#f6f3fa}.remix-comparison td{min-width:0;width:auto;overflow-wrap:anywhere;border-top:0}.remix-comparison td+td{border-left:0}.remix-comparison td:before{content:attr(data-label);display:block;font-weight:600;color:#251633;margin-bottom:8px}}