.bug-report-modal{width:min(620px,calc(100vw - 24px));max-height:90dvh;overflow-y:auto}.bug-report-capture{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.bug-report-capture>div{display:grid;grid-gap:4px;gap:4px}.bug-report-capture small{color:var(--muted);line-height:1.35}.bug-report-capture .btn{flex:none}.bug-report-dropzone{min-height:98px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:2px dashed #7aaaca;border-radius:10px;background:#f4f9fc;color:#17364a;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.bug-report-dropzone.is-dragging{border-color:#0782c5;background:#e2f4ff;box-shadow:0 0 0 3px rgb(7 130 197/.16)}.bug-report-dropzone>div{display:grid;grid-gap:4px;gap:4px}.bug-report-dropzone small{color:#536e7d}.bug-report-dropzone label{flex:none;cursor:pointer}.bug-report-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.bug-report-preview{display:grid;grid-template-columns:128px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.bug-report-preview img{display:block;width:128px;height:82px;object-fit:contain;border-radius:5px;background:var(--panel)}.bug-report-preview>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.bug-report-preview b,.bug-report-preview small{flex-basis:100%;overflow-wrap:anywhere}.bug-report-preview small{color:var(--muted)}.bug-report-preview button{border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.bug-annotator-layer{z-index:130;display:grid;place-items:center;padding:12px;background:rgba(8,22,31,.2)}.bug-annotator-layer>.modal-backdrop{background:rgba(8,22,31,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bug-annotator{position:relative;z-index:1;width:min(1180px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid #a8bdc9;border-radius:12px;background:#eef4f7;color:#132b3a;box-shadow:0 24px 80px rgb(0 0 0/.55);overflow:hidden;isolation:isolate}.bug-annotator>footer,.bug-annotator>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;color:#132b3a}.bug-annotator h2,.bug-annotator p{margin:2px 0}.bug-annotator p{color:#526b78}.bug-annotator>nav{display:flex;align-items:center;gap:6px;padding:8px 12px;border-block:1px solid #b8c9d2;background:#e7f0f5}.bug-annotator>nav span{flex:1 1}.bug-annotator>nav button{min-height:36px;padding:6px 11px;border:1px solid #9db3c0;border-radius:5px;background:#fff;color:#17364a;cursor:pointer}.bug-annotator>nav button.active{border-color:#087fc1;background:#dcefff;color:#056da7;font-weight:800}.bug-annotator>nav button:disabled{background:#eef2f4;color:#7a8c95}.bug-annotator-canvas{position:relative;min-height:0;display:grid;place-items:center;overflow:auto;padding:12px;background:#263238}.bug-annotator-canvas canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 4px 18px rgb(0 0 0/.3);touch-action:none;cursor:crosshair}.bug-annotator-canvas>p{position:absolute;padding:8px 12px;border-radius:6px;background:#fff;color:#132b3a}.bug-annotator>footer>div{display:flex;gap:8px}.bug-annotator>footer small{color:#526b78}@media(max-width:700px){.bug-report-capture,.bug-report-dropzone{align-items:stretch;flex-direction:column}.bug-report-capture .btn,.bug-report-dropzone .btn{min-height:44px;text-align:center}.bug-report-preview{grid-template-columns:88px minmax(0,1fr)}.bug-report-preview img{width:88px;height:70px}.bug-annotator-layer{padding:0}.bug-annotator{width:100vw;height:100dvh;border:0;border-radius:0}.bug-annotator>header p{font-size:12px}.bug-annotator>nav{overflow-x:auto}.bug-annotator>nav span{display:none}.bug-annotator>nav button{min-height:44px;white-space:nowrap}.bug-annotator>footer{align-items:flex-start;flex-direction:column}.bug-annotator>footer>div{width:100%}.bug-annotator>footer .btn{flex:1 1;min-height:44px}}