@layer components{.drop{display:grid;justify-items:center;gap:6px;padding:clamp(36px,6vw,64px) 26px;border:1px dashed var(--border-control);border-radius:var(--radius);background:linear-gradient(180deg,#f5f2ec0a,#f5f2ec03),var(--ground-room);text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}@media(any-hover:hover){.drop:hover{border-color:var(--film-32)}}.drop.is-dragging{border-color:var(--lamp);border-style:solid}.drop__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.drop:has(.drop__input:focus-visible){outline:2px solid var(--lamp);outline-offset:3px}.checker__drop-wrap{margin-top:40px}.drop__title{font-size:19px;font-variation-settings:"wdth" var(--wdth-text),"wght" 600}.drop__cta{margin-top:14px;pointer-events:none}@media(any-hover:hover){.drop:hover .drop__cta{transform:scale(var(--lift))}}.drop__hint{max-width:46ch;margin-top:14px;font-size:14.5px;color:var(--text-muted)}.drop__formats{margin-top:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.privacy{max-width:68ch;margin-top:22px}.privacy p{font-size:15.5px;line-height:1.55}.status,.error{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:14.5px}.status{color:var(--text-muted)}.status__dot{width:7px;height:7px;border-radius:50%;background:var(--lamp)}@media(prefers-reduced-motion:no-preference){:where(html.js:not([data-motion=off])) .status__dot{animation:checker-pulse 1.2s ease infinite}}@keyframes checker-pulse{0%,to{opacity:1}50%{opacity:.3}}.error,.error b{color:var(--over)}.result{margin-top:32px}.result__head{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;align-items:baseline;margin-bottom:14px}.result__file{font-variation-settings:"wdth" var(--wdth-text),"wght" 600;overflow-wrap:anywhere}.result__spec{font-family:var(--font-mono);font-size:12px;letter-spacing:0;color:var(--text-muted)}.result__panel{display:grid;gap:26px;padding:26px}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0}.readout__item{display:grid;gap:2px}.readout__item dt{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--text-muted)}.readout__item dd{margin:0;font-family:var(--font-mono);font-size:clamp(22px,3vw,30px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.1}.readout__item dd small{margin-left:6px;font-size:.42em;font-weight:400;color:var(--text-muted)}.readout__item--accent dd{color:var(--lamp)}.readout__item--hot dd{color:var(--over)}.meter{display:grid;gap:8px}.meter__scale{position:relative;height:12px;background:var(--film-8);border:1px solid var(--film-8)}.meter__band,.meter__hot{position:absolute;top:0;bottom:0;left:calc(var(--from) * 1%);width:calc((var(--to) - var(--from)) * 1%)}.meter__band{background:#e9a13c47}.meter__hot{background:var(--film-16)}.meter__needle{position:absolute;top:-3px;bottom:-3px;left:calc(var(--at, 0) * 1%);width:2px;background:var(--text);transform:translate(-1px)}.meter__needle--hot{background:var(--over)}.meter__ticks{position:relative;height:16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:0;color:var(--text-muted)}.meter__tick{position:absolute;left:calc(var(--at) * 1%);transform:translate(-50%);white-space:nowrap}.meter__tick--start{transform:none}.meter__tick--end{left:auto;right:0;transform:none}.meter__legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:var(--text-muted)}.meter__key{display:inline-flex;align-items:center;gap:8px}.meter__swatch{width:14px;height:10px;background:#e9a13c47}.meter__swatch--hot{background:var(--film-16)}.verdict{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--film-8);border-left:2px solid var(--film-32);background:var(--ground-console)}.verdict__state{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--text-muted)}.verdict p{margin:0;font-size:15px}.verdict--ok{border-left-color:var(--lamp)}.verdict--ok .verdict__state{color:var(--lamp)}.verdict--hot{border-left-color:var(--over)}.verdict--hot .verdict__state{color:var(--over)}.verdict--over,.verdict--under,.verdict--low,.verdict--silent{border-left-color:var(--film-32)}.rows{display:grid;gap:0;margin:0}.row{display:grid;grid-template-columns:minmax(0,22rem) 1fr;gap:12px 32px;padding:16px 0;border-bottom:1px solid var(--film-8)}.row dt{font-variation-settings:"wdth" var(--wdth-text),"wght" 600}.row dd{margin:0;color:var(--text-muted)}@media(max-width:700px){.row{grid-template-columns:1fr;gap:4px}.readout{grid-template-columns:1fr}}.prose h3{margin-top:34px;margin-bottom:8px}.prose p{color:var(--text-muted)}.caveat{max-width:70ch;margin-top:12px;font-family:var(--font-mono);font-size:12px;line-height:1.75;letter-spacing:0;color:var(--text-muted)}.caveat .n{color:var(--text)}.penalty{margin-top:20px}.penalty__h{margin-top:6px;font-size:clamp(22px,2.4vw,28px)}.penalty__lede{margin-top:12px;max-width:62ch;color:var(--text-body)}.penalty__list{margin-top:20px;list-style:none;border-top:1px solid var(--film-8)}.penalty__row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--film-8)}.penalty__name{font-variation-settings:"wdth" var(--wdth-text),"wght" 500}.penalty__target{font-size:12px;color:var(--text-muted)}.penalty__value{min-width:8ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.penalty__none,.penalty__foot{margin-top:18px;max-width:72ch;font-size:13px;line-height:1.6;color:var(--text-muted)}.penalty__foot{margin-top:10px}.penalty__none a,.penalty__foot a{color:var(--text);text-underline-offset:3px}@media(max-width:560px){.penalty__row{grid-template-columns:1fr auto}.penalty__target{grid-column:1;grid-row:2}}}@layer components{.wf-frame{margin:0;padding:0}.wf-canvas{display:block;width:100%;height:132px;background-color:var(--ground-room);background-image:linear-gradient(to right,var(--film-4) 1px,transparent 1px),linear-gradient(to bottom,var(--film-4) 1px,transparent 1px);background-size:40px 33px;border:1px solid var(--film-8)}.wf-frame__meta{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:0;color:var(--text-muted)}}
