.ssr-bug-modal{align-items:flex-end;background:var(--um-scrim);display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:1000}.ssr-bug-modal[hidden]{display:none}@media (min-width:640px){.ssr-bug-modal{align-items:center;padding:16px}}.ssr-bug-modal__panel{background:var(--um-bg);border-radius:var(--um-radius-shell) var(--um-radius-shell) 0 0;box-shadow:var(--um-shadow);display:flex;flex-direction:column;font-family:var(--um-font-sans);max-height:90vh;width:100%}@media (min-width:640px){.ssr-bug-modal__panel{border-radius:var(--um-radius-shell);max-width:520px}}.ssr-bug-modal__panel--dragover{outline:2px solid var(--um-accent);outline-offset:-2px}.ssr-bug-modal__header{align-items:flex-start;border-bottom:1px solid var(--um-border);display:flex;flex:0 0 auto;justify-content:space-between;padding:16px 20px}.ssr-bug-modal__title{color:var(--um-text);font-family:var(--um-font-serif);font-size:var(--um-text-title-utility);font-weight:600;letter-spacing:-.01em;margin:0}.ssr-bug-modal__subtitle{color:var(--um-text-muted);font-size:var(--um-text-meta);margin:2px 0 0}.ssr-bug-modal__close{align-items:center;background:none;border:0;color:var(--um-text-faint);cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:-4px -8px -4px 0;padding:0;transition:color var(--um-transition);width:32px}.ssr-bug-modal__close:hover{color:var(--um-text)}.ssr-bug-modal__body{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 20px}.ssr-bug-modal__label{color:var(--um-text-body);display:block;font-size:var(--um-text-subtitle);font-weight:500;margin-bottom:4px}.ssr-bug-modal__optional{color:var(--um-text-faint);font-weight:400}.ssr-bug-modal__input,.ssr-bug-modal__textarea{-webkit-appearance:none;appearance:none;background:var(--um-bg);border:1px solid var(--um-border-strong);border-radius:var(--um-radius-panel);box-sizing:border-box;color:var(--um-text);font-family:var(--um-font-sans);font-size:var(--um-text-body-md);padding:8px 12px;transition:border-color var(--um-transition),box-shadow var(--um-transition);width:100%}.ssr-bug-modal__textarea{min-height:90px;resize:vertical}.ssr-bug-modal__input:focus,.ssr-bug-modal__textarea:focus{border-color:var(--um-accent);box-shadow:var(--um-shadow-input-focus);outline:none}.ssr-bug-modal__dropzone{border:1.5px dashed var(--um-border-strong);border-radius:var(--um-radius-panel);color:var(--um-text-muted);cursor:pointer;font-size:var(--um-text-meta);padding:14px;text-align:center;transition:border-color var(--um-transition)}.ssr-bug-modal__dropzone:focus,.ssr-bug-modal__dropzone:hover{border-color:var(--um-accent);outline:none}.ssr-bug-modal__dropzone p{margin:0}.ssr-bug-modal__hint{color:var(--um-text-faint);font-size:var(--um-text-section);margin-top:4px}.ssr-bug-modal__fileinput{display:none}.ssr-bug-modal__previews{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.ssr-bug-modal__previews:empty{display:none}.ssr-bug-modal__preview{aspect-ratio:1/1;background:var(--um-bg-tinted-strong);border-radius:var(--um-radius-button);overflow:hidden;position:relative}.ssr-bug-modal__preview img{display:block;height:100%;object-fit:cover;width:100%}.ssr-bug-modal__preview-remove{align-items:center;background:rgba(0,0,0,.7);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:22px}.ssr-bug-modal__details{color:var(--um-text-muted);font-size:var(--um-text-meta)}.ssr-bug-modal__details summary{cursor:pointer;padding:4px 0;user-select:none}.ssr-bug-modal__context{background:var(--um-bg-tinted);border-radius:var(--um-radius-button);display:grid;font-family:ui-monospace,Menlo,monospace;font-size:var(--um-text-section);gap:2px 8px;grid-template-columns:max-content 1fr;margin:6px 0 0;padding:8px}.ssr-bug-modal__context dt{color:var(--um-text-faint)}.ssr-bug-modal__context dd{margin:0;overflow-wrap:anywhere}.ssr-bug-modal__status{font-size:var(--um-text-subtitle)}.ssr-bug-modal__status:empty{display:none}.ssr-bug-modal__status--success{border-left:3px solid var(--um-accent);color:var(--um-accent-text)}.ssr-bug-modal__status--error,.ssr-bug-modal__status--success{background:var(--um-bg-tinted);border-radius:var(--um-radius-button);padding:10px 12px}.ssr-bug-modal__status--error{border-left:3px solid var(--um-negative);color:var(--um-negative)}.ssr-bug-modal__status--rejected{background:var(--um-bg-tinted);border-left:3px solid var(--um-warn);border-radius:var(--um-radius-button);color:var(--um-warn);padding:10px 12px}.ssr-bug-modal__footer{border-top:1px solid var(--um-border);display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:12px 20px}.ssr-bug-modal__cancel{background:transparent;border:1px solid transparent;border-radius:var(--um-radius-button);color:var(--um-text-body);cursor:pointer;font-family:var(--um-font-sans);font-size:var(--um-text-subtitle);padding:8px 14px;transition:background var(--um-transition)}.ssr-bug-modal__cancel:hover{background:var(--um-bg-tinted-strong)}.ssr-bug-modal__submit{background:var(--um-text);border:1px solid var(--um-text);border-radius:var(--um-radius-button);color:var(--um-bg);cursor:pointer;font-family:var(--um-font-sans);font-size:var(--um-text-subtitle);font-weight:500;padding:8px 16px;transition:background var(--um-transition)}.ssr-bug-modal__submit:hover:not(:disabled){background:#000}.ssr-bug-modal__submit:disabled{background:var(--um-border-strong);border-color:var(--um-border-strong);cursor:not-allowed}