:root,:host{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#009fe3;--brand-blue-light:#3dc2ff;--brand-blue-tint:#009fe324;--brand-yellow:#ffe500;--brand-yellow-text:#0a121c;--bg:#060a10;--panel:#121d2b;--panel-secondary:#182533;--panel-elevated:#1e2c3d;--border:#ffffff14;--border-strong:#ffffff2e;--text:#f3f7fa;--text-secondary:#a9bacb;--text-faint:#6d8092;--success-text:#4ade80;--success-bg:#4ade801f;--success-border:#4ade8052;--warning-text:#fbbf24;--warning-bg:#fbbf241f;--warning-border:#fbbf2452;--error-text:#f87171;--error-bg:#f871711f;--error-border:#f8717152;--info-text:var(--brand-blue-light);--info-bg:var(--brand-blue-tint);--info-border:#009fe352;--neutral-text:var(--text-secondary);--neutral-bg:var(--panel-elevated);--neutral-border:var(--border-strong);--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--space-1:.25rem;--space-2:.5rem;--space-3:.7rem;--space-4:.9rem;--space-5:1.25rem;--space-6:1.75rem;--space-7:2.25rem;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 32px #00000073;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.86rem;font-weight:700;transition:background-color .15s,border-color .15s,transform 50ms;display:inline-flex}.button--primary{background:var(--brand-blue);color:#041520;box-shadow:0 2px 12px #009fe347}.button--primary:hover{background:var(--brand-blue-light)}.button--primary:active{transform:translateY(1px)}.button--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.button--ghost:hover{background:var(--panel-elevated)}.button--ghost[aria-pressed=true]{border-color:var(--brand-blue);color:var(--brand-blue-light)}.button--lg{padding:.7rem 1.3rem;font-size:.95rem}.button--sm{padding:.35rem .7rem;font-size:.76rem}.button--block{text-align:center;width:100%}.button:focus-visible,.nav-item:focus-visible,.tab:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.switch-row__label{color:var(--text);font-size:.85rem;font-weight:600}.switch{background:var(--panel-elevated);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:40px;height:22px;padding:0;transition:background-color .15s;display:inline-flex;position:relative}.switch:before{content:"";background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:transform .15s,background-color .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--brand-blue-tint);border:1px solid #009fe366}.switch[aria-checked=true]:before{background:var(--brand-blue);transform:translate(18px)}.switch:disabled{opacity:.5;cursor:default}.status-pill{border:1px solid var(--neutral-border);background:var(--neutral-bg);color:var(--neutral-text);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-pill--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status-pill--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.status-pill--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.status-pill--info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.status-pill--neutral{background:var(--neutral-bg);border-color:var(--neutral-border);color:var(--neutral-text)}.card{padding:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.25rem;display:flex}.card--raised{background:var(--panel-elevated);box-shadow:var(--shadow-sm)}.card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.68rem;font-weight:700}.card__value{overflow-wrap:anywhere;color:var(--text);font-size:.92rem;font-weight:600}.card__value--lg{color:var(--text);font-size:1.12rem;font-weight:800}.tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.tab:hover{background:var(--panel-elevated);color:var(--text)}.tab[aria-current=true],.tab[aria-pressed=true]{background:var(--brand-blue-tint);border-color:var(--brand-blue);color:var(--text);box-shadow:inset 3px 0 0 var(--brand-blue)}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;padding:.5rem .7rem;font-size:.86rem;font-weight:600;display:flex}.nav-item[aria-current=true]{background:var(--brand-blue-tint);border-left:2px solid var(--brand-blue);color:var(--text)}.input,.select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:.5rem .7rem;font-size:.86rem}.input:focus-visible,.select:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:1px}.input::placeholder{color:var(--text-faint)}.chip{border:1px solid var(--border-strong);background:var(--panel);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--panel-elevated);border-color:var(--brand-blue);color:var(--text)}.chip--copy{gap:.5rem}.result-tile{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-direction:column;display:flex;overflow:hidden}.result-tile__swatch{justify-content:center;align-items:center;height:96px;font-size:1.05rem;font-weight:800;display:flex}.result-tile__body{padding:var(--space-3);flex-direction:column;gap:.3rem;display:flex}.swatch-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.swatch-tile{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font:inherit;color:var(--text);text-align:left;background:0 0;flex-direction:column;padding:0;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.swatch-tile:hover,.swatch-tile:focus-visible{border-color:var(--border-strong);transform:translateY(-1px)}.swatch-tile__color{height:48px;position:relative}.swatch-tile__feedback{color:#f3f7fa;letter-spacing:.02em;background:#060a10b8;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.swatch-tile__meta{flex-direction:column;gap:.15rem;padding:.4rem .5rem;font-size:.72rem;line-height:1.3;display:flex}.swatch-tile__hex{color:var(--text);font-weight:700}.swatch-tile__details{gap:.4rem;display:flex}.swatch-tile__value{color:var(--text-secondary);text-underline-offset:2px;font-size:.66rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.swatch-tile__value:hover{color:var(--text)}.swatch-tile__count{color:var(--text-faint)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--panel-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:40;padding:.3rem .55rem;font-size:.72rem;font-weight:600;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary);flex-direction:column;display:flex}.empty-state__title{color:var(--text);font-size:.92rem;font-weight:700}.loading-state{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);color:var(--text-secondary);font-size:.86rem;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--brand-blue);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-header{align-items:center;gap:.6rem;display:flex}.brand-header__mark{flex-shrink:0;width:28px;height:28px}.brand-header__text{flex-direction:column;gap:.05rem;min-width:0;line-height:1.1;display:flex}.brand-header__name{letter-spacing:-.02em;color:var(--text);font-size:1.05rem;font-weight:800}.brand-header__by{color:var(--brand-blue-light);white-space:nowrap;border-bottom:1px solid #0000;font-size:.72rem;font-weight:600;text-decoration:none}.brand-header__by:hover,.brand-header__by:focus-visible{border-bottom-color:var(--brand-blue-light)}body{background:var(--bg);color:var(--text);margin:0;font-family:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--topbar-height:56px;--sidebar-width:220px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:inherit}button,input{font-family:inherit}:focus-visible{outline:2px solid var(--brand-blue-light);outline-offset:2px;border-radius:4px}svg.icon,.dropzone__icon,.disclosure__chevron,.nav-item__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-body{flex:auto;min-height:0;display:flex}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border);flex:none;align-items:stretch;display:flex}.topbar__sidebar-zone{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);padding:0 var(--space-4);border-right:1px solid var(--border);align-items:center;min-width:0;display:flex}.topbar__workspace-zone{align-items:center;gap:var(--space-3);padding:0 var(--space-5);flex:auto;grid-template-columns:1fr auto 1fr;min-width:0;display:grid}.topbar__spacer{min-width:0}.topbar__brand{flex-direction:column;flex:none;gap:.05rem;min-width:0;display:flex}.brand-mark-link{align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0;width:28px;height:28px}.brand-name{letter-spacing:-.02em;color:var(--text);font-size:1.15rem;font-weight:800;line-height:1.1}.brand-by{width:fit-content;min-height:24px;color:var(--brand-blue-light);white-space:nowrap;border-bottom:1px solid #0000;align-items:center;margin-left:calc(28px + .5rem);font-size:.78rem;font-weight:600;line-height:1.1;text-decoration:none;transition:border-color .15s;display:inline-flex}.brand-by:hover,.brand-by:focus-visible{border-bottom-color:var(--brand-blue-light)}.topbar__badges{flex-wrap:wrap;justify-self:end;align-items:center;gap:.45rem;display:flex}.file-selector{flex:auto;justify-content:center;min-width:0;display:flex}.file-selector__trigger{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--panel);width:100%;min-width:260px;max-width:420px;height:36px;color:var(--text);cursor:pointer;align-items:center;gap:.5rem;padding:0 .7rem;transition:border-color .15s,background-color .15s;display:flex}.file-selector__trigger:hover{border-color:var(--brand-blue)}.file-selector__thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:22px;height:22px}.file-selector__icon{width:16px;height:16px;color:var(--brand-blue-light);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex-shrink:0}.file-selector__text{text-align:left;flex:auto;align-items:baseline;gap:.4rem;min-width:0;display:flex}.file-selector__name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.file-selector__meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;overflow:hidden}.file-selector__action{color:var(--brand-blue-light);flex-shrink:0;font-size:.72rem;font-weight:700}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.32rem;padding:.24rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge .icon{width:12px;height:12px}.badge--trust{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.badge--muted{color:var(--text-faint);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;opacity:.75;background:0 0;font-size:.6rem}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);gap:var(--space-3);padding:var(--space-4) var(--space-3);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.sidebar-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.sidebar-preview:hover{border-color:var(--brand-blue)}.sidebar-preview__frame{background-color:#e8eaed;background-image:linear-gradient(45deg,#cfd3d8 25%,#0000 25%),linear-gradient(-45deg,#cfd3d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cfd3d8 75%),linear-gradient(-45deg,#0000 75%,#cfd3d8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;height:128px;display:flex}.sidebar-preview__img{object-fit:contain;max-width:100%;max-height:100%}.sidebar-preview__meta{border-top:1px solid var(--border);background:var(--panel-secondary);flex-direction:column;gap:.15rem;padding:.55rem .65rem;display:flex}.sidebar-preview__name{color:var(--text);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.78rem;font-weight:700;display:-webkit-box;overflow:hidden}.sidebar-preview__info{color:var(--text-secondary);font-size:.68rem}.sidebar__nav{gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;display:flex}.nav-group{flex-direction:column;gap:.3rem;display:flex}.nav-group__label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:.15rem;padding:0 .4rem;font-size:.66rem;font-weight:700}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;padding:.5rem .6rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.nav-item:hover:not(:disabled){background:var(--panel);color:var(--text)}.nav-item__icon{width:18px;height:18px;color:var(--text-faint);flex-shrink:0}.nav-item__text{flex-direction:column;gap:.02rem;min-width:0;display:flex}.nav-item__title{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:700;overflow:hidden}.nav-item__sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.nav-item--active{background:var(--brand-blue-tint);border-color:var(--brand-blue);border-left:2px solid var(--brand-blue);color:var(--text)}.nav-item--active .nav-item__icon{color:var(--brand-yellow)}.nav-item:disabled{opacity:.35;cursor:not-allowed}.workspace{flex:auto;min-width:0;min-height:0;display:flex;position:relative}.workspace-scroll{min-width:0;min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);flex:auto;overflow-y:auto}.drop-overlay{z-index:20;border:2px dashed var(--brand-blue);border-radius:var(--radius-lg);margin:var(--space-3);background:#060a10e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay p{color:var(--text);margin:0;font-size:1.1rem;font-weight:800}.picker{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;height:100%;min-height:0;display:flex}.picker__mark{width:44px;height:44px;margin-bottom:var(--space-2);opacity:.9}.picker__title{letter-spacing:-.015em;color:var(--text);margin:0;font-size:1.3rem;font-weight:800}.picker__subtitle{color:var(--text-secondary);margin:.15rem 0 0;font-size:.9rem}.picker__formats{margin:var(--space-3) 0 0;color:var(--text-faint);letter-spacing:.03em;font-size:.78rem}.picker__extension-hint{color:var(--text-faint);letter-spacing:.03em;margin:.35rem 0 0;font-size:.78rem}.picker__extension-hint a{color:var(--brand-blue-light);border-bottom:1px solid var(--brand-blue-light);text-decoration:none;transition:border-color .15s}.picker__extension-hint a:hover,.picker__extension-hint a:focus-visible{border-bottom-color:currentColor}.picker--tool-empty{gap:var(--space-3)}.picker__preview{margin-top:var(--space-5)}.picker__preview-title{margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.76rem;font-weight:700}.picker__preview-items{gap:var(--space-2);display:flex}.picker__preview-item{padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.15rem;min-width:8rem;display:flex}.picker__preview-label{color:var(--text);font-size:.82rem;font-weight:700}.picker__preview-hint{color:var(--text-secondary);font-size:.7rem}.button--lg{margin-top:var(--space-3)}.alert{margin-top:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);padding:.75rem .95rem;font-size:.86rem}.alert--warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.alert--info{border-color:var(--info-border);background:var(--info-bg);color:var(--info-text)}.alert p{margin:0}.alert .disclosure-details{margin-top:.4rem}.alert .disclosure-details summary{color:inherit;opacity:.85;font-size:.78rem}.file-bar{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.file-bar__preview{border-radius:var(--radius-sm);background:var(--panel-elevated);flex-shrink:0;width:34px;height:34px;overflow:hidden}.file-bar__preview img{object-fit:cover;width:100%;height:100%}.file-bar__info{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.file-bar__name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.file-bar__meta{color:var(--text-faint);font-size:.7rem}.context-actions{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.chip-choice--action{background:var(--panel)}.workspace-breadcrumb{margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:.76rem;font-weight:700}.action-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.action-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.action-card:hover,.action-card:focus-visible{border-color:var(--brand-blue);background:var(--brand-blue-tint);transform:translateY(-1px)}.action-card__icon{border-radius:var(--radius-sm);background:var(--panel-elevated);width:36px;height:36px;color:var(--brand-blue-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-card__icon svg{width:18px;height:18px}.action-card__text{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}.action-card__title{color:var(--text);font-size:.95rem;font-weight:700}.action-card__description{color:var(--text-secondary);font-size:.8rem}.action-card__chevron{width:16px;height:16px;color:var(--text-faint);flex-shrink:0}.convert-source{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.convert-source:empty{display:none}.convert-source__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.66rem;font-weight:700}.convert-source__value{color:var(--text);font-size:.86rem;font-weight:600}.section-title{margin:var(--space-4) 0 var(--space-2);color:var(--text);font-size:.95rem;font-weight:800}.section-title:first-child{margin-top:0}.subsection-title{margin:var(--space-3) 0 var(--space-2);color:var(--text-secondary);font-size:.82rem;font-weight:700}.hint-text{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:.78rem}.hint-text--warning{color:var(--warning-text)}.hint-text:empty{display:none}.status-text{margin:var(--space-3) 0 0;color:var(--brand-blue-light);font-size:.82rem;font-weight:700}.status-text:empty{display:none}.cards{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}#overview-facts .card__label{color:var(--text-secondary)}.tool-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-5)}.panel{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel h3{margin:0 0 var(--space-2);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.panel--dev{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-color:var(--border);background:0 0}.panel--result{margin-top:var(--space-4);background:var(--panel-elevated)}.fact-list{row-gap:0;column-gap:var(--space-3);grid-template-columns:minmax(8rem,max-content) 1fr;margin:0;display:grid}.fact-list dt,.fact-list dd{border-bottom:1px solid var(--border);padding:.4rem 0;font-size:.84rem}.fact-list dt{color:var(--text-faint);font-weight:500}.fact-list dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:700}.fact-list dt:last-of-type,.fact-list dd:last-of-type{border-bottom:none}.fact-list--compact dt,.fact-list--compact dd{border-bottom:none;padding:.3rem 0;font-size:.8rem}.disclosure-details{margin-top:var(--space-3)}.disclosure-details summary{cursor:pointer;color:var(--text-secondary);font-size:.82rem;font-weight:700;list-style:none}.disclosure-details summary::-webkit-details-marker{display:none}.disclosure-details summary:before{content:"▸";color:var(--brand-blue-light);margin-right:.4rem;transition:transform .15s;display:inline-block}.disclosure-details[open] summary:before{transform:rotate(90deg)}.disclosure-details .fact-list{margin-top:var(--space-2)}.disclosure-details--section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.disclosure-details--section summary{font-size:.88rem}.error-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.error-list:empty:before{content:"Keine Fehler";color:var(--text-faint);font-size:.82rem}.error-list li{border-radius:var(--radius-sm);border:1px solid var(--neutral-border);background:var(--panel);color:var(--neutral-text);padding:.5rem .7rem;font-size:.8rem}.error-list li.status--warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.error-list li.status--error{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.ppi-cards{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.ppi-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel)}.ppi-card__ppi{color:var(--brand-blue-light);font-size:.98rem;font-weight:800}.ppi-card__label{color:var(--text-faint);margin:.05rem 0 .6rem;font-size:.74rem}.ppi-card__size{color:var(--text);font-size:1.08rem;font-weight:800}.ppi-card__size-alt{color:var(--text-faint);margin-top:.1rem;font-size:.76rem}.target-size{gap:var(--space-3);grid-template-columns:1fr 1fr;max-width:30rem;display:grid}.target-size__field{flex-direction:column;gap:.25rem;display:flex}.target-size__field label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.optional{color:var(--text-faint);text-transform:none;letter-spacing:normal;font-size:.78rem;font-weight:400}input[type=number],input[type=text]{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:.5rem .65rem;font-size:.9rem}input[type=number]:focus-visible,input[type=text]:focus-visible{border-color:var(--brand-blue)}.target-size-result{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--brand-blue-tint);border:1px solid #009fe34d;max-width:30rem}.format-choices,.preset-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.format-choice,.preset-choice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:.15rem;font-size:.85rem;font-weight:700;transition:border-color .15s,background-color .15s;display:flex}.format-choice span,.preset-choice span{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:500}.format-choice:hover,.preset-choice:hover{border-color:var(--brand-blue)}.format-choice[aria-pressed=true],.preset-choice[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-blue-tint);box-shadow:inset 0 0 0 1px var(--brand-blue)}.format-choice[aria-disabled=true],.preset-choice[aria-disabled=true]{opacity:.5;cursor:not-allowed}.format-choice[aria-disabled=true]:hover,.preset-choice[aria-disabled=true]:hover{border-color:var(--border-strong)}.preset-choice[aria-pressed=true] strong{color:var(--brand-yellow)}.mode-toggle{margin:var(--space-3) 0;border:1px solid var(--border-strong);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.mode-toggle__button{background:var(--panel);color:var(--text-secondary);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.82rem;font-weight:700}.mode-toggle__button[aria-pressed=true]{background:var(--brand-blue);color:#041520}.control-block{margin-top:var(--space-4);max-width:30rem}.control-block label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:block}.quality-row{align-items:center;gap:var(--space-3);display:flex}input[type=range]{appearance:none;background:var(--panel-elevated);border-radius:999px;outline:none;flex:1;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--brand-yellow);border:2px solid var(--brand-yellow-text);cursor:pointer;border-radius:50%;width:17px;height:17px}input[type=range]::-moz-range-thumb{background:var(--brand-yellow);border:2px solid var(--brand-yellow-text);cursor:pointer;border-radius:50%;width:17px;height:17px}.quality-value{text-align:right;min-width:3.2rem;color:var(--brand-yellow);font-size:1rem;font-weight:800}.control-block--warning{padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-bg);border:1px solid var(--warning-border)}.control-block__warning{color:var(--warning-text);margin:0 0 .2rem;font-weight:700}.bg-color-choices{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.bg-swatch{border:2px solid var(--border-strong);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0}.bg-swatch[aria-pressed=true]{border-color:var(--brand-blue);box-shadow:0 0 0 2px var(--brand-blue-tint)}.bg-swatch--custom{border-radius:var(--radius-sm);width:auto;height:auto;color:var(--text-secondary);border-style:dashed;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.74rem;display:inline-flex}.bg-swatch--custom input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:50%;width:20px;height:20px;padding:0;overflow:hidden}.resize-fields{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.resize-fields__field{flex-direction:column;gap:.25rem;display:flex}.resize-fields__field label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.resize-fields__field input{width:8rem}.checkbox-field{color:var(--text-secondary);align-items:center;gap:.4rem;padding-bottom:.55rem;font-size:.82rem;display:inline-flex}.chip-row{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.chip-choice{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.chip-choice:hover{border-color:var(--brand-blue);color:var(--brand-blue-light)}.resize-summary{margin:var(--space-3) 0 0;color:var(--text);font-size:.9rem;font-weight:700}.resize-summary:empty{display:none}.compare-preview{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.compare-preview__side{gap:var(--space-2);flex-direction:column;display:flex}.compare-preview__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.72rem;font-weight:700}.preview-box{border-radius:var(--radius-md);background-color:#e8eaed;background-image:linear-gradient(45deg,#cfd3d8 25%,#0000 25%),linear-gradient(-45deg,#cfd3d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#cfd3d8 75%),linear-gradient(-45deg,#0000 75%,#cfd3d8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.preview-box img{object-fit:contain;max-width:100%;max-height:100%}.preview-box--zoomed{justify-content:flex-start;align-items:flex-start;overflow:auto}.preview-box--zoomed img{object-fit:none;max-width:none;max-height:none}.size-line{align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--panel);border-radius:var(--radius-md);color:var(--text-secondary);flex-wrap:wrap;font-size:.86rem;display:flex}.size-line strong{color:var(--text);font-weight:800}.size-delta{color:var(--success-text);font-weight:800}.size-delta[data-direction=increased]{color:var(--warning-text)}.size-delta[data-direction=unchanged]{color:var(--text-secondary)}.auto-result{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--brand-blue-tint);border:1px solid #009fe34d}.auto-result p{color:var(--text);margin:.15rem 0;font-size:.86rem;font-weight:700}.auto-result .hint-text{margin-top:.5rem;font-weight:400}.result-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.finding-card{padding:var(--space-3) var(--space-4);margin-top:var(--space-2);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.finding-card__header{align-items:center;gap:var(--space-2);margin-bottom:.3rem;display:flex}.finding-card__header strong{color:var(--text);font-size:.88rem}.finding-card p{color:var(--text-secondary);margin:.2rem 0;font-size:.82rem}.finding-card__recommendation{color:var(--brand-blue-light);font-weight:600}.pdf-layout{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:9rem 1fr;display:grid}.pdf-page-list{flex-direction:column;gap:.3rem;max-height:22rem;padding-right:.2rem;display:flex;overflow-y:auto}.pdf-page-list__item{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text-secondary);cursor:pointer;text-align:left;padding:.4rem .6rem;font-size:.8rem;font-weight:600}.pdf-page-list__item:hover{border-color:var(--brand-blue)}.pdf-page-list__item--active{border-color:var(--brand-blue);background:var(--brand-blue-tint);color:var(--text)}.pdf-page-detail{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.pdf-page-box-visual{background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;height:160px;display:flex}.pdf-page-box-visual__inner{background:var(--panel);border:1px solid var(--brand-blue);box-shadow:inset 0 0 0 1px #009fe340}.disclosure{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.86rem;font-weight:700;display:inline-flex}.disclosure__chevron{width:15px;height:15px;transition:transform .15s}.disclosure[aria-expanded=true] .disclosure__chevron{transform:rotate(90deg)}#raw-json-wrapper{margin-top:var(--space-3)}.raw-json__toolbar{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.raw-json{padding:var(--space-4);color:#c9d8e4;border:1px solid var(--border);border-radius:var(--radius-md);background:#050a10;max-height:20rem;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5;overflow:auto}@media (width<=1024px){.cards{grid-template-columns:repeat(2,1fr)}.ppi-cards,.compare-preview,.target-size,.pdf-layout{grid-template-columns:1fr}}@media (width<=860px){:root{--sidebar-width:190px}}@media (width<=480px){.topbar{flex-direction:column;align-items:stretch;height:auto}.topbar__sidebar-zone{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:.5rem var(--space-4);flex:none}.topbar__workspace-zone{padding:.5rem var(--space-4)}.file-selector__trigger{min-width:0}}@media (width<=640px){.app-body{flex-direction:column}.topbar__sidebar-zone{border-right:none;flex:none;width:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex:none;width:100%;max-height:40vh}.sidebar__nav{flex-flow:wrap}.nav-group{flex-flow:wrap;align-items:center}.cards{grid-template-columns:1fr}.file-bar{flex-wrap:wrap}}.link-button{color:var(--info-text);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-7);text-align:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.drop-zone--active{border-color:var(--brand-blue);background:var(--brand-blue-tint)}.bulk-queue-table-scroll{margin:var(--space-4) 0;overflow-x:auto}.bulk-queue-table{border-collapse:collapse;width:100%;min-width:780px;font-size:.85rem}.bulk-queue-table td.bulk-cell--numeric{text-align:right;white-space:nowrap}.bulk-queue-table td.bulk-cell--savings-positive{color:var(--success-text)}.bulk-queue-table td.bulk-cell--savings-negative{color:var(--error-text)}.bulk-queue-table th,.bulk-queue-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .7rem}.bulk-queue-table th{color:var(--text-secondary);font-weight:600}