.bug-trigger{color:#ffffffbf;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.bug-trigger:hover:not(:disabled){color:#fff;background:#ffffff1a}.bug-trigger:disabled{cursor:progress;opacity:.7}.bug-trigger:focus-visible{outline-offset:2px;outline:2px solid #fff}.bug-trigger svg{flex:none;width:18px;height:18px}.bug-overlay{z-index:1000;color:#1d2e4f;text-align:left;background:#0f182a8c;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex;position:fixed;inset:0}.bug-window{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:1080px;max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f182a59}.bug-head{border-bottom:1px solid #e0e0cf;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.bug-head h2{color:#1d2e4f;margin:0;font-size:17px;font-weight:600}.bug-close{color:#5a6677;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;display:inline-flex}.bug-close:hover{background:#ececdf}.bug-close svg{width:18px;height:18px}.bug-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.bug-shot{background:#f4f4e9;border-right:1px solid #e0e0cf;flex-direction:column;min-width:0;min-height:0;padding:14px 16px;display:flex}.bug-tools{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;display:flex}.bug-tools-sep{background:#c9c9b7;width:1px;height:20px;margin:0 4px}.bug-tool{color:#1d2e4f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px;display:inline-flex}.bug-tool:hover{background:#ececdf}.bug-tool.is-on{color:#fff;background:#1d2e4f}.bug-tool svg{width:16px;height:16px}.bug-hint{color:#5a6677;margin:4px 0 0;font-size:12px}.bug-tools .bug-hint{margin:0 0 0 6px}.bug-canvas{background:#fff;border:1px solid #e0e0cf;border-radius:10px;flex:1;min-height:0;overflow:auto}.bug-canvas canvas{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.bug-nocapture{text-align:center;color:#5a6677;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:180px;padding:24px;display:flex}.bug-nocapture svg{width:28px;height:28px}.bug-nocapture p{max-width:320px;margin:0}.bug-form{flex-direction:column;gap:16px;min-width:0;padding:16px 20px;display:flex;overflow-y:auto}.bug-form fieldset{border:0;min-width:0;margin:0;padding:0}.bug-form legend,.bug-label{color:#1d2e4f;margin-bottom:8px;padding:0;font-size:13px;font-weight:600;display:block}.bug-choices{flex-wrap:wrap;gap:6px;display:flex}.bug-choice{color:#1d2e4f;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e0cf;border-radius:8px;padding:7px 11px;font-size:13px;line-height:1.3;transition:background-color .15s}.bug-choice:hover{background:#ececdf}.bug-choice.is-on{color:#fff;background:#1d2e4f;border-color:#1d2e4f}.bug-label textarea{box-sizing:border-box;color:#1d2e4f;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #c9c9b7;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:400;display:block}.bug-add{color:#1d2e4f;font:inherit;cursor:pointer;background:#fff;border:1px dashed #8a93a3;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.bug-add:hover{background:#ececdf}.bug-add svg{width:15px;height:15px}.bug-files{margin:8px 0 0;padding:0;list-style:none}.bug-files li{background:#f4f4e9;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:5px 4px 5px 10px;font-size:13px;display:flex}.bug-files span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bug-files button{color:#5a6677;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px;display:inline-flex}.bug-files svg{width:14px;height:14px}.bug-error,.bug-ok{border-radius:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:500}.bug-error{color:#9d2a4e;background:#fbe9ee}.bug-ok{color:#1f5a55;background:#e4f1ef}.bug-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.bug-primary,.bug-secondary{font:inherit;cursor:pointer;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600}.bug-primary{color:#fff;background:#1d2e4f;border:1px solid #1d2e4f}.bug-primary:disabled{opacity:.6;cursor:progress}.bug-secondary{color:#1d2e4f;background:#fff;border:1px solid #e0e0cf}.bug-secondary:hover{background:#ececdf}.bug-window button:focus-visible,.bug-window textarea:focus-visible{outline-offset:1px;outline:2px solid #2f58a8}@media (max-width:820px){.bug-overlay{padding:0}.bug-window{border-radius:0;height:100%}.bug-body{display:block;overflow-y:auto}.bug-shot{border-bottom:1px solid #e0e0cf;border-right:0}.bug-canvas{max-height:260px}.bug-form{overflow:visible}}