:root{--ink:#161616;--paper:#f3f1ec;--paper-dim:#c9c6bd;--cyan:#00AEEF;--magenta:#EC008C;--yellow:#FFD400;--key:#0b0b0c;--good:#2FA36B;--warn:#E8A33D;--fail:#D64550;--mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--sans: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:980px;margin:0 auto;padding:0 20px 80px}header{padding:36px 0 0}.brandrow{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.wordmark{font-family:var(--mono);font-weight:700;font-size:28px;letter-spacing:.02em;margin:0}.wordmark span{color:var(--magenta);font-weight:400}.subtag{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--paper-dim);margin:4px 0 0}.subtag b{color:var(--cyan);font-weight:700}.tagline{font-size:13px;color:var(--paper-dim);max-width:360px;text-align:right;line-height:1.4}.colorbar{display:flex;gap:3px;margin:18px 0 6px;height:14px;opacity:0;animation:settle .6s ease-out .1s forwards}@keyframes settle{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.colorbar i{flex:1;display:block}.colorbar i:nth-child(1){background:var(--cyan)}.colorbar i:nth-child(2){background:var(--magenta)}.colorbar i:nth-child(3){background:var(--yellow)}.colorbar i:nth-child(4){background:#e8e6e0}.colorbar i:nth-child(5){background:#8a8880}.colorbar i:nth-child(6){background:var(--key);border:1px solid #3a3a3a}.barlabel{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--paper-dim);text-transform:uppercase;margin-bottom:28px}.toprow{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}.toprow .presetbar{flex:0 1 300px;margin-bottom:0}.toprow .spinecalc{flex:1 1 380px;margin-top:0}.presetbar{display:flex;flex-direction:column;background:var(--ink);border-radius:3px;overflow:hidden}.presetbar .card-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px;gap:10px;flex-wrap:wrap;border-bottom:1px solid #333}.presetbar .fname{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--paper)}.presetbar-body{display:flex;flex-direction:column;gap:6px;padding:10px 14px 14px}.presetbar label{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.presetbar select{font-family:var(--mono);font-size:12px;font-weight:600;padding:5px 8px;border:1.5px solid var(--paper-dim);border-radius:2px;background:#c9c6bb;color:var(--ink);cursor:pointer;width:100%}.presetbar select:focus{outline:2px solid var(--cyan);outline-offset:1px}.presetbar .presethint{font-size:11.5px;color:var(--paper-dim);line-height:1.5}@media (max-width:700px){.toprow{flex-direction:column}.toprow .presetbar,.toprow .spinecalc{flex-basis:auto;width:100%}}.drop{border:1.5px dashed #4a4a48;border-radius:2px;padding:44px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop:hover,.drop.drag{border-color:var(--cyan);background:#00aeef0d}.drop h2{font-family:var(--mono);font-size:15px;font-weight:700;margin:0 0 6px;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:7px}.drop h2:before{content:"✛";color:var(--cyan);font-weight:400;font-size:13px}.drop p{font-size:12.5px;color:var(--paper-dim);margin:0}input[type=file]{display:none}.summary{display:none;margin-top:22px;font-family:var(--mono);font-size:12.5px;color:var(--paper-dim);letter-spacing:.02em;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 2px}.summary b{color:var(--paper)}.cards{margin-top:22px;display:flex;flex-direction:column;gap:16px}.card{background:var(--paper);color:var(--ink);border-radius:3px;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;gap:10px;flex-wrap:wrap}.fname{font-family:var(--mono);font-weight:700;font-size:13.5px;word-break:break-all}.fmeta{font-family:var(--mono);font-size:11px;color:#6b6a63;margin-top:2px}.pill{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:20px;text-transform:uppercase;white-space:nowrap;color:#fff;flex-shrink:0}.pill.good{background:var(--good)}.pill.warn{background:var(--warn);color:#241a00}.pill.fail{background:var(--fail)}.pagegrid{display:flex;flex-wrap:wrap;gap:12px;padding:6px 16px 4px;border-top:1px solid #ddd9cf}.pagetile{width:140px;border-radius:3px;overflow:hidden;background:#fff;border:3px solid #ccc;position:relative}.pagetile.good{border-color:var(--good)}.pagetile.warn{border-color:var(--warn)}.pagetile.fail{border-color:var(--fail)}.thumbwrap{position:relative;background:#e9e6dd;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbwrap canvas,.thumbwrap img{max-width:100%;max-height:100%;display:block}.pagelbl{font-family:var(--mono);font-size:10px;padding:4px 6px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between}.ptchecks{padding:6px 7px 8px;font-size:10.5px;line-height:1.55}.ptchecks .row{display:flex;gap:5px;align-items:flex-start}.ptchecks .row .ic{width:12px;flex-shrink:0;font-weight:700}.ptchecks .row.good .ic{color:var(--good)}.ptchecks .row.warn .ic{color:#b9821f}.ptchecks .row.fail .ic{color:var(--fail)}.ptchecks .row.info .ic{color:#3d7ea6}.bleedtag{font-family:var(--mono);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:6px 7px 0}.bleedtag.yes{color:var(--good)}.bleedtag.no{color:var(--fail)}.margintag{font-family:var(--mono);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px 0}.margintag.yes{color:var(--good)}.margintag.no{color:var(--fail)}.margintag.unknown{color:#8a8880}.filenotes{padding:10px 16px;border-top:1px solid #ddd9cf}.filenotes .fnhead{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:6px}.filenotes .fnhead:before{content:"✛";color:var(--magenta);font-weight:400;font-size:11px}.check{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #e8e5db}.check:last-child{border-bottom:none}.check .icon{font-size:14px;line-height:1.4;width:16px;flex-shrink:0;text-align:center}.check.good .icon{color:var(--good)}.check.warn .icon{color:#b9821f}.check.fail .icon{color:var(--fail)}.check.info .icon{color:#3d7ea6}.check .body{font-size:12.5px;line-height:1.5}.check .title{font-weight:700;margin-bottom:1px}.check .detail{color:#54524a}.ppicalc{margin-top:14px;padding-top:12px;border-top:1px dashed #ddd9cf}.ppicalc-hint{font-size:11.5px;color:#6b6a63;margin:0 0 8px;line-height:1.5}.ppicalc-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ppicalc-row input,.ppicalc-row select{font-family:var(--mono);font-size:12px;padding:6px 8px;border:1.5px solid var(--ink);border-radius:2px;background:#fff;color:var(--ink)}.ppicalc-row input{width:82px}.ppicalc-row input:focus,.ppicalc-row select:focus{outline:2px solid var(--cyan);outline-offset:1px}.ppicalc-result{margin-top:10px;padding-top:10px}.cardfoot{display:flex;gap:8px;padding:10px 16px 16px;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.03em;padding:8px 12px;border-radius:2px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;text-transform:uppercase}.spinecalc{background:var(--ink);color:var(--paper);border-radius:3px;overflow:hidden}.spinecalc .card-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px;gap:10px;flex-wrap:wrap;border-bottom:1px solid #333}.spinecalc-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;padding:10px 14px 4px}.spinecalc-field label{display:block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px}.spinecalc-field input,.spinecalc-field select{width:100%;font-family:var(--mono);font-size:12px;font-weight:600;padding:5px 8px;border:1.5px solid var(--paper-dim);border-radius:2px;background:#c9c6bb;color:var(--ink);cursor:pointer}.spinecalc-field input{cursor:text}.spinecalc-field input:focus,.spinecalc-field select:focus{outline:2px solid var(--cyan);outline-offset:1px}.spinecalc .fname{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--paper)}.spinecalc .fmeta{font-family:var(--mono);font-size:11px;color:var(--paper-dim);margin-top:5px}.spinecalc-result{margin:0 14px 14px}.spinecalc-result .title{font-size:14px}.spinecalc-formula{margin:0 16px 16px;font-family:var(--mono);font-size:11px;color:#6b6a63;line-height:1.6;border-top:1px dashed #ddd9cf;padding-top:10px}.btn:hover,.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:#000}.btn.copied{background:var(--good);border-color:var(--good);color:#fff}.footnote{margin-top:30px;border-top:1px solid #333;padding-top:16px;font-size:12px;color:var(--paper-dim);line-height:1.6}.footnote summary{cursor:pointer;font-family:var(--mono);font-size:11.5px;color:var(--paper);letter-spacing:.03em}.footnote ul{margin:10px 0 0;padding-left:18px}.footnote li{margin-bottom:6px}.sitefooter{margin-top:24px;padding-top:16px;border-top:1px solid #333;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--paper-dim);text-align:center}.visit-badge{position:fixed;right:14px;bottom:12px;z-index:40;opacity:.55;transition:opacity .15s ease;line-height:0}.visit-badge:hover{opacity:1}.visit-badge img{display:block;height:20px;border-radius:3px}@media (max-width:640px){.visit-badge{right:8px;bottom:8px}.visit-badge img{height:18px}}@media (max-width:560px){.tagline{text-align:left}.wordmark{font-size:22px}.pagetile{width:120px}.thumbwrap{height:128px}}