body{color:#1a1a1a;background:#fafafa;margin:0;font-family:system-ui,sans-serif}header{color:#fff;background:#222;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}header button{margin-left:8px}main{padding:16px}button{font:inherit;cursor:pointer;padding:6px 12px}button:disabled{cursor:not-allowed}input[type=text],input[type=password]{font:inherit;padding:6px}.error{color:#b00020;margin:8px 0}.ok{color:#1b5e20;margin:8px 0}.cols{align-items:flex-start;gap:16px;display:flex}.left,.right{flex:50%;min-width:0}.left img{background:#fff;border:1px solid #ccc;max-width:100%}.pages{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.pages .current{outline:2px solid #222;font-weight:700}fieldset{background:#fff;border:1px solid #ccc;margin:0 0 8px}legend{font-weight:700}fieldset label{padding:2px 0;display:block}.quote{color:#555;font-size:.9em}table{border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #ddd;padding:4px 12px}