@import "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";

:root{--blue-50:#eef6fc;--blue-100:#d6eaf7;--blue-200:#aed4ee;--blue-300:#79b6e0;--blue-400:#4093cf;--blue-500:#1f7cbe;--blue-600:#1470ad;--blue-700:#115d90;--blue-800:#0e4a73;--blue-900:#0b3a5a;--blue-950:#072539;--green-50:#f1fbeb;--green-100:#e0f6d2;--green-200:#c4edab;--green-300:#a2e27e;--green-400:#7fd858;--green-500:#62c138;--green-600:#4ba028;--green-700:#3c7f22;--green-800:#326420;--green-900:#2a521e;--white:#fff;--gray-50:#f6f8fa;--gray-100:#eef1f5;--gray-200:#e0e5ec;--gray-300:#cbd3dd;--gray-400:#9aa6b4;--gray-500:#6b7886;--gray-600:#4d5965;--gray-700:#3a444f;--gray-800:#28303a;--gray-900:#19202a;--gray-950:#0e131a;--black:#0a0e13;--success:#4ba028;--success-bg:#e0f6d2;--warning:#e8a200;--warning-bg:#fdf0d2;--danger:#d23b3b;--danger-bg:#fbe2e2;--info:#1470ad;--info-bg:#d6eaf7;--klasse-a:#5cba33;--klasse-b:#f5b51f;--klasse-c:#1470ad;--fix-rtk:#5cba33;--fix-float:#f5b51f;--fix-single:#d23b3b;--surface-page:var(--gray-50);--surface-card:var(--white);--surface-sunken:var(--gray-100);--surface-inverse:var(--blue-950);--surface-brand:var(--blue-600);--text-strong:var(--gray-950);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-on-brand:var(--white);--text-link:var(--blue-600);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-brand:var(--blue-600);--action-primary:var(--blue-600);--action-primary-hover:var(--blue-700);--action-primary-active:var(--blue-800);--action-accent:var(--green-500);--action-accent-hover:var(--green-600);--action-accent-active:var(--green-700);--focus-ring:var(--blue-400)}
:root{--font-display:"Jost", "Century Gothic", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:3.75rem;--text-5xl:4.75rem;--leading-tight:1.08;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.16em;--role-display:var(--fw-medium) var(--text-4xl)/var(--leading-tight) var(--font-display);--role-h1:var(--fw-medium) var(--text-3xl)/var(--leading-tight) var(--font-display);--role-h2:var(--fw-medium) var(--text-2xl)/var(--leading-snug) var(--font-display);--role-h3:var(--fw-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);--role-title:var(--fw-bold) var(--text-lg)/var(--leading-snug) var(--font-body);--role-lead:var(--fw-regular) var(--text-md)/var(--leading-relaxed) var(--font-body);--role-body:var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-body);--role-small:var(--fw-regular) var(--text-sm)/var(--leading-normal) var(--font-body);--role-eyebrow:var(--fw-bold) var(--text-xs)/var(--leading-normal) var(--font-body);--role-mono:var(--fw-regular) var(--text-sm)/var(--leading-normal) var(--font-mono)}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-12:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-full:50%;--border-width:1px;--border-width-strong:2px;--shadow-xs:0 1px 2px #0e23390f;--shadow-sm:0 1px 3px #0e233914, 0 1px 2px #0e23390a;--shadow-md:0 4px 12px #0e233914, 0 2px 4px #0e23390d;--shadow-lg:0 12px 28px #0e23391f, 0 4px 10px #0e23390f;--shadow-xl:0 24px 56px #0e233929;--shadow-focus:0 0 0 3px #4093cf73;--shadow-brand:0 8px 24px #1470ad47;--shadow-accent:0 8px 22px #62c13852;--container-max:1280px;--container-narrow:880px;--gutter:var(--space-5);--header-height:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}
*,:before,:after{box-sizing:border-box}body{font:var(--role-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{color:var(--text-strong);text-wrap:balance;margin:0}h1{font:var(--role-h1)}h2{font:var(--role-h2)}h3{font:var(--role-h3)}p{text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp{font-family:var(--font-mono)}::selection{background:var(--green-200);color:var(--gray-950)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}

:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--gray-50);color:var(--gray-800);font-family:var(--font-body);min-height:100vh}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--header-height);background:var(--white);border-bottom:var(--border-width) solid var(--border-subtle,var(--gray-200));z-index:10;align-items:center;display:flex;position:sticky;top:0}.topbar__inner,.container{width:100%;max-width:var(--container-max);padding:0 var(--gutter);margin:0 auto}.topbar__inner{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.topbar__brand{align-items:center;gap:var(--space-3);display:flex}.topbar__logo{width:auto;height:30px}.topbar__divider{background:var(--gray-200);width:1px;height:24px}.topbar__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--gray-800);letter-spacing:var(--tracking-tight)}.topbar__meta{align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--gray-500);display:flex}main{padding:var(--space-8) 0 var(--space-10);flex:1}.page-head{margin-bottom:var(--space-7);max-width:64ch}.eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--blue-600);margin-bottom:var(--space-2)}.page-head h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-medium);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.page-head p{color:var(--gray-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;display:grid}@media (max-width:960px){.layout{grid-template-columns:minmax(0,1fr)}}.card{background:var(--white);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5)}.card+.card{margin-top:var(--space-5)}.card__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.card__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-medium);margin:0}.card__hint{font-size:var(--text-xs);color:var(--gray-500)}.dropzone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);padding:var(--space-8) var(--space-5);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.dropzone:hover,.dropzone:focus-visible{border-color:var(--blue-400);background:var(--blue-50)}.dropzone[data-active=true]{border-color:var(--blue-600);background:var(--blue-50)}.dropzone[data-has-file=true]{border-style:solid;border-color:var(--green-500);background:var(--green-50);padding:var(--space-5);text-align:left}.dropzone__icon{color:var(--blue-600);margin-bottom:var(--space-3)}.dropzone__title{font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--gray-800)}.dropzone__sub{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-1)}.filechip{align-items:center;gap:var(--space-3);display:flex}.filechip__body{flex:1;min-width:0}.filechip__name{font-weight:var(--fw-semibold);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filechip__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.field{margin-bottom:var(--space-4)}.field:last-child{margin-bottom:0}.field__label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--gray-700);margin-bottom:var(--space-2);display:block}.field__help{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-2);line-height:var(--leading-normal)}.input,.select{width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--gray-800);background:var(--white);border:var(--border-width) solid var(--gray-300);border-radius:var(--radius-md);padding:.625rem var(--space-3);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.input:focus,.select:focus{border-color:var(--blue-400);box-shadow:var(--shadow-focus);outline:none}.targets{gap:var(--space-3);display:grid}.target{gap:var(--space-3);text-align:left;background:var(--white);border:var(--border-width-strong) solid var(--gray-200);border-radius:var(--radius-md);width:100%;padding:var(--space-4);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);display:flex}.target:hover:not([disabled]){border-color:var(--blue-300);background:var(--blue-50)}.target[aria-pressed=true]{border-color:var(--blue-600);background:var(--blue-50)}.target[disabled]{opacity:.45;cursor:not-allowed}.target__radio{border-radius:var(--radius-full);border:var(--border-width-strong) solid var(--gray-300);flex:none;width:18px;height:18px;margin-top:2px;position:relative}.target[aria-pressed=true] .target__radio{border-color:var(--blue-600)}.target[aria-pressed=true] .target__radio:after{content:"";border-radius:var(--radius-full);background:var(--blue-600);position:absolute;inset:3px}.target>span:last-child{min-width:0;display:block}.target__name{font-weight:var(--fw-semibold);font-size:var(--text-sm);display:block}.target__system{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--blue-600);margin-bottom:2px;display:block}.target__desc{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-normal);margin-top:var(--space-1);display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-md);border:var(--border-width-strong) solid transparent;padding:.625rem var(--space-5);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--blue-600);color:var(--white);width:100%}.btn--primary:hover:not(:disabled){background:var(--blue-700);box-shadow:var(--shadow-brand)}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--accent{background:var(--green-500);color:var(--white)}.btn--accent:hover:not(:disabled){background:var(--green-600);box-shadow:var(--shadow-accent)}.btn--ghost{color:var(--gray-600);border-color:var(--gray-300);padding:.375rem var(--space-3);font-size:var(--text-xs);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--gray-50);color:var(--gray-800)}.alert{gap:var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);display:flex}.alert+.alert{margin-top:var(--space-3)}.alert__body{min-width:0}.alert__message{font-weight:var(--fw-semibold)}.alert__detail{font-size:var(--text-xs);line-height:var(--leading-normal);margin-top:var(--space-1);opacity:.85;overflow-wrap:anywhere}.alert--error{color:#8f2020;background:#fdecec;border-color:#f3bcbc}.alert--warning{color:#7a5310;background:#fff6e5;border-color:#f4d9a6}.alert--info{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-800)}.alert__icon{flex:none;margin-top:1px}.result-head{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--gray-200);margin-bottom:var(--space-4);display:flex}.result-head__icon{border-radius:var(--radius-full);background:var(--green-100);width:36px;height:36px;color:var(--green-700);flex:none;place-items:center;display:grid}.result-head__body{flex:1;min-width:0}.result-head__file{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-head__sub{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.stats{border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid;overflow:hidden}.stat{padding:var(--space-3) var(--space-4);border-right:var(--border-width) solid var(--gray-200);border-bottom:var(--border-width) solid var(--gray-200)}.stats>.stat:last-child{border-right:none}.stats__caption{font-size:var(--text-xs);color:var(--gray-500);line-height:var(--leading-normal);margin:var(--space-3) 0 0}.stat__label{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--gray-500)}.stat__value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--gray-900);overflow-wrap:break-word;margin-top:2px}.table-wrap{border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-md);max-height:420px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}thead th{background:var(--gray-50);border-bottom:var(--border-width) solid var(--gray-200);text-align:left;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--gray-500);padding:var(--space-2) var(--space-3);white-space:nowrap;position:sticky;top:0}tbody td{border-bottom:var(--border-width) solid var(--gray-100);padding:var(--space-2) var(--space-3);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}td.num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}td.code{font-family:var(--font-mono)}.pill{font-size:var(--text-2xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);padding:2px var(--space-2);display:inline-block}.pill--ok{background:var(--green-100);color:var(--green-700)}.pill--unknown{color:#7a5310;background:#fff6e5}.spinner{border:2px solid #fff6;border-top-color:var(--white);border-radius:var(--radius-full);width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.empty{text-align:center;padding:var(--space-9) var(--space-5);color:var(--gray-500)}.empty__icon{color:var(--gray-300);margin-bottom:var(--space-4)}.empty__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.empty__body{font-size:var(--text-sm);max-width:42ch;line-height:var(--leading-relaxed);margin:0 auto}.roadmap{gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-600);display:grid}.roadmap li{gap:var(--space-2);line-height:var(--leading-normal);display:flex}.roadmap svg{color:var(--gray-400);flex:none;margin-top:2px}.footer{border-top:var(--border-width) solid var(--gray-200);background:var(--white);padding:var(--space-5) 0;font-size:var(--text-xs);color:var(--gray-500)}.footer__inner{max-width:var(--container-max);padding:0 var(--gutter);justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.target__note{font-size:var(--text-2xs);color:var(--gray-500);line-height:var(--leading-normal);margin-top:var(--space-2);padding-left:var(--space-2);border-left:2px solid var(--gray-200);display:block}.target[aria-pressed=true] .target__note{border-left-color:var(--blue-300)}.field__required{font-weight:var(--fw-regular);color:var(--blue-600)}.input[aria-invalid=true]{border-color:#d98a8a}.input-group{align-items:stretch;display:flex}.input-group .input{border-top-right-radius:0;border-bottom-right-radius:0}.input-group__unit{padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);background:var(--gray-50);border:var(--border-width) solid var(--gray-300);border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none;align-items:center;display:flex}.checkbox{align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gray-700);cursor:pointer;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--blue-600);cursor:pointer}.codelist{margin-top:var(--space-4);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-md);max-height:260px;overflow-y:auto}.codelist__row{gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-bottom:var(--border-width) solid var(--gray-100);grid-template-columns:minmax(120px,auto) 1fr;align-items:baseline;display:grid}.codelist__row:last-child{border-bottom:none}.codelist__row code{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--blue-700);background:var(--blue-50);border-radius:var(--radius-xs);padding:2px var(--space-2)}.codelist__row span{color:var(--gray-600)}.filelist{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.filelist__row{align-items:center;gap:var(--space-4);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex}.filelist__body{flex:1;min-width:0}.filelist__name{font-size:var(--text-sm);font-weight:var(--fw-medium);overflow-wrap:anywhere}.filelist__meta{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.filelist__desc{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-normal);margin-top:var(--space-2)}td .pill{margin-left:var(--space-2)}.centered{min-height:100vh;padding:var(--space-6) var(--gutter);place-items:center;display:grid}.auth-card{background:var(--white);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-7) var(--space-6);box-shadow:var(--shadow-sm)}.auth-card__logo{width:auto;height:32px;margin-bottom:var(--space-5)}.auth-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-medium);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2)}.auth-card__intro{font-size:var(--text-sm);color:var(--gray-600);line-height:var(--leading-relaxed);margin:0 0 var(--space-5)}.auth-card form .btn--primary{margin-top:var(--space-2)}.auth-card__foot{font-size:var(--text-xs);color:var(--gray-500);line-height:var(--leading-relaxed);margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:var(--border-width) solid var(--gray-100)}.spinner--dark{border-color:var(--gray-200);border-top-color:var(--blue-600);width:22px;height:22px}.field__help--error{color:#8f2020}.topbar__brand a,a.topbar__brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.topbar__link{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--blue-600);text-decoration:none}.topbar__link:hover{text-decoration:underline}.topbar__user{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500)}.tabs{gap:var(--space-1);border-bottom:var(--border-width-strong) solid var(--gray-200);margin-bottom:var(--space-5);display:flex}.tab{border:none;border-bottom:var(--border-width-strong) solid transparent;margin-bottom:calc(-1 * var(--border-width-strong));padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gray-500);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0}.tab:hover{color:var(--gray-800)}.tab[aria-selected=true]{color:var(--blue-700);border-bottom-color:var(--blue-600)}.userform{border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);padding:var(--space-4);margin-bottom:var(--space-5)}.userform__grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.input-group__button{padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--blue-700);background:var(--blue-50);border:var(--border-width) solid var(--gray-300);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;border-left:none}.input-group__button:hover{background:var(--blue-100)}.rowactions{align-items:center;gap:var(--space-2);display:flex}.feedback{right:var(--space-5);bottom:var(--space-5);z-index:40;align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.feedback__button{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--white);background:var(--blue-600);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:none}.feedback__button:hover{background:var(--blue-700);box-shadow:var(--shadow-brand)}.feedback__panel{width:min(340px, calc(100vw - var(--space-6)));background:var(--white);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4)}.feedback__head{font-size:var(--text-sm);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.feedback__close{color:var(--gray-400);cursor:pointer;padding:var(--space-1);background:0 0;border:none;line-height:0}.feedback__close:hover{color:var(--gray-700)}.feedback__intro{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-normal);margin:0 0 var(--space-3)}.feedback__field{width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--gray-800);border:var(--border-width) solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-3);resize:vertical}.feedback__field:focus{border-color:var(--blue-400);box-shadow:var(--shadow-focus);outline:none}.feedback__context{font-size:var(--text-2xs);color:var(--gray-500);line-height:var(--leading-normal);background:var(--gray-50);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-top:var(--space-3)}.feedback__error{font-size:var(--text-xs);color:#8f2020;margin-top:var(--space-3)}.feedback__panel .btn--primary{margin-top:var(--space-3)}.feedback__done{align-items:center;gap:var(--space-3);color:var(--green-700);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-4) 0;display:flex}.pending{border:var(--border-width) solid #f4d9a6;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);background:#fff6e5}.pending__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--fw-medium);color:#7a5310;margin:0 0 var(--space-2)}.pending__body{font-size:var(--text-sm);color:#7a5310;line-height:var(--leading-relaxed);margin:0}.pill--pending{color:#7a5310;background:#fff0d4}.feedbacklist{gap:var(--space-3);display:grid}.feedbackitem{border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-4)}.feedbackitem[data-resolved=true]{opacity:.55;background:var(--gray-50)}.feedbackitem__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.feedbackitem__who{font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--gray-800)}.feedbackitem__company,.feedbackitem__when{color:var(--gray-500)}.feedbackitem__message{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--gray-800);margin:var(--space-3) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.feedbackitem__context{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--gray-100)}.feedbackitem__meta{font-size:var(--text-xs);color:var(--gray-600)}.feedbackitem__warnings{margin:var(--space-2) 0 0;padding-left:var(--space-5);font-size:var(--text-xs);color:#7a5310;line-height:var(--leading-normal)}