.rb { max-width: 56rem; margin: 0 auto; }
.rb-lead { font-size: 1.125rem; margin: 0 0 1.5rem; }
.rb-drop { display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 2.5rem 1rem; text-align: center; border: 2px dashed #9ca3af; border-radius: .75rem; background: #f9fafb; }
.rb-over { border-color: #7c3aed; background: #f5f3ff; }
.rb-busy { opacity: .6; pointer-events: none; }
.rb-pick { display: inline-block; padding: .75rem 2rem; border-radius: 999px; background: #7c3aed; color: #fff; font-weight: 600; font-size: 1.125rem; cursor: pointer; }
.rb-pick:focus-within { outline: 3px solid #c4b5fd; outline-offset: 2px; }
.rb-file { position: absolute; width: 1px; height: 1px; opacity: 0; }
.rb-quiet { color: #4b5563; font-size: .875rem; margin: 0; }
.rb-options { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 1rem 0; align-items: center; }
.rb-options fieldset { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .25rem 1rem; align-items: center; }
.rb-options legend { font-weight: 600; margin-bottom: .25rem; }
.rb-status { min-height: 1.5rem; margin: .75rem 0 0; }
.rb-bar { width: 100%; height: .5rem; }
.rb-stage { margin-top: 1.5rem; }
.rb-checker { display: inline-block; max-width: 100%; border-radius: .5rem; line-height: 0; background: conic-gradient(#e5e7eb 25%, #fff 0 50%, #e5e7eb 0 75%, #fff 0) 0 0 / 20px 20px; }
.rb-canvas { max-width: 100%; max-height: 70vh; height: auto; border-radius: .5rem; }
.rb-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.rb-button { padding: .625rem 1.25rem; border-radius: 999px; border: 1px solid #6b7280; background: #fff; color: #111827; font-weight: 600; cursor: pointer; }
.rb-button--primary { background: #7c3aed; border-color: #7c3aed; color: #fff; }
.rb-guide h2 { margin: 2rem 0 .75rem; font-size: 1.5rem; font-weight: 700; }
.rb-guide p, .rb-guide li { margin-bottom: .75rem; }
.rb-guide ul { list-style: disc; padding-left: 1.25rem; }
.rb-faq { border-top: 1px solid #e5e7eb; padding: 1rem 0; }
.rb-faq h3 { font-weight: 600; margin-bottom: .25rem; }
