:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}body{margin:0}:host{--man-red-50:#fde7ee;--man-red-400:#e93163;--man-red-500:#e40045;--man-red-600:#c10039;--man-red-700:#9e002f;--man-slate-50:#eef0f2;--man-slate-600:#303c49;--man-slate-700:#262f39;--man-slate-900:#12171c;--grey-0:#fff;--grey-50:#f7f7f8;--grey-100:#eeeff0;--grey-200:#e1e3e5;--grey-300:#c7cbcf;--grey-500:#71787f;--grey-600:#545b62;--color-warning:#b4650a;--color-brand-primary:var(--man-red-500);--color-brand-primary-hover:var(--man-red-600);--surface-card:var(--grey-0);--surface-sunken:var(--grey-50);--surface-overlay:#12171c99;--surface-inverse:var(--man-slate-900);--text-primary:var(--man-slate-900);--text-secondary:var(--grey-600);--text-muted:var(--grey-500);--text-on-brand:var(--grey-0);--text-on-dark:var(--grey-0);--border-default:var(--grey-200);--border-strong:var(--grey-300);--radius-sm:2px;--radius-lg:8px;--radius-pill:999px;--shadow-md:0 4px 12px #12171c1a;--shadow-lg:0 12px 32px #12171c29;--ease-standard:cubic-bezier(.2, .7, .3, 1);--duration-fast:.12s;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-display:"MAN Europe", "Roboto", Arial, sans-serif;--font-body:"Roboto", Arial, sans-serif;--text-h3:700 21px/1.3 var(--font-display);--text-body:400 16px/1.6 var(--font-body);--text-body-s:400 14px/1.5 var(--font-body);--text-caption:400 12px/1.4 var(--font-body);--text-label:700 13px/1.3 var(--font-body);--tracking-label:.04em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.issue-widget,.issue-widget__modal,.issue-widget__tracker-modal{color:var(--text-primary,#12171c);font:var(--text-body)}.issue-widget,.issue-widget *,.issue-widget :before,.issue-widget :after{box-sizing:border-box}.issue-widget :focus-visible,.issue-widget__modal :focus-visible,.issue-widget__tracker-modal :focus-visible{outline:3px solid var(--man-red-400);outline-offset:2px}.issue-widget__edge{z-index:2147483000;align-items:center;gap:6px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.issue-widget__edge-trigger{background:var(--surface-inverse);width:6px;min-width:6px;height:64px;color:var(--text-on-dark);cursor:pointer;box-shadow:var(--shadow-md);border:0;border-radius:0 8px 8px 0;padding:0;font-size:14px;font-weight:800;line-height:1}.issue-widget__edge-actions{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-direction:column;gap:6px;display:flex;transform:translate(-8px)}.issue-widget__edge:hover .issue-widget__edge-actions,.issue-widget__edge:focus-within .issue-widget__edge-actions{opacity:1;pointer-events:auto;transform:translate(0)}.issue-widget__action-button{white-space:nowrap;min-width:112px;box-shadow:var(--shadow-md)}.issue-widget__tracker-modal{z-index:2147483646;width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);padding:var(--space-5);border:1px solid var(--border-default,#e1e3e5);border-radius:var(--radius-lg);background:var(--surface-card,#fff);color:var(--text-primary,#12171c);box-shadow:var(--shadow-lg,0 12px 32px #12171c29);text-align:left;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.issue-widget__tracker-modal h2{margin:0 0 var(--space-3);color:var(--text-primary);font:var(--text-h3)}.issue-widget__login,.issue-widget__form{gap:var(--space-3);display:grid}.issue-widget__form label{color:var(--text-secondary);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.issue-widget input,.issue-widget textarea,.issue-widget__modal input,.issue-widget__modal textarea{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface-card);font:var(--text-body);padding:10px 12px}.issue-widget__action-button,.issue-widget__modal button,.issue-widget__tracker-modal button{border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);color:var(--text-on-brand);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border-radius:0 10px 10px 0;padding:12px 24px;font-weight:700;line-height:1}.issue-widget__action-button:hover:not(:disabled),.issue-widget__modal button:hover:not(:disabled),.issue-widget__tracker-modal button:hover:not(:disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.issue-widget__action-button:disabled,.issue-widget__modal button:disabled,.issue-widget__tracker-modal button:disabled{cursor:not-allowed;opacity:.45}.issue-widget__error{color:var(--color-warning);margin:10px 0 0;font-weight:700}.issue-widget__user{margin:0 0 12px}.issue-widget__issues{max-height:180px;color:var(--text-primary);margin:10px 0 0;padding-left:20px;overflow:auto}.issue-widget__hint{z-index:2147483001;border-radius:var(--radius-pill);background:var(--surface-inverse);color:var(--text-on-dark);font:var(--text-body-s);box-shadow:var(--shadow-md);margin:0;padding:10px 14px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.issue-widget__highlight{z-index:2147482999;pointer-events:none;border:2px solid var(--color-brand-primary);box-sizing:border-box;background:#e400451f;position:absolute}.issue-widget__highlight span{border-radius:var(--radius-sm);background:var(--color-brand-primary);color:var(--text-on-brand);font:var(--text-caption);padding:2px 7px;position:absolute;top:-24px;left:0}.issue-widget__screenshot-selector{z-index:2147483647;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#12171c2e;position:fixed;inset:0}.issue-widget__screenshot-selector p{border-radius:var(--radius-pill);background:var(--surface-inverse);color:var(--text-on-dark);font:var(--text-body-s);box-shadow:var(--shadow-md);margin:0;padding:10px 14px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.issue-widget__screenshot-selector button{border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);color:var(--text-on-brand);font-family:var(--font-body);cursor:pointer;border-radius:0 10px 10px 0;padding:10px 18px;font-weight:700;position:fixed;top:24px;right:24px}.issue-widget__screenshot-selection{border:2px solid var(--color-brand-primary);box-shadow:0 0 0 9999px #12171c52, var(--shadow-md);pointer-events:none;background:#e4004529;position:fixed}.issue-widget__overlay{z-index:2147483645;background:var(--surface-overlay,#12171c99);position:fixed;inset:0}.issue-widget__modal{z-index:2147483646;width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);padding:var(--space-5);border:1px solid var(--border-default,#e1e3e5);border-radius:var(--radius-lg);background:var(--surface-card,#fff);color:var(--text-primary,#12171c);box-shadow:var(--shadow-lg,0 12px 32px #12171c29);text-align:left;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.issue-widget__modal h2{color:var(--text-primary);font:var(--text-h3);margin-top:0}.issue-widget__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.issue-widget__wizard-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.issue-widget__wizard-progress span{border-radius:var(--radius-pill);background:var(--border-default);height:4px}.issue-widget__wizard-progress .issue-widget__wizard-step--active{background:var(--color-brand-primary)}.issue-widget__wizard-section{gap:var(--space-3);display:grid}.issue-widget__wizard-section h3{color:var(--text-primary);font:var(--text-h3);margin:0}.issue-widget__wizard-section p{color:var(--text-secondary);margin:0}.issue-widget__code-block{border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:280px;padding:var(--space-3);background:var(--surface-sunken);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font:400 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.issue-widget__screenshot-preview{object-fit:contain;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);width:100%;max-height:320px}.issue-widget__summary{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(120px,max-content) 1fr;margin:0;display:grid}.issue-widget__summary dt{color:var(--text-secondary);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.issue-widget__summary dd{overflow-wrap:anywhere;min-width:0;margin:0}.demo-page{text-align:left;width:min(760px,100% - 32px);margin:0 auto;padding:96px 0}.demo-page__eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-weight:800}.demo-page h1{color:#111827;margin:0 0 16px;font-size:clamp(40px,8vw,72px);line-height:.95}.demo-page p{color:#4b5563;max-width:620px;margin:0 0 28px;font-size:20px}.demo-page__button{color:#fff;background:#111827;border:0;border-radius:0;padding:14px 18px;font-weight:800}