.bug-float{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:1500;width:42px;min-height:132px;border:1px solid #85979d;border-radius:12px;background:#e7ecee;color:#263a43;padding:10px 8px;writing-mode:vertical-rl;font:700 14px system-ui,sans-serif;box-shadow:-3px 4px 14px #15242c33;cursor:pointer}
.bug-float:hover,.bug-float:focus-visible{background:#f4f6f7}
.bug-panel{box-sizing:border-box;position:fixed;z-index:1499;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff9ee;color:#22343b;border-left:2px solid #22343b;box-shadow:-10px 0 35px #17283133;font:15px system-ui,sans-serif;display:flex;flex-direction:column}
.bug-panel[hidden]{display:none}
.bug-panel *{box-sizing:border-box}
.bug-panel-header{padding:20px 22px 12px;display:flex;justify-content:space-between;align-items:flex-start;background:#263a43;color:#fff}
.bug-panel-header small{color:#ffcb6c;font-weight:700;letter-spacing:.07em}
.bug-panel-header h2{margin:5px 0 0;font-size:25px}
.bug-panel-header button{border:1px solid #fff7;background:none;color:#fff;border-radius:8px;font-size:28px;line-height:1;cursor:pointer}
.bug-panel-nav{padding:10px 15px;display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #d4d5d0}
.bug-panel-nav button{white-space:nowrap;border:0;border-radius:9px;background:#e5ecee;color:#22343b;padding:8px 11px;cursor:pointer}
.bug-panel-nav button[aria-current="page"]{background:#f4b13f;font-weight:700}
.bug-panel-scroll{padding:18px 22px 100px;overflow:auto;flex:1}
.bug-panel label{display:block;font-weight:700;margin:15px 0 0}
.bug-panel input:not([type=file]),.bug-panel textarea{display:block;width:100%;margin-top:6px;border:1px solid #9faeb2;border-radius:8px;padding:10px 11px;background:#fff;color:#22343b;font:inherit}
.bug-panel textarea{resize:vertical}
.bug-panel button{font:inherit;cursor:pointer}
.bug-panel button:disabled{opacity:.5;cursor:wait}
.bug-intro,.bug-hint{line-height:1.5;color:#53646b}
.bug-hint{font-size:12px}
.bug-capture{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.bug-capture button,.bug-file-label,.bug-success button,.bug-review button,.bug-row>[data-bug-image]{border:1px solid #263a43;border-radius:8px;background:#fff;color:#263a43;padding:9px 12px;text-decoration:none}
.bug-file-label{margin:0!important;cursor:pointer}
.bug-primary{width:100%;border:1px solid #1d613f;border-radius:10px;background:#1f704b;color:#fff;padding:13px 15px;font-weight:700!important}
[data-bug-preview]{margin:12px 0}
[data-bug-preview] img{display:block;max-width:100%;max-height:190px;object-fit:contain;border:1px solid #a9b3b5;border-radius:7px}
[data-bug-preview] button{margin-top:6px;border:0;background:none;color:#a33c27;text-decoration:underline}
[data-bug-notice][data-error="true"]{color:#a12e23}
.bug-success{border:1px solid #b4d7bf;border-radius:13px;background:#e8f5e9;padding:18px;line-height:1.5}
.bug-success strong{font-size:19px}
.bug-success code{overflow-wrap:anywhere}
.bug-row{border:1px solid #c9d2d4;border-radius:11px;background:#fff;padding:14px;margin:13px 0;line-height:1.45;overflow-wrap:anywhere}
.bug-row h3{margin:5px 0;font-size:18px}
.bug-row p{white-space:pre-wrap}
.bug-row small{color:#61737b}
.bug-resolution{padding:10px;border-left:3px solid #21734b;background:#e9f5ec}
.bug-review{border-top:1px solid #d8dedf;margin-top:14px;padding-top:10px;display:flex;gap:7px;flex-wrap:wrap}
.bug-review label{flex:0 0 100%}
.bug-review button[data-bug-outcome=resolved]{background:#d4eddd;color:#135536}
.bug-review button[data-bug-outcome=not_bug]{background:#fff0d5;color:#684510}
@media(min-width:800px){body.bug-panel-open #app,body.bug-panel-open .cloud-bar,body.bug-panel-open .play-room-layout,body.bug-panel-open .play-room-top{box-sizing:border-box;width:calc(100% - 420px);max-width:calc(100% - 420px);margin-left:0;margin-right:420px;transition:width .2s ease,max-width .2s ease}}
@media(max-width:799px){.bug-panel{width:100vw}.bug-panel-open #app,.bug-panel-open .play-room-layout{visibility:hidden}}
.bug-panel-open .bug-float{display:none}
.bug-layer{display:contents}
.bug-layer:popover-open{display:block;position:fixed;inset:0;margin:0;padding:0;border:0;width:var(--nf-viewport-width,100vw);height:var(--nf-viewport-height,100dvh);max-width:none;max-height:none;overflow:visible;background:transparent;pointer-events:none;color:inherit}
.bug-layer::backdrop{background:transparent;pointer-events:none}
.bug-layer>.bug-float,.bug-layer>.bug-panel{pointer-events:auto}
/* A modal has no room beside it at narrow widths. Keep report access inside it. */
body:has(dialog:modal) .bug-float{display:none}
dialog .bug-dialog-action{display:block;width:auto;min-height:0;margin:0 0 8px auto;padding:7px 11px;border:1px solid #85979d;border-radius:8px;background:#e7ecee;color:#263a43;font:700 13px system-ui,sans-serif;cursor:pointer}
dialog .bug-dialog-action:hover,dialog .bug-dialog-action:focus-visible{background:#f4f6f7}
body.project-workbench-open>.bug-layer:not(:popover-open){display:block;position:fixed;inset:0;z-index:9100;pointer-events:none}