.bgr-workspace{display:flex;flex-direction:column;gap:0;border:1px solid var(--c-border);border-radius:8px;overflow:hidden;background:var(--c-surface);margin-block:2rem}.bgr-upload-panel{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--c-border)}.bgr-panel-heading{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-secondary)}.bgr-upload input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bgr-upload-panel>input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bgr-upload{display:flex;align-items:center;gap:1rem;padding:1rem;border:1.5px dashed var(--c-border);border-radius:6px;cursor:pointer;background:transparent;text-align:left;color:var(--c-text);transition:border-color .15s,background .15s;width:100%}.bgr-upload:hover:not(:disabled){border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 5%,transparent)}.bgr-upload:disabled{opacity:.5;cursor:default}.bgr-upload-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:6px;background:color-mix(in srgb,var(--c-accent) 10%,transparent);color:var(--c-accent)}.bgr-upload strong{display:block;font-size:.9375rem;font-weight:600}.bgr-upload small{display:block;font-size:.8125rem;color:var(--c-text-secondary);margin-top:.125rem}.bgr-hint{font-size:.8125rem;color:var(--c-text-secondary);margin:0;display:flex;align-items:center;gap:.375rem}.bgr-canvas-panel{position:relative;min-height:18rem;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#80808020 0% 25%,transparent 0% 50%) 0 0 / 16px 16px}.bgr-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center;color:var(--c-text-secondary)}.bgr-empty-art{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;border:1.5px dashed currentColor;opacity:.4}.bgr-empty p{font-size:.875rem;margin:0;max-width:20rem}.bgr-preview{max-width:100%;max-height:28rem;object-fit:contain;display:block}.bgr-actions{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--c-border);background:var(--c-surface);flex-wrap:wrap}.bgr-submit{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:7px;background:var(--c-accent);color:#fff;cursor:pointer;letter-spacing:-.01em;box-shadow:0 1px 3px #0000002e,0 0 0 0 var(--c-accent);transition:background .15s,box-shadow .15s,transform .1s}.bgr-submit:hover:not(:disabled){background:color-mix(in srgb,var(--c-accent) 85%,#000);box-shadow:0 3px 10px #00000038;transform:translateY(-1px)}.bgr-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000002e}.bgr-submit:disabled{opacity:.38;cursor:not-allowed}.bgr-download{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border:1.5px solid var(--c-border);border-radius:6px;background:transparent;color:var(--c-text);cursor:pointer;text-decoration:none;transition:border-color .15s}.bgr-download:hover{border-color:var(--c-accent)}.bgr-policy{font-size:.8rem;color:var(--c-text-secondary);margin:0 0 0 auto}@media(max-width:480px){.bgr-policy{margin:0}}.bgr-status{padding:.625rem 1.25rem;font-size:.875rem;border-top:1px solid var(--c-border);background:color-mix(in srgb,var(--c-surface) 80%,var(--c-bg));color:var(--c-text-secondary);display:flex;align-items:center;gap:.5rem}.bgr-status[data-error=true]{color:var(--c-error, #d93025);background:color-mix(in srgb,var(--c-error, #d93025) 6%,transparent)}.bgr-guide{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;margin-block:2.5rem;padding-block:2.5rem;border-top:1px solid var(--c-border)}@media(max-width:640px){.bgr-guide{grid-template-columns:1fr}}.bgr-guide h2{font-size:1.0625rem;margin-bottom:.75rem}.bgr-guide ol,.bgr-guide ul{padding-inline-start:1.25rem;display:flex;flex-direction:column;gap:.5rem}.bgr-guide li{font-size:.9375rem;line-height:1.55}.bgr-faq{border-top:1px solid var(--c-border);padding-top:2rem;margin-bottom:3rem}.bgr-faq h2{font-size:1.0625rem;margin-bottom:1rem}.bgr-faq details{border-bottom:1px solid var(--c-border);padding-block:.875rem}.bgr-faq summary{cursor:pointer;font-size:.9375rem;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.bgr-faq summary:after{content:"+";font-size:1.25rem;font-weight:400;flex-shrink:0;color:var(--c-text-secondary)}.bgr-faq details[open] summary:after{content:"−"}.bgr-faq details p{margin:.75rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--c-text-secondary)}.bgr-upload--checking{opacity:.6;pointer-events:none}.bgr-upload[data-dragover]{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,var(--surface))!important}.bgr-canvas-panel[data-empty=true]{cursor:pointer}.bgr-canvas-panel[data-empty=true]:hover .bgr-empty{background:color-mix(in srgb,var(--accent) 6%,transparent)}.bgr-canvas-panel[data-empty=true]:hover{border-color:var(--accent)}.bgr-empty small{display:block;margin-top:6px;font-size:11px;color:var(--muted-foreground);opacity:.7}
