:root{--paper:#f2ede3;--ink:#20211d;--ink-soft:#5a5a52;--line:#c9c2af;--brass:#a8813f;--good:#3c6e47;--warn:#a8722c;--bad:#a13b2e;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 1px,transparent 1px,transparent 3px);color:var(--ink);font-family:Courier New,ui-monospace,monospace;min-height:100vh;display:flex;justify-content:center;padding:40px 20px}.sheet{width:100%;max-width:720px}header{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-end}h1{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700;letter-spacing:.5px;margin:0}.tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--brass);border:1px solid var(--brass);padding:4px 8px}.sub{font-size:13px;color:var(--ink-soft);margin:6px 0 0}.preset-block{margin-bottom:16px}.preset-block label,.field label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px}.preset-block select,.field input,.field select{width:100%;font-family:inherit;font-size:15px;padding:10px;border:1px solid var(--ink);background:var(--card);color:var(--ink)}.preset-hint{font-size:11.5px;color:var(--ink-soft);margin:6px 0 0}.dropzone{border:2px dashed var(--line);background:var(--card);padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.dropzone.drag{border-color:var(--brass);background:#fffaf0}.dropzone p{margin:0;font-size:14px;color:var(--ink-soft)}.dropzone .big{font-family:Georgia,serif;font-size:17px;color:var(--ink);margin-bottom:6px}input[type=file]{display:none}.result{margin-top:26px;display:none}.result.show{display:block}.preview-row{display:flex;gap:18px;margin-bottom:22px}.thumb{width:110px;height:110px;object-fit:cover;border:1px solid var(--ink);background:#ddd;flex-shrink:0}.meta{font-size:13px;line-height:1.9;flex:1}.meta .fname{font-weight:700;word-break:break-all}.meta .label{color:var(--ink-soft);display:inline-block;width:110px}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:22px;display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end}.field input,.field select{padding:8px}.field input[readonly]{background:#ece6d6;color:var(--ink-soft)}.x{padding-bottom:10px;color:var(--ink-soft)}.verdict{background:var(--card);border:1px solid var(--ink);padding:20px}.verdict-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.ppi-number{font-family:Georgia,serif;font-size:40px;font-weight:700}.ppi-unit{font-size:13px;color:var(--ink-soft)}.badge{font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border:1px solid;font-weight:700}.badge.good{color:var(--good);border-color:var(--good)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--bad);border-color:var(--bad)}.verdict-desc{font-size:13px;color:var(--ink-soft);line-height:1.6;margin:0 0 14px}.bar-track{height:8px;background:#e4ddcb;border:1px solid var(--line);position:relative;margin-bottom:6px}.bar-fill{height:100%;transition:width .3s}.bar-fill.good{background:var(--good)}.bar-fill.warn{background:var(--warn)}.bar-fill.bad{background:var(--bad)}.bar-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft)}.legend{margin-top:20px;font-size:11.5px;color:var(--ink-soft);line-height:1.8;border-top:1px dotted var(--line);padding-top:14px}.legend .row{display:flex;gap:8px}.legend .swatch{width:10px;height:10px;margin-top:3px;flex-shrink:0}footer{margin-top:30px;font-size:11px;color:var(--ink-soft);text-align:center}@media(max-width:520px){body{padding:24px 14px}header{align-items:flex-start}.controls{grid-template-columns:1fr auto 1fr}.controls .field:last-of-type{grid-column:1/-1}.preview-row{flex-direction:column}}